为 iOS 7 设计用户界面(2)

重新审视拟物化的视觉指标. 斜面,梯度,和阴影效果有时会导致UI元素比重过大,甚至超过内容或者和内容产生竞争。事实上,关注点应该在于内容,UI起到一个辅助作用。

image: ../Art/restrain_visual_indicators_2x.png

image: ../Art/embrace_translucency_2x.png


用半透明化的UI元素暗示背后的内容. 半透明的元素--如控制中--用于提供一个控制环境,帮助用户看到尽可能多的内容,还可以得知应用的状态。在IOS 7中,半透明元素只会模糊元素后的内容--有种透过米纸的效果--半透明元素不会模糊元素没有覆盖到余下屏幕。

提供清晰的显示

提供清晰的显示是另外一种确保内容在你应用中的重要地位的方式. 这里是一些能使最重要的内容和功能明晰且易于访问的方法.

image: ../Art/use_white_space_2x.png


使用大量的留白. 留白使得重要内容和功能更加醒目,且更容易理解. 留白也可以表达出平静安宁的感觉, 而且它也可以使得一个应用看起来更加的专注和高效.

使用颜色来简化 UI. 使用一种关键颜色—比如重要提示使用的黄色—突出显示重要的区域并且巧妙的展现交互性功能. 这也同样能赋予一个应用统一的视觉主题. 内置应用都使用一类纯净系统颜色,不管是在明的或是暗的背景之上,其每一个色调都看起来不错.

image: ../Art/notes_color_2x.png

image: ../Art/mail_message_fonts_2x.png


通过使用系统字体来确认其可读性. iOS 7系统字体对字间距和行高都对进行自适应,因此显示的文本能很轻松的被阅读,而且在每一个字体大小上都看起来很好. 不管你是使用系统的或是自定义的字体,请确保使用上了动态类型,以便你的应用能够在用户选择不同的文字大小时都能有所响应.

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/55f2d5deb0bb780afdee916e1bff2112.html