HIG:iOS - Themes

自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚

今天本来惯例打开Material Design,结果发现网站改版了上不去了???那我就乖乖开始翻译iOS的组件好了...


iOS Design Themes

作为一名app设计师,您有机会呈现出一款非凡的产品,并将其推向App Store推荐的顶端。为此,您需要满足对质量和功能的高度期望。

三大主题将iOS与其他平台区分开来:

·清晰Clarity:在整个系统中,每个尺寸的文字都清晰可辨,图标清晰易懂,装饰细腻恰当,并且强化了功能促进设计的观点。负空间,颜色,字体,图形和界面元素巧妙地突出重要内容并传达交互性。

·遵从Deference:流畅的运动和清晰美观的界面有助于人们理解并与内容互动,而不会与内容竞争。内容通常填满整个屏幕,而半透明和模糊往往暗示更多。最小化边框,渐变和阴影的使用可保持界面轻盈透气,同时确保内容至关重要。

·深度Depth:清晰的视觉层次和逼真的动作传达了层次结构,传递活力,促进理解。触摸和可发现行提高了喜悦度,并且在不丢失上下文的情况下访问功能和附加内容。在您在内容中导航时,转场提供深度感。


设计原则

为了最大限度地提高影响力和覆盖面,请在构思您的app特点时牢记以下原则。

美学完整性(Aesthetic Integrity)

美学完整性代表了app的外观和行为与其功能的整合程度。 例如,帮助人们执行严肃任务的app可以通过使用细微,不显眼的图形,标准控件和可预测的行为来让他们保持专注。 另一方面,身临其境的app(例如游戏)可以提供令人着迷的外观,由此让人感到有趣和兴奋,同时鼓励用户探索。

一致性(Consistency)

拥有一致性的app通过使用系统提供的界面元素,众所周知的图标,标准文本样式和统一的术语来实现熟悉的标准和范例。 该app以人们期望的方式将特点和行为合并。

直接操作(Direct Manipulation)

直接操作屏幕上的内容能够吸引用户并促进对内容的理解。 用户在旋转设备或使用手势来影响屏幕内容时会体验到直接操作。 通过直接操作,他们可以看到行动的直接可见的结果。

反馈(Feedback)

反馈确认行动并显示结果以向人们持续告知。 内置的iOS的app为每个用户操作提供可感知的反馈。 点击时,互动的元素会短暂的突出显示,进度indicators可以传达长操作步骤的位置,而动画和声音有助于明确操作结果。

隐喻(Metaphors)

当app的虚拟对象和动作是对熟悉体验的隐喻时,人们可以更快地学习——无论是植根于真实还是数字世界。 隐喻在iOS中运行良好,因为人们与屏幕进行物理交互。 他们移动视图以浏览下面的内容。 他们拖动和滑动内容。 他们切换开关,移动滑块,并滚动选择器的值。 他们甚至可以翻阅书籍和杂志。

用户控制(User Control)

在整个iOS中,人们(而不是app)在掌控大局。 app可以建议采取一系列行动或警告危险后果,但app不能直接进行决策。 最好的app在让用户做决定和直接避免不期望的结果之间找到了正确的平衡。 app通过保持交互元素的熟悉性和可预测性,确定破坏性行为、使在进行中的取消操作变得容易,来让用户感觉自己在掌控大局。


界面基本要素

大多数iOS的app都是使用UIKit中的组件构建的,该组件是定义常用界面元素的编程框架。该框架可让app在整个系统中实现一致的外观,同时提供高水平的自定义。 UIKit元素非常灵活和熟悉。它们具有适应性,使您能够设计出一款在iOS设备上看起来很棒的app,并且在系统引入外观变化时自动更新。 UIKit提供的界面元素分为三大类:

Bars:告诉用户他们在app中的位置,提供导航,并可能包含按钮或其他元素来启动行动和交流信息。

Views:包含用户在app中看到的主要内容,如文本,图形,动画和交互元素。Views可以有滚动,插入,删除和排列等行为。

Controls:启动行动并传达信息。按钮,开关,文本字段和progress indicators是控件的示例。

除了定义iOS界面之外,UIKit还定义了app可以采用的功能。例如,通过此框架,您的app可以响应触摸屏上的手势,还能启用绘图,辅助功能和打印等功能。

iOS也与其他编程框架和技术紧密集成,例如Apple Pay,HealthKit和ResearchKit,使您能够设计功能强大的app。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 225,208评论 6 524
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 96,502评论 3 405
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 172,496评论 0 370
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 61,176评论 1 302
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 70,185评论 6 401
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 53,630评论 1 316
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 41,992评论 3 431
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 40,973评论 0 280
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 47,510评论 1 325
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 39,546评论 3 347
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 41,659评论 1 355
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 37,250评论 5 351
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 42,990评论 3 340
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 33,421评论 0 25
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 34,569评论 1 277
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 50,238评论 3 382
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 46,732评论 2 366

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,466评论 25 707
  • 急性子,常爱抢话头,性本如我。一时兴起,压抑不住想要表达的洪荒之力,在对方说话时打断或未表达完时插话,偶尔让人觉得...
    自在西子阅读 988评论 0 0
  • 当我的目光 搀着你的小手 像献舞的人来到简书 你的小脸憋的通红 掩映在 Markdown编辑器 如醉似痴 我发现 ...
    麦动文阅读 442评论 32 48
  • [闪电]YY空中会议讯[闪电] 会务总负责: 张总[玫瑰] 会议总监:东升老师[玫瑰] 会议时间:2018年2月2...
    皓程_2fe1阅读 169评论 0 0