11、主副文案的层级性
ui设计中有主副文案的模块很多,重点是要做好主副文案的层级区分,强化主文案,弱化副文案。通常主文案字号要比副文案大6px以上,字体粗细和颜色也要有所区分,确保用户阅读主文案时不会被副文案干扰,从而提高产品对用户的体验。
12、合理的图文顺序
不同的图文顺序对用户体验的影响也是很大的,需要根据用户的阅读习惯来确定合理的顺序。此示例为新闻类界面,对于新闻资讯,文字信息的层级通常是要高于图片的,所有需要将文字至于左边。
13、文字颜色的对比
信息的类别名称与内容是不同的层级,上图右侧是用户需要认真阅读的,因此在颜色上需要与类别名称进行区别,从而提高用户的阅读体验。
14、背景色的颜色倾向
纯粹的浅灰色背景有时会让人觉得有些脏,可以尝试给背景添加颜色倾向,通常为蓝色。
15、分隔线使用的细节
分隔线的作用是区分内容信息,使用贯穿分隔线时有时会导致界面的割裂感过强,这是可采用非贯穿分隔线,区分内容的同时又保持整体性,给用户一个良好的视觉体验。(《巧用分隔线手机app ui界面设计超有设计感》)
感谢大家的阅读~