美文网首页
2018-02-25(视觉)

2018-02-25(视觉)

作者: Cerealzhou | 来源:发表于2018-02-25 14:42 被阅读0次

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    相关文章

      网友评论

          本文标题:2018-02-25(视觉)

          本文链接:https://www.haomeiwen.com/subject/lqdrxftx.html