iOS 10人机界面设计指南很早就出来了,也是隔了这么久才把中文版也整理出来了!这次设计指南会分为两部分(设计概览和设计尺寸规范),先讲第一部分概览,包括有3个小节,主要介绍了iOS 系统的3大原则、iOS 10 的新特性和iOS界面的基本元素,后面会附上iOS10 GUI下载链接供大家下载~
1.1 设计原则(Design Principles)
清晰(Clarity):
纵观整个系统,任何尺寸的文字都清晰易读,图标精确易懂,恰当且微妙的修饰,聚焦于功能,一切设计由功能而驱动。留白、颜色、字体、图形以及其它界面元素能够巧妙地突出重点内容并且表达可交互性。
遵从(Deference):
流畅的动效和清爽美观的界面有助于用户理解内容并与之交互,而不会干扰用户。当前内容占据整屏时,半透明和模糊处理能够暗示其它更多的内容。减少使用边框、渐变和阴影让界面尽可能地轻量化,从而突出内容。
深度(Depth):
清楚的视觉层和生动的动效表达了层次结构,赋予了活力,并有助于理解。
易于发现的且可触发的界面元素能提升体验愉悦感,让用户在成功触发相应功能或者获得更多内容的同时还能掌控当前位置的来龙去脉。当用户浏览内容时,流畅的过渡提供一种纵深感。
1.2 iOS 10 新特征介绍
搜索屏幕和主屏幕的窗口控件(widget)
Widget 提供即时且有用的信息,或是应用特有的一些无需打开应有就能使用的功能。在过去,用户在消息中心添加widgets当作快速入口。现在,用户在搜索屏幕添加widgets,用户可通过在主屏或是锁屏右滑进入搜索屏幕。你也可以在主屏通过3D Touch触发的某个应用的快捷操作菜单(quick action list)上方添加widget。Widget的设计和交互方式也改变了。请注意更新你现有的设计。
与Messages的联动
应用可以通过执行一种出现在对话下方的messaging插件让用户与朋友分享来自该应用的内容。应用可以通过Message分享文字,图片,视频,贴纸,甚至可交互的内容,譬如信息内的游戏。
与Siri的联动
应用能够与Siri联动,从而让用户使用声音来执行相应的应用操作,譬如打电话、发短信和开始锻炼。
可拓展的通知栏
你可以通过拓展详情视图来强化你的通知栏,用户可以在未锁屏状态下通过3D Touch功能点击或是下滑你的通知来打开拓展视图。使用这种视图能够让用户快速浏览更多信息,并允许他们在不离开当前界面的情况下对该消息进行快速操作。
iOS10人机界面设计指南(上)大概就是这么多内容啦~
接下来要重点讲iOS10界面基本元素,同时会附上界面基本元素的标注,初学者可以轻松上手,请大家留意iOS10人机界面设计指南(下)。
我们先简单的讲讲UIKit的部件,UIKit元素是灵活且常见的。它们是可适配的,让你能够设计一个在任何iOS设备上都看起来很棒的应用,而且能够在系统发布新版本的时候自动更新。由UIKit提供的界面元素可以分为以下三种:
栏:告知用户现在在应用的哪里,提供导航,而且还可能包含按钮或者其它用来触发功能和交流信息的元素。
视图:包含用户在应用内最关注的信息,例如文本、图形、动画和交互元素。视图允例如滚动、插入、删除和排列之类的行为。
控件:触发功能和传递信息。控件包括按钮、开关、输入框和进度指示器。
为了进一步定义iOS界面,UIKit规定了你的应用能够采用的功能。通过这个框架,你的应用可以对触摸屏上的手势作出应答,还可以包含一些例如绘画、辅助和打印的功能。
喜欢的请赞赏,以示鼓励~