Physical Address

304 North Cardinal St.
Dorchester Center, MA 02124

人机交互指南|iOS主题与设计原则

iOS Design Guidelines 作为用户体验师设计师入门必备知识,了解这个原则可以帮助设计师在从事IOS端设计提供参考和指导价值...

iOS Design Guidelines 作为用户体验师设计师入门必备知识,了解这个原则可以帮助设计师在从事IOS端设计提供参考和指导价值,我们一起来看看这些设计原则是什么?

iOS Design Themes iOS设计主题

1.Clarity(清晰)

在整个系统中,文字在各种尺寸上都清晰可辨;

图标精确而清晰,装饰巧妙且恰当,并且对功能的敏锐关注激发了设计;

负空间,颜色,字体,图形和界面元素巧妙地突出重要内容并传达交互性。

2.Deference(遵从)

流畅的动作和清晰美观的界面在帮助人们理解并与内容互动的同时,还能不与之竞争;内容通常填满整个屏幕,半透明和模糊通常暗示更多;

尽量少的使用边框,渐变和阴影可使界面轻量,同时确保内容至关重要。

3.Depth(深度/层次感)

清晰的视觉层和逼真的动作传达层次,赋予活力,促进理解;

触摸和可发现性提高了乐趣,并能够访问功能和附加内容而不会丢失上下文;

过渡可以在您浏览内容时提供深度感。

Design Principles 设计原则

为了最大限度地提高影响力和覆盖面,请在考虑应用的身份时牢记以下原则。

1.Aesthetic Integrity(审美完整性)

审美完整性体现了app的外观和行为与其功能的整合程度。

例如,一个帮助用户执行严肃任务的app可以通过使用微妙、不显眼的图形、标准控件和可预测的行为来保持他们的专注。

另一方面,沉浸式app,如游戏,可以提供吸引人的外观,传递乐趣和刺激感,同时鼓励发现。

2.Consistency(一致性)

一个一致的app通过使用系统提供的界面元素、众所周知的图标、标准文本样式和统一术语来实现熟悉的标准和范例。

这种app符合用户期望的特征和行为

3.Direct Manipulation(直接操作)

对屏幕内容的直接操作会吸引用户并促进理解。

当用户旋转设备使用手势触动屏幕内容时会体验到直接操作。

通过直接操纵,用户可以看到他们行动的直接、可见的结果。

4.Feedback(反馈)

反馈对用户的行动进行了确认,并显示行动结果以使用户了解情况。

内置的iOS app为用户的每一项操作提供可感知的反馈。

轻触时会突出显示交互元素;进度指示器会传达长时间运行的项目的状态;动画和音效有助于阐明操作的结果。

5.Metaphors(隐喻)

当一个app的虚拟对象和动作都是对熟悉事物的隐喻时(不管基于现实世界还是数字世界),用户学习的更快

隐喻在iOS系统中发挥的很好,因为用户是直接与屏幕产生物理交互的。

用户移动视图来查看更多的内容;拖拽内容;切换开关、移动滑块并且直接滚动来选取值;甚至可以像翻书或杂志一样轻快翻页。

6.User Control(用户控制)

在整个iOS中,用户是掌控者,而不是app。

app可以建议一个行动方案或警告危险后果,但app接管决策通常是一个错误。

好的app可以在用户授权和避免不必要的结果之间找到正确的平衡。

app可以通过保持交互元素熟悉和可预测,确认破坏性操作以及轻松取消操作(即使它们已经在进行中)来使用户感觉自己在控制。


Fatal error: Uncaught TypeError: implode(): Argument #2 ($array) must be of type ?array, string given in /www/wwwroot/coool_ink/wp-content/plugins/wp-rocket/vendor/matthiasmullie/minify/src/CSS.php:528 Stack trace: #0 /www/wwwroot/coool_ink/wp-content/plugins/wp-rocket/vendor/matthiasmullie/minify/src/CSS.php(528): implode() #1 /www/wwwroot/coool_ink/wp-content/plugins/wp-rocket/vendor/matthiasmullie/minify/src/CSS.php(314): MatthiasMullie\Minify\CSS->shortenColors() #2 /www/wwwroot/coool_ink/wp-content/plugins/wp-rocket/vendor/matthiasmullie/minify/src/Minify.php(111): MatthiasMullie\Minify\CSS->execute() #3 /www/wwwroot/coool_ink/wp-content/plugins/wp-rocket/inc/classes/subscriber/Optimization/class-minify-html-subscriber.php(90): MatthiasMullie\Minify\Minify->minify() #4 /www/wwwroot/coool_ink/wp-content/plugins/wp-rocket/inc/vendors/classes/class-minify-html.php(227): WP_Rocket\Subscriber\Optimization\Minify_HTML_Subscriber->minify_inline_css() #5 [internal function]: Minify_HTML->_removeStyleCB() #6 /www/wwwroot/coool_ink/wp-content/plugins/wp-rocket/inc/vendors/classes/class-minify-html.php(118): preg_replace_callback() #7 /www/wwwroot/coool_ink/wp-content/plugins/wp-rocket/inc/vendors/classes/class-minify-html.php(48): Minify_HTML->process() #8 /www/wwwroot/coool_ink/wp-content/plugins/wp-rocket/inc/classes/subscriber/Optimization/class-minify-html-subscriber.php(77): Minify_HTML::minify() #9 /www/wwwroot/coool_ink/wp-includes/class-wp-hook.php(324): WP_Rocket\Subscriber\Optimization\Minify_HTML_Subscriber->process() #10 /www/wwwroot/coool_ink/wp-includes/plugin.php(205): WP_Hook->apply_filters() #11 /www/wwwroot/coool_ink/wp-content/plugins/wp-rocket/inc/classes/Buffer/class-optimization.php(94): apply_filters() #12 [internal function]: WP_Rocket\Buffer\Optimization->maybe_process_buffer() #13 /www/wwwroot/coool_ink/wp-includes/functions.php(5464): ob_end_flush() #14 /www/wwwroot/coool_ink/wp-includes/class-wp-hook.php(324): wp_ob_end_flush_all() #15 /www/wwwroot/coool_ink/wp-includes/class-wp-hook.php(348): WP_Hook->apply_filters() #16 /www/wwwroot/coool_ink/wp-includes/plugin.php(517): WP_Hook->do_action() #17 /www/wwwroot/coool_ink/wp-includes/load.php(1279): do_action() #18 [internal function]: shutdown_action_hook() #19 {main} thrown in /www/wwwroot/coool_ink/wp-content/plugins/wp-rocket/vendor/matthiasmullie/minify/src/CSS.php on line 528