iOS 人机交互指南

苹果设计规范地址:https://developer.apple.com/ios/human-interface-guidelines/overview/themes/

iOS 11 人机界面中文指南:http://www.ui.cn/detail/283944.html

第一章 概论

一、主题

iOS设计主题

身为一名移动应用设计师,意味着你有机会发布一款能够登上苹果应用商店榜首的非凡产品。为了做到这一点,你的产品必须在质量和功能上精益求精。

iOS区别于其他平台的三大原则:

清晰

纵观整个系统,每个字号都是清晰易读的,图标精确清晰,修饰微妙而恰当。一切设计由功能而驱动。留白、颜色、字体、图形以及界面元素能够巧妙的突出重点内容和传达可交互性。


遵从

流畅的动效和清新美观的界面有助于用户理解内容并与之交互,而不会干扰到用户。当前内容占据整个屏幕时,半透明和模糊处理能够暗示用户其它更多的内容。尽量少的使用边框、渐变和阴影,使界面能够尽可能的轻量化,从而突出内容。


深度

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


设计原则

为了扩大影响力和传播范围,在思考应用的特性时,需要遵循以下几点原则:

整体美感

整体美感体现在一个应用的外观和交互行为与其功能相结合的优良程度。举个例子,一个协助用户完成任务的应用应该使用微妙、且无干扰的图形、表转化的空间和可预测的交互行为使用户聚焦在任务本身。另一方面,一个沉浸式体验的应用,比如游戏,就需要吸引人的界面。在鼓励用户探索的同时带来无穷的乐趣和刺激。


一致性

一款内部统一的应用通过使用系统提供的界面元素、风格统一的图标、标准的字体样式和一致的措词来实现相同的标准和规范。应用所包含的特性和交互方式是符合用户心理预期的。


易用性

在屏幕上可直接操控的内容能够促进用户参与并有助其理解。用户可以体验到通过旋转设备或使用手势来控制屏幕上的内容。他们可以立即看到自己操作的行为结果。


反馈性

反馈认证交互行为,呈现结果,并告知用户。系统内置的iOS应用对用户的每一个行为提供了明确的的感知反馈。可交互的元素被点击时会短暂的高亮显示。进度指示器显示了需要长时间运行的操作的进度,动效和声音使结果更加清晰。


隐喻

当一个应用的虚拟对象和动作象征着熟悉的体验时,无论这种体验来源于真实世界亦或是数字世界,用户就能更快速的学会使用这款应用。隐喻在iOS中能很好的运用是因为用户在和屏幕真实的发生交互:他们移动分层视图来显示被遮挡的内容,通过拖拽和滑动浏览内容,通过触发开关,移动滑块,滚动数值选择器,甚至通过快速翻阅来浏览书或杂志。


用户控制

在整个iOS中,是用户而不是应用在控制。应用可以对用户进行操作建议,对可能造成严重后果的行为发出警告,但不会替用户来做决定。好的应用汇在用户主要和避免不必要的结果中找到平衡。为了让用户感觉到是他们在掌控,应用可以使用熟知可预测的交互元素,明确破坏性的行为,即使这些行为再运行中也可以轻易取消它们。


二、iPhone X

iPhone X 有一个大的,高分辨率的,圆角无边框的超级视网膜屏幕。它提供了一个前所未有的沉浸式、内容丰富的体验。

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