UI系统之版块的突显

一、卡片设计

个人中心的区域以及主图标很重要,很明显这个页面平淡无味,一眼看去没有感觉什么重要什么不重要,都像同一等级,这时候我们该如何将个人信息突显出来呢?把图标做大跟颜色做鲜艳是比较普通的方案,并不是最佳。

 

我们可以采用一个卡片式的突显,我们结合改版前后可以观察到,应用卡片式设计之后在视觉上有一个很大的提升,一下子就把个人信息板块给突显出来了。

 

二、增加角标

这里我们拿大家经常用到的美团来做讲解,我们重点观察首页图标区,很明显,第一行常用的类别图标相比于下面的不常用图标更加突显,这是因为第一行图标增加角标设计,图标也比其他行的要大一点,这就很自然的突显出来了。

 

三、增加标签

在相对弱的板块中想再分一个主次时我们可以采用增加标签的方法将其突显,标签的好处就是有助于突显,但又不会破坏页面的整体关系。

 

四、总结

讲完了这三种板块的突显方式大家有没有发现他们的关系呢?很明显,他们的突显程度是不一样的,是由强到弱。在设计做页面时,如果你要用到这三种方式,请选择相对应你那个板块的重要程度的方案,如最强的个人信息那就是卡片,其次的角标,最后标签。

 

做设计,我是认真的!

发表评论

电子邮件地址不会被公开。 必填项已用*标注