2018-02-25(视觉)

这7个实用的设计技巧,能让UI高级感更强烈

1、使用色彩和字重来创造层次结构,而不是单纯的大小对比

2、不要在有色背景上使用灰色的文本

      a 在白色背景下,将黑色的文本改成灰色,是不错的淡化其视觉效果的做法

      b 在彩色背景下,想要降低对比度是应该让文本逐步接近背景色,而不是改为灰色。

         ①降低白色文本的不透明度 ②基于背景色手工挑选文本的颜色

3、阴影设计:使用微妙的垂直偏移阴影效果更自然,模拟了最常见的光源特征,光线从上往下照下来所营造的阴影效果。

4、尽量少使用 Borders(边框)

     分割两个元素的办法:①使用 box shadow②使用不用的背景色③使用留白和间距

5、不要让小图标无端地放大 

图标网站:Font Awesome, Zondicons ,Heroicons, Iconic 

6、增加带有颜色的单边边框提升个性

7、并非每个按钮都需要颜色 (绝大多数页面中,只有一个主要操作,搭配一些不太重要的次要操作,以及几个三级操作。)

     ①主要操作应该很明显。采用实色、高对比度的按钮是很有必要的。

     ②次要操作应该明显,但是不突出,采用幽灵按钮或者和背景对比度较低的色彩是比较合理的。

     ③三级操作应该是可被发现,但是不明显的,他们最好被设计为链接。 

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容