Material Design与IOS Human Interface设计原则

一、Material Design设计原则

Material Design是谷歌Android系统的视觉设计语言,遵循经典设计原则,融合了新科技与创新理念,提供跨越各种平台、设备、输入方式的统一体验。

1.Material是隐喻

通过构建系统化的动效和空间合理利用,原质化设计反映出真实的物理世界及其纹理,同时又绝不会脱离客观的物理规律。用光效、表面质感、运动感解释物体运动规律、交互方式、空间关系。

2.鲜明、形象、深思熟虑

基本元素的处理借鉴传统的印刷设计——排版、网格、空间、比例、配色、图像使用——这些基础的平面设计规范,构建出视觉层级、视觉意义以及视觉聚焦。精心选择色彩、图像、选择合乎比例的字体、留白,力求构建出鲜明、形象的用户界面,让用户沉浸其中。Material Design设计语言强调根据用户行为凸显核心功能,进而为用户提供操作指引。

3.有意义的动画效果

动画效果可以有效暗示、指引用户。动效应在独立的场景呈现,通过动效,让物体的变化以更连续、更平滑的方式呈现给用户,让用户能够充分知晓所发生的变化。动效应该是有意义的、合理的,动效的目的是为了吸引用户的注意力,以及维持整个系统的连续性体验。动效反馈需细腻、清爽。转场动效需高效、明晰。


二、IOS 人机交互设计原则

1.美学完整性 Aesthetic Integrity

美学完整性不是用来衡量 app 的艺术表现或风格特征,而是指 app 的外观与行为是否与其功能相衬一致。

用户不止关心 app 是否实现了它所承诺的功能,他们也在很大程度上会被 app 的外观和行为所影响,尽管有时他们并未意识到这一点。

例如,一款协助人们处理重要任务的 app,它会通过弱化装饰性元素并使用标准控件和可预期的行为等方式来将焦点放到任务上。这样一款清晰一致地传达出其目的和特点的 app,会让用户对其产生信任。然而,如果这个 app 使用了杂乱无章、充满干扰的 UI,用户可能会对这个 app 的可靠性和信赖度产生怀疑。

而对那些鼓励沉浸体验的 app(例如游戏),用户会期望一个充满乐趣、让人兴奋和期待探索的迷人外观。用户不希望在游戏中完成一个严肃或枯燥的任务,他们期望游戏的外观和行为相一致。

2.一致性 Consistency

一个满足一致性的应用,通过使用系统提供的接口元素、用户皆知的图标、标准文本样式和统一的术语来实现熟悉的标准和范例。这款应用融合了人们期望的功能和行为。

要判断一个 iOS app 是否符合一致性原则,可以通过以下几个问题来考量:

1)App 是否和 iOS 标准保持一致?它是否正确地使用了系统控件、视图和图标?是否以用户所期望的方式利用了设备的特性?

2)App 自身是否具有内部一致性?文本内容是否使用了统一的用辞和风格?同样的图标是不是通常意味着相同的意思?当用户在不同的位置执行同一个操作时是否符合其预期?自定义的界面元素外观和其行为是否保持一致?

3)App 是否在合理范围内与之前的版本保持一致?术语和含义是不是仍然相同?基本概念和主要功能是否基本不变?

3.直接操作Direct Manipulation

对屏幕内容的直接操纵吸引用户,并促进了理解。当用户旋转设备或使用手势来影响屏幕内容时,用户会会更沉浸在任务当中,并更容易地了解自己的操作会产生的结果。

在 iOS app 中,人们可以在如下场景里体验到直接操控:

1)旋转或以其他方式移动设备以影响屏幕上的物体

2)使用手势动作操纵屏幕上的物体

3)可以看到他们的动作有直接且可见的结果

4.反馈Feedback

反馈可以让人们知道系统已经收到他们的操作行为,并向其呈现操作结果,让他们了解自己的任务进程。

iOS 的内置 app 在响应用户的每一个操作行为时都提供了可感知的反馈。当用户点击列表项和控件时,它们会被短暂地高亮。而那些会持续超过几秒钟的操作,对应的控件则会显示已完成的进度。

精致的动画效果可以给用户有意义的反馈,以此帮助他们了解其行为的结果。例如,在列表中添加一个新条目时会有动画,以便让人们察觉到视觉上的变化。

声音也可以为用户提供拥有的反馈,但这不应该是唯一的反馈方式,因为用户不是所有时候都能听到他们的设备声音。

5.隐喻Metaphors

当一个应用的虚拟对象和动作是对熟悉的体验的隐喻,无论是在真实世界还是数字世界中,人们都能更快地学习。隐喻很有效,因为人们在物理上与屏幕互动。

iOS 中的隐喻包括:

1)移开图层视图,展现其下方的内容

2)在游戏中拖拽、轻敲、或扫开物体

3)点击切换开关、滑动滑块或转动选择器

4)在书或杂志中的翻页

6.用户控制 User Control

让用户而不是 app 去触发并控制操作。App 可以针对危险结果提出一系列建议操作或警告,但不应该剥夺用户的控制权而由 app 来做决策。优秀的 app 会找到一个恰当的平衡,在赋予用户所需要的控制权的同时,帮助其避免不希望发生的结果。

当行为和控件是熟悉且可预期时,用户会感觉 app 更为可控。如果一个操作行为简单而直接,用户就可以轻松地理解并记住它们。

人们期望在一个操作执行之前有足够的机会去取消,同时,对于那些存在潜在风险的操作也希望有机会去确认其意图。总之,人们希望能够从容地中止一个即将执行的操作。

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

推荐阅读更多精彩内容