UI基本准则03

11、主副文案的层级性

ui设计中有主副文案的模块很多,重点是要做好主副文案的层级区分,强化主文案,弱化副文案。通常主文案字号要比副文案大6px以上,字体粗细和颜色也要有所区分,确保用户阅读主文案时不会被副文案干扰,从而提高产品对用户的体验。

12、合理的图文顺序

不同的图文顺序对用户体验的影响也是很大的,需要根据用户的阅读习惯来确定合理的顺序。此示例为新闻类界面,对于新闻资讯,文字信息的层级通常是要高于图片的,所有需要将文字至于左边。

13、文字颜色的对比

信息的类别名称与内容是不同的层级,上图右侧是用户需要认真阅读的,因此在颜色上需要与类别名称进行区别,从而提高用户的阅读体验。

14、背景色的颜色倾向

纯粹的浅灰色背景有时会让人觉得有些脏,可以尝试给背景添加颜色倾向,通常为蓝色。

15、分隔线使用的细节

分隔线的作用是区分内容信息,使用贯穿分隔线时有时会导致界面的割裂感过强,这是可采用非贯穿分隔线,区分内容的同时又保持整体性,给用户一个良好的视觉体验。(《巧用分隔线手机app ui界面设计超有设计感》)

感谢大家的阅读~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值