iOS11人机交互指南——主题


本文翻译自iOS11苹果系统的人机交互官方指南,原文链接:

https://developer.apple.com/ios/human-interface-guidelines/overview/themes/


iOS设计主题

每位开发者都有机会创造有趣的,卓越的应用程序,并获得AppStore的推荐,为此,开发人员与设计人员需要对应用程序的质量以及功能有着高的标准以及要求。

      在iOS平台下,开发者需要遵循以下三个要求:

      1、清晰:整个系统中,文字能够保证在不同的大小下都清晰可读;图标能够清晰并且精准的表达出设计意图,装饰是正确并且恰当的,设计应当聚焦于为用户提供更易用的功能。设计中的每个细节,排版,颜色,图像,都应当能巧妙的表达当前的内容,并传递出其交互功能。

      2、尊重:流畅的设计与交互,帮助用户理解其交互内容, 当设计中的内容占满了整个屏幕时,透明与模糊则提供了更多的暗示,尽量减少斜面/渐变/阴影的使用,保证界面的干净与整洁,从而更好的表达应用的内容。

      3、深度:清楚的视觉层和生动的动效表达了层次结构,赋予了活力,并有助于理解。易于发现的且可触发的界面元素能提升体验愉悦感,让用户在成功触发相应功能或者获得更多内容的同时还能掌控当前位置的来龙去脉。当用户浏览内容时,流畅的过渡提供一种纵深感。

设计原则

      为了让你的app有最大 的影响力,你要记住以下的原则。

      审美整体性

      审美整体性让app的外观和其功能的风格保持一致。举个例子,一个较为严肃的应用可以使用不显眼的图标、标准控件和可预测的行为使用户保持专注。相反,一个沉浸式的应用,如游戏,可以提供一个有趣和吸引人的外观,鼓励玩家深入探索。

      一致性

      遵从一致性原则的应用使用系统提供的UI元素、icon、标准文本样式和统一的术语使应用以用户熟知的方式展现。这种应用符合人们对功能和行为的期待。

      直接操纵

      对屏幕内容的直接操纵吸引了人们的注意力并使人更易理解。当用户旋转手机或者使用手势操作去影响屏幕内容时,他可以体验到直接操作。通过直接操作,他们可以看到他们行动的最直接的、可视化的反馈。

      反馈

      反馈承认用户行为,并告知用户结果。iOS内置的应用为每个用户行为提供可感知的反馈。当点击某个按钮时,它会突出显示;进度条传递长时间运行时的状态;动画和声音帮助用户清楚了解行为的结果。

      隐喻

      当应用中的操作与人们的直观印象相符,用户通常能够更快的熟悉应用---iOS中的操作与真实世界的操作是相符的,因此隐喻是有效的,用户可将视图移出屏幕来显示下方的内容,他们拖曳(drag)和滑动(swipe)对象,他们拨动(toggle)开关,移动(move)滑块,滚动(scroll)数值选择器,他们甚至通过轻扫(flick)来翻阅书籍和杂志。

      用户控制

      在iOS中,时刻记住,是用户在控制应用,而不是用户被应用控制,应用可以对用户的行为提出建议,或者当用户的可能造成的后果发出警告,当不应当替用户决定,好的应用应当达到一种平衡,能够让用户掌握控制权,当用户的操作将产生破坏性行为时,能够及时的通知用户确认,并且能够及时的撤销用户的操作,即使它们还在运行中。

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

推荐阅读更多精彩内容