UI系统之版块的突显

UI系统之版块的突显

新闻来源:正致小编发布人:翡翠编辑时间:2018-08-09
我们可以采用一个卡片式的突显,我们结合改版前后可以观察到,应用卡片式设计之后在视觉上有一个很大的提升,一下子就把个人信息板块给突显出来了。……

一、卡片设计


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


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

二、增加角标


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

三、增加标签


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

四、总结


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


正致教育专注UI设计培训,以创新的教学方式和完善的就业服务享誉业内。在线咨询QQ:2768268476,电话:0731-85867638,长沙市岳麓区汽车西站西中心T2栋1503室


相关文章
热门新闻
热门搜索

JAVA大数据翡翠教育


电话:0731-85867638
网址:http://cszz.feicuiedu.cn
传真:0731-85867638
友情链接:
Copyright ? 2005-2020 北京翡翠教育科技集团有限公司,All Rights Reserved 京ICP备12036804号-1