UI设计要点(二)
4、尽快展示内容
不要让展示内容和启动页/闪屏混淆。启动页通常用来介绍页面的元素、功能。
如果你的应用程序在启动页预览的效果,和实际的页面看起来不一样,用户可能会因为这这种不一致和不对应感到不适。
另外,请让你的启动页和设备当下的色彩模式保持一致,具体请参阅深色模式的说明。
不要让屏幕上所有内容都加载好了之后再显示,并且让用户一直等着。当用户点击之后,APP 最好立即显示,可以使用占
位符文本、占位符图片或者其他的内容来标识内容正在加载,当前不可用。当内容加载好了之后,再替换这些内容。只要有
可能,尽量在后台预加载好,比如转场动画,系统的导航菜单,等等。
5、充分利用系统提供的色彩
在进行设计的时候,对于文本、符号、图标等视觉元素,尽量调用系统预制的配色,这能够帮你省去超多工作量。
iOS提供了一系列的系统配色,这些配色能够自动匹配符合需求的色调和饱和度,并且能够和系统的可访问性的设置相联
动,比如自动增加对比度、降低透明度等等。在系统的深色模式和浅色模式下,这些预制的色彩不论是自单独使用还是组合
使用,效果都会颇为突出。
不要在你的应用当中使用色彩编码将这些色彩给定死,系统提供的这些色彩仅供你在设计过程中参考,实际应用场景中,
这些实际的色彩的数值在后台会随着环境变化而在一定幅度内波动,开发的时候,始终使用 API 来定义色彩,有关开发人员
的文档请参考 UIColor 这一文档。
SF Symbols 提供了一套超过 1500 款风格一致、高度可配置的字符,你可以在 APP 中轻松使用它们。苹果设计的 SF
Symbols 和 San Francisco 系统字体可以无缝地集成,两者可以在粗细、大小上自动保持光学垂直对齐。你可以在 iOS
13 及更高版本、watchOS6 及更高版本、以及 tvOS 13 及更高版本上使用 SF Symbols 。
6、使用熟悉且易于理解的词汇
技术可能会令人生畏,尽量避免使用用户可能不理解的缩写和技术术语。使用用户容易理解和接受的短语。通常,吸引所
有人的应用程序,应该避免使用技术含量过高的词汇,而专业术语适合特定技术人员所用的 APP。
采用相对非正式、友好的语气来进行表述。非正式的、平易近人的语言风格,能让语言表达像您午餐时与人聊天那样自
然,这样可以让你于用户之间的距离更近。
这里最重要的一点,是要了解你所面对的用户。如果你面对的是一个非常普通的用户,那么你可能要避免使用术语。如果的
APP 的用户是一个高度专业化的建筑师团队,那么你可能要采取截然不同的呈现方式。
