ui界面瓷片区优化案例

瓷片区是UI设计中的高频组件,排版不好看,直接影响页面质感!

文字信息层级:标题、描述、价格怎么排布更易读?

配色&视觉统一:如何让瓷片区的风格更统一、更高级?

图标设计:什么样的图标设计更好看?

掌握这些技巧,让你的瓷片区颜值直接拉满!

01、优化文字信息层级

优化前内容层级没有区分,或者区分层次不够,导致主要信息不够突出。所以我们要优化文字信息层级,突出主要内容。

ui界面瓷片区优化案例

02、优化图标设计

想要提升视觉感,就必须要在图标的形式上多花功夫,可以是轻拟物图标、3D图标、插画图标等。

ui界面瓷片区优化案例

03、破形处理

想要更进一步提升形式感,就需要在圆角矩形上做破形,打破外形就有了差异化,视觉冲击力更强。比如变化一个角的形状、角度,把图标放在图形外等。

ui界面瓷片区优化案例

04、添加细节,增加质感

ui界面瓷片区优化案例

做好啦!

ui界面瓷片区优化案例

 

赠人玫瑰,手有余香,欢迎收藏/分享本篇文章:
本文来自网络,不代表设计泡一泡立场,转载请注明出处。https://www.sjpyp.com/10150.html

发表评论

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

返回顶部