[搬运/翻译]iOS人机界面指南:第1章 iOS

苏州/UI设计师/3年前/159浏览
[搬运/翻译]iOS人机界面指南:第1章 iOS
王宏远

iOS人机介面指南:第1章 iOS

原作者:苹果公司

翻译者:王宏远

翻译原文:https://www.craft.do/s/DhN404phzulAU6

分享转载请保留作者与译者信息


iOS人机界面指南对于软件行业的从业者,尤其是设计师与产品经理,是非常好的学习与参考材料。可惜的是这份材料官方发布仅有英文版本,现有中文翻译也比较陈旧,并未包含数年来不断更新的内容。因而我希望能够根据最新的版本,对此文档进行翻译,为自己和同行提供一个方便易读的版本。由于内容过长,翻译文本会分章节发布在这里。我的英文翻译经验并不丰富,内容中有不恰当的地方,欢迎大家批评指正,共同讨论。以下是正文内容。


1. 主题(Themes)

ios设计主题

作为一位应用设计者,你有机会打造AppStore中最出色的产品。要做到这一点,你需要满足用户对质量和功能的高期望。

三个主要特征将iOS和其他平台区分开来


清晰 (clarity):在整个系统中,所有大小的文字应当清晰易读,图标准确且容易理解, 装饰性元素巧妙恰当,整体设计应当由对功能的特别关注驱动。留白(negative space)、颜色、字体、图形、还有界面元素应当巧妙地凸显出重要内容,表达交互信息


顺其自然 (deference):流畅的动画和清新、美观的界面帮助用户理解并与内容互动,无需为之劳心费力。内容一般会填满整个屏幕,透明度和模糊效果的应用则只是提供一些暗示。尽量克制地应用线条、颜色、投影,从而打造轻盈的界面,同时保证内容处在首要的位置上。


纵深 (depth):明确的视觉层级和贴近真实世界规律的动画不仅区分开了层级关系,更传达了动感,对用户理解界面起了重要的辅助作用。触控操作和可见的视觉元素不仅让使用体验更加愉快,更让用户能够在统一的软件环境中,自如地访问各种各样的功能和附加内容。当你在内容中导航的时候,过渡动作也加强了用户对界面纵深的感知。



设计原则

在你确定你的应用的关键特性时,为了最大化它的影响力和受众,请将以下几条原则纳入考量


美感的完善 (aesthetic integrity)

美感的完善主要关注产品的外观和行为多大程度上与其功能相耦合。举个例子,一个帮助人们完成严肃任务的应用,可以通过微妙的,不招摇的图画、标准控件和符合预期的行为方式来帮助用户保持专注。相反的,一个沉浸式的应用,比如一个游戏,就可以打造一个引人入胜的外观,来体现其有趣、令人激动的特点,同时鼓励用户在其中探索。


一致性 (Consistency)

一个具有一致性的应用应当使用令人熟悉的标准和范式,具体来说,可以使用系统提供的界面元素、广为人知的图标、标准化的文字样式、统一的专用词语等。应用在功能和行为方面,应当符合用户的期待。


直观的操控 (Direct Manipulation)

对屏幕上内容的直观操控能够吸引用户,并且加速其对界面的理解。具体例子包括用户转动设备改变界面方向,或者使用手势来操控屏幕内容等。通过直观操控,用户可以快速,清晰地看到他们的操作的效果。


反馈 (Feedback)

反馈可以让用户感知到动作,展示操作的结果,从而保证用户了解软件的实时动态。iOS的内置应用为每一个用户操作提供了可感知的反馈。举例来说,可交互的元素在他们被惦记的时候会瞬间高亮,进度指示器能够传达长时间运行任务的状态,动画和声音则能够使动作的结果变得更加清晰。


隐喻 (Metaphors)

当应用里虚拟的物体和动作,隐喻了现实或数字世界中的熟悉体验,用户就能以更快的速度学会它的使用方法。因为用户直接接触着移动设备的屏幕,所以隐喻在iOS系统中表现的很不错。他们会把试图移开,来展示下面的内容;他们会拖动、轻扫屏幕;他们拨动开关,移动滑标,滚动数值选择器;他们甚至像翻动书本一样翻动屏幕里的书籍和杂志。


用户控制 (User Control)

在iOS系统中,用户才是控制者,而非应用。一个应用可以建议采取某种操作,或者警告危险的后果。如果应用替用户做出了选择,这一般来讲是错误的。最好的应用应当在给予用户控制权,和避免不想要的后果之间达成正确的平衡。可以通过保持交互元素熟悉且容易预测,在破坏性操作前执行确认,设计简易的,在进程中仍能起作用的取消机制,来让用户感受到他们掌控着控制权。






2. 界面要素 (Interface Essentials)

大部分iOS应用都使用UIKit中的组件构成。这个程序框架包含了通用的界面元素。它一方面让整个系统中的各种应用呈现出一致性,同时也允许高度的个性化定制。UIKit中的组件既灵活又熟悉,它们极具适应性,让你设计的应用在任何iOS设备上都能完美呈现。当系统界面发生了变化,这些组件还能自动更新。UIKit提供的界面组件可以分为三个主要类型:


栏 (Bars):提供导航功能,告诉用户它们在应用中的位置,也有可能包含按钮或其他元素,以便开始操作或传递信息。


视图 (Views):包含了用户在你的应用中看到的主要内容,比如文字、图形、动画,还有可交互元素。视图允许用户进行滚动、插入、删除、排列等操作。


控件 (Controls):用来发起操作或传递信息。按钮、开关、文本域、进度指示器等都属于控件。


除了构成iOS自身的界面,UIKit所提供的功能也可供第三方应用使用。举例来说,通过这个框架,你的应用可以相应触摸屏上的各种手势,同时具有拖动、辅助功能、打印等能力。


除了UIKit,iOS还紧密地与其他程序框架和科技整合在一起,比如Apple Pay、HealthKit,还有ResearchKit,这让你能够设计十分强大的应用。


0
阅读原文
|
Report
|
2
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
DESIGN NEW WAVE
Homepage recommendation
小猫咪插画合集
Homepage recommendation
相关收藏夹
ui
ui
ui
ui
作品收藏夹
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
文创
文创
文创
文创
精选收藏夹
作品收藏夹
大家都在看
Log in