iOS 设计的神细节有哪些?

2016-3-3    用心设计


如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里


来源:莫贝网

iOS系统的细节非常之多,总体可分为视觉和交互两个方面。

一、视觉

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

04003300u

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

040035QDH

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

040036KfO

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

040037xD7

「电筒」图标中的「开关」会随着闪光灯的开启与关闭而改变状态。

04004000u

「飞行模式」的小飞机图标,在开启时会从屏幕左侧飞进,而关闭时则会从屏幕右侧飞出。
在滑动关机的过程中屏幕会随着滑动的进程逐渐变暗直至关机变黑。

「勿扰模式」的月亮图标会在开启和关闭时模拟月蚀时的效果。
在使用色调深浅不同的壁纸时根据壁纸色调而自动使用黑白两套文字配色,目的是保证文字的可识别性。若在同一张壁纸中出现某个区域的色调与文字颜色较接近时,会为该区域的文字加入阴影来使其变得清晰。

040046vrz

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

040052MhX

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

040052MhX-2

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

二、交互

左右晃动手机即可激活「撤销」操作,再次晃动手机则可对「撤销」操作进行恢复。

040054bgE

「信息」列表中就对每条信息的发送和接收时间做了隐藏,只有从左向右滑动时才可见。

0400567Kb

当「信息」内容中出现类似时间的文字时,iOS 会对其进行下划线标注,直接点击即可快速创建日历或提醒事项。

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

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

040058Afp

iOS 中虚拟键盘上的 Dictation 按键在启用和关闭多语言输入后的颜色是有所不同的。

040101A6n

Passbook 在打开时会将屏幕亮度强制调至最高,以方便提高扫码时的识别率,这项设计后来也被用在了很多提供扫码功能的应用中。

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

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

040103pRb

040109HNh

作者:格物吱吱
来源:知乎

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供有效的UI界面设计BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


分享本文至:

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档