你不曾发觉的iOS设计神细节-20160222早读课

  • 6
  • 31,516 人看过
  • A+
所属分类:交互体验

你不曾发觉的iOS设计神细节-20160222早读课

作者:格物吱吱

来源知乎:iOS 设计的神细节有哪些?

作者授权早读课发表,转载请联系作者。

 

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

一、视觉

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

你不曾发觉的iOS设计神细节-20160222早读课

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

你不曾发觉的iOS设计神细节-20160222早读课

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

你不曾发觉的iOS设计神细节-20160222早读课

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

你不曾发觉的iOS设计神细节-20160222早读课

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

你不曾发觉的iOS设计神细节-20160222早读课

  • 「飞行模式」的小飞机图标,在开启时会从屏幕左侧飞进,而关闭时则会从屏幕右侧飞出。
  • 在滑动关机的过程中屏幕会随着滑动的进程逐渐变暗直至关机变黑。
  • 「勿扰模式」的月亮图标会在开启和关闭时模拟月蚀时的效果。
  • 在使用色调深浅不同的壁纸时根据壁纸色调而自动使用黑白两套文字配色,目的是保证文字的可识别性。若在同一张壁纸中出现某个区域的色调与文字颜色较接近时,会为该区域的文字加入阴影来使其变得清晰。

你不曾发觉的iOS设计神细节-20160222早读课

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

你不曾发觉的iOS设计神细节-20160222早读课

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

你不曾发觉的iOS设计神细节-20160222早读课

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

二、交互

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

你不曾发觉的iOS设计神细节-20160222早读课

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

你不曾发觉的iOS设计神细节-20160222早读课

  • 当「信息」内容中出现类似时间的文字时,iOS 会对其进行下划线标注,直接点击即可快速创建日历或提醒事项。
  • 系统「闹钟」的重复日期会根据所选日期组合而显示不同的文案,例如「周六和周日」显示「周末」,「周一到周日」显示「每天」,「周一到周五」显示「工作日」。Health App 里,个人信息「性别」一栏采用了 Biological Sex「生理性别」这一特殊称谓,对于人们在社会中所扮演的各种「性别」身份,作为一款健康类应用很好的体现了苹果在这方面的严谨态度。

你不曾发觉的iOS设计神细节-20160222早读课

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

你不曾发觉的iOS设计神细节-20160222早读课

  • Passbook 在打开时会将屏幕亮度强制调至最高,以方便提高扫码时的识别率,这项设计后来也被用在了很多提供扫码功能的应用中。
  • 当 VPN 选项只有一个的时候,设置列表中的 VPN 选项是一个可直接操作的开关;当 VPN 选项有多个时,则会变回标准的菜单模式。
  • iOS 9 中的中文输入法对中文标点和英文标点做了明确的标明。

你不曾发觉的iOS设计神细节-20160222早读课

你不曾发觉的iOS设计神细节-20160222早读课

 

你不曾发觉的iOS设计神细节-20160222早读课

如果看到这段文字,证明您已经看完这篇文章了,有什么收获有什么感想有什么不赞同,我们期待您的留言评论,并诚挚邀请您加入“互联网早读课”QQ群,一同交流每天文章的心得并结识同行。官方10群:215027395,加群密码“城市+职业+姓名”,否则不予通过,入群后请修改群名片。

投稿邮箱:mm@zaodula.com

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:6   其中:访客  6   博主  0

    • 程序员

      很久没来了,过来看看

      • dj

        “把影响用户内容展现的干扰给干掉了”,简单而精致

        • 匿名

          macbook pro 没发布啊。。。

          • djj

            全部统统干掉!

            • djj

              全部统统干掉!去掉所有无意义的视觉元素。不过刚刚那几个界面看上去越来越像wp系统了

              • 匿名

                :mrgreen: :mrgreen: