温馨提示:这是一篇文章很长,阅读前请先做盛意理预备。
WWDC2017Keynote竣事没几天,信托很多对UI计划有爱好的朋侪应该很好奇iOS11具体的计划变动有哪些,但是本身的手机又不方便装开辟者版本,以是就让我替各位踩雷吧。
两个版天职别是iOS10.3,以及iOS11beta1,而由于后者尚未正式推出,因此某些计划有题目的地方,Apple大概会在后续版本变动或修正,不外团体来说应该不会有大改变了。
本篇文章会从三个大方向来观察新计划,分别是:
功能与操纵体验
计划语彙
产物战略
并再细分成几个小主题,而剩下较琐屑的比对就列在背面;太渺小的变革我不会列出,毕竟要截出大量的雷同画面真的很费工夫??
对了,我只会列出差别的地方,而且推测其计划意图,不会有太多批评,我想这留给各位自行思考比力风趣。
1.功能与操纵体验
大幅简化的主画面布局
从iOS7到iOS10以来,随著功能的增长,锁定画面、主画面、关照中心这三者的布局越来越複杂,此中的操纵逻辑和视觉线索就产生了显着的抵牾,比方下面这是iOS10的主画面布局:
以上的画面有些非常相似,但出现的机遇和细部功能又不太雷同,而这点在iOS11得到了显着改善,可以看到操纵逻辑的布局变得简单多了:
这计划肯定是有变得更好、更公道,但我不确定如许大幅改变利用者的风俗是不是功德。
以下的左右比力图都是「左旧右新」。
解锁画面
解锁的数字键base变成实心,除了共同新的计划语言外(背面会具体分析),推测是克制框线和细字的搭配会干扰阅读。
主画面
App名称的字变粗,改进阅读体验。
Dock的App名称不见,逻辑应该是:「会放Dock代表利用者本身很清楚那是什麽」;且颠末研究,我们记取UI的方式,是透过位置,而不是笔墨内容。
控制中心
多页变成单页,可自订功能及分列
可利用3DTouch来睁开具体设定的按钮更多了
利用同一的矩形视觉元向来变革出差别的设定,这是我满喜好的部份,如下面这些:
横向Tabbar让出更多空间
横向的Tabbar分列方式有改变(上新下旧),夺取更多垂直空间。这个计划在iOS10的iPad版本「音乐」App就有了,只是应用到了iPhone上。
用字重来改善可读性
把已往字太细、太小的地方团体改进,上图以VoiceMemo为例。
键盘计划改变
数字键盘
方便单手打字的键盘
数字键的按钮和笔墨键盘样式同一
新增单手打字模式
2.计划语彙
大量应用差别的条理区隔伎俩
AppStore的新计划
「条理(Hierarchy)」是UI很紧张的元素,让紧张的、不紧张的东西区隔开来,引导利用者的阅读动线。区分条理的伎俩有很多,如巨细、粗细、颜色、隔断、外形、分列方式??等等。
已往iOS较常利用分隔线和笔墨巨细来做条理;而自重新版AppleMusicApp推出后,开始频仍利用新伎俩,如大面积阴影、字重等,如上图的AppStore新计划。
顺带一提,我不喜好称这类伎俩叫「CardUI」,我以为那是跟风且不正确的形容,矩形+阴影到哪裡都能见到,已往苹果在Passbook和提示事项App就有这类计划了。
细节风格更新
App先容页
盘算机
边角更圆润
空心变实心(色块感变重)
空心变实心的特点刚刚在解锁画面有出现过,而上图的盘算机让我想到初代iPhoneOS向经典致敬(?)的计划。(ET66表现:你又来了??)
全新的NavigationBar
客岁(2016)在新版AppleMusic让各人耳目一新的大字NavBar,苹果在这次iOS11也大量利用在各个App裡(见下图);别的也终于开放API让各人利用了,以后计划师们可以放心做这类大标题,不必担心造成开辟者的贫苦:
就跟从前iOS7大量利用高斯含糊,结果过整整一年才开放BlurAPI一样,苹果真的很吝啬??????
图像(Graphic)与符号
AppIcons
盘算机的新icon配重用色皆恰到长处,我满喜好的。
iTunesStoreicon整个换掉,大概是由于音乐、影戏都具备「明星」这个要素。
AppStore也跟著拿掉外围圆框。
日曆字变粗,跟随团体计划调性。
iCloudDrive变成Files,这个是产物性子和战略变动。
SystemIcons
StatusBar讯号强度从?????改回蹊径式
电量icon的线面比例变得更均衡一些
Tabbaricons从空心/实心两态变成全实心粗线条计划,是共同团体计划调性,但对色盲患者有点小倒霉。
想一想:为什麽「Games」是用火箭,而不是用游戏手把来做icon?
Siri
从左右分列的对话式变成端赖左计划,意图不明。
Siriicon重新计划,我以为挺有「细胞、生命体、魂魄」的概念,个人以为黑白常良好的计划。
趁便看一下Siri的变脸史,AlanDye真是个善变的夫君:
你如许不停改不停改不停改??
3.产物计划战略
从Apple把哪些部分变显着、哪些部分隐蔽,就可以知道哪些地方是最赢利、最有发展力的。
AppStore
主页改成「Today」,与斲丧者的对话变得更重质一点,由于如今题目已经不是早期的「有没有得下载?」,而是「我为什麽要下载?」了。
至于从前的「整个AppStore」,如今变成只有一个tab的份量,在导航体系裡整整降落一级。
以下是AppStore的新旧计划细节比力:
排行榜
分类
征采
档案App
另一个产物战略改变是,iOS终于有可见的档案体系了(着实严格来说还称不上)
其他计划比力
接下来的这些画面,就险些就是以上分析的组合应用,玩一下各人来找碴,趁便欣赏苹果对细节的用心吧!
Widget管理画面
调解隔断和字重,Navbarbuttons的padding-x内缩少许。
照片
行事曆
特别要说的是,这个画面左上角的「Jun2017」是一个低级的文案计划错误,竟然如今才修正。
Podcasts
让视觉和操纵体验与AppleMusic同一,等好久了。
家庭
气候
Wallet
电话
音乐
主页险些没变。
我好奇到底有谁会用那两颗按钮,大概我音乐太多了。
播放器本身险些没变(但还是有喔,找找看)。
Safari
URLBar变高,满奇怪的决定;别的,网页卷动的摩擦力显着低落,应该是考量到如今RWD的超长网页越来越多。
Tabs加上圆角
好读模式的typography有改善
相机
右下角的icon参考了MacBookPro的Touchbar计划规范,变成双opacity的计划
我以为套用滤镜的UI本来做得比力好。
FaceTime
Statusbar玄色我猜应该是bug。
FindMyiPhone
邮件
以上就是iOS11几个比力显着的计划变动,至于iPad的部份也差不多,比力显着的差别是iPad+iOS11更强化了「拖/放」与「分割画面」的功能,那些Apple官网都有先容了。
除了玩各人来找碴以外,着实Apple的计划改版不停都黑白常惆怅的学习和思考机遇,由于这险些等同是给你最佳解,你只要思考「为什麽这是最佳解」就好了,发起刚入门的朋侪利用这机遇多看多想。
原文地点:https://medium.com/uxabc/ios11-design-diff-7cbf8f38369f
作者地点:https://fb.me/chihyueh.hu
作者:TaylorHu
本周热文
—
高考借势营销海报,杜蕾斯绝对有诚意!
薛之谦拍了一支精神病广告!
月薪30000的文案,都在高三讲堂的墙上
上海地铁惊现史上最长长长长长长长长长长长长长文案
我要评论