100 个人用 iPhone,99 人不知道 iOS 设计上的这些神细节!

举报 2016-03-22

耗电快、字体丑、不流畅……你总是在抱怨自己的手机不够“好用”。
可也许,是因为你根本就不了解你的系统。
iOS 设计的这些神细节,看了你才知道,
让人忽略感觉不到的细节,才是好细节!

来源:知乎

一、icon 设计

1、Safari 中 Reading List 的图标从 iOS 7 开始变成了乔老爷子经典的圆框眼镜。

100 个人用 iPhone,99 人不知道 iOS 设计上的这些神细节!


2、「音乐」播放器中「表演者」的图标就是取自 U2 乐队主唱 Bono Vox 的剪影。

100 个人用 iPhone,99 人不知道 iOS 设计上的这些神细节!


3、「邮件」中的「草稿箱」图标是一张有折角的纸,而「发件箱」的图标则与之对应是一架折好的纸飞机。

100 个人用 iPhone,99 人不知道 iOS 设计上的这些神细节!


4、「朗读」的速率调节被形象的设计成了「乌龟」与「兔子」。

100 个人用 iPhone,99 人不知道 iOS 设计上的这些神细节!


5、「电筒」图标中的「开关」会随着闪光灯的开启与关闭而改变状态(注意看电筒上开关键的位置)。

100 个人用 iPhone,99 人不知道 iOS 设计上的这些神细节!


6、「语音备忘录」的图标设计其实来源于 Apple 这个单词的音频波图。

100 个人用 iPhone,99 人不知道 iOS 设计上的这些神细节!


二、交互设计

7、当 VPN 选项只有一个的时候,设置列表中的 VPN 选项是一个可直接操作的开关;当 VPN 选项有多个时,则会变回标准的菜单模式。

设置多个 VPN 时
4ad7755187ff0dc38d7554a9ee874d61_b.jpg

只有一个 VPN 时
a0bf4c3d41a06f26ede25095a1067799_b.jpg


8、iOS的相册,在你删除完一张照片后,自动出现的该是上一张,还是下一张?

其实出现的是和你翻页动作一致的“下一张”。例如你从左往右翻动相册,删除一张,则出现的是右侧的图片,反之则相反。


9、iOS的键盘每个字母的触控区域是不一样大的,并且随时都在动态改变。系统会根据英文单词词典来判断各个字母在下一刻被输入的概率,并扩大相应字母的有效触控区域(UI呈现上并无改变)。以此可以提升输入的正确率。

比如good和god是两个常见的单词,所以当用户输入了go两个字母以后,键盘上o和d的相应触控区域会变的更大,以至于按到他们在键盘上的相邻字母边缘,系统也会识别成o或者d。


10、「飞行模式」的小飞机图标,在开启时会从屏幕左侧飞进,而关闭时则会从屏幕右侧飞走。


11、在滑动关机的过程中,屏幕会随着滑动的进程逐渐变暗,直至关机变黑。


12、「勿扰模式」的月亮图标会在开启和关闭时模拟月蚀时的效果。


13、「时钟」图标可以实时显示当前时间这个是大家都知道的,但你是否有注意过其中秒针的走动方式呢?在正常状态下它是扫秒式,但当处于长按状态下的晃动效果时,则会变为跳秒式。


三、用户界面设计

14、在使用色调深浅不同的壁纸时根据壁纸色调而自动使用黑白两套文字配色,目的是保证文字的可识别性。若在同一张壁纸中出现某个区域的色调与文字颜色较接近时,会为该区域的文字加入阴影来使其变得清晰。

9104a1fb76cdfae65b3aca2abbc65c3e_b.jpg ab10248005f7a8390af0323b2418fb74_b.jpg


15、这一贴心的设计也被用在了「全景相机」中的提示文案上,当拍摄对象的色调过于明亮时,同样可以看到文字被添加上了阴影效果。

0636e02af14260561f640a060b31608e_b副本.jpg


16、「信息」列表中,信息时间早晚是通过气泡颜色的深浅来进行表示,而信息间隔时长则是通过气泡间距的大小进行表示。

1458550065659552.jpg


四、提示和文案

17、系统「闹钟」的重复日期会根据所选日期组合而显示不同的文案,例如「周六和周日」显示「周末」,「周一到周日」显示「每天」,「周一到周五」显示「工作日」。


18、凌晨时间用 Siri 设提醒:

79f61697750e8c56a782bc6dff246a5f_b-2.jpg


19、Health App 里,个人信息「性别」一栏采用了 Biological Sex「生理性别」这一特殊称谓,对于人们在社会中所扮演的各种「性别」身份,作为一款健康类应用很好的体现了苹果在这方面的严谨态度。

1458550225318161.jpg


20、iOS 9 中的中文输入法对中文标点和英文标点做了明确的标明。

68d8beacca4c752784865b8aa77c9f24_b副本.jpg

本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    全部评论(1条)