20个设计技巧帮你提升设计的对比度(2)

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:优设   作者:designschool

关键词

研究表明,人能记住他们所看到的80%的内容,这也是为什么设计是强大的工具。但是用户需要适当的视觉引导来找到重要的内容。所以,视觉引导很重要,通过圆点、箭头、下划线等多种方式来区分内容的重要性、条理性。而下面的案例也正是这样做的。

20个设计技巧帮你提升设计的对比度

17. 复杂和简单的对比

20个设计技巧帮你提升设计的对比度

将复杂和简单的样式混合使用,常常能够产生足够的对比度。这种对立本身就是对比。下面的案例就是很好的例子,繁复的花卉样式和中间简约的留白与文字构成对比。

20个设计技巧帮你提升设计的对比度

18. 字体组合的对比

20个设计技巧帮你提升设计的对比度

不同于使用单一字体家族所追求的一致性设计,讲究对比度的字体组合往往会使用不同类型的字体搭配。不过这样的设计有一些地方值得注意:如果要对比度,那么字体一定要有明显的差异,只有这样才有区分度。不同字体应对不同的职能,不要在同样的功能区使用不同的字体,这样会造成混乱。一般而言,使用一个衬线体和一个非衬线体来搭配是个不错的选择。下面的案例就是这么做的。

20个设计技巧帮你提升设计的对比度

19. 在进行排版的对比度设计的时候务必要注意

20个设计技巧帮你提升设计的对比度

当你寻求字体组合的时候,你需要的是对比度而非冲突,这两者是有区别的。两种字体有差异,有的时候是对比,有的则是冲突。这种差异并没有一种明确的规则,更多的时候是需要依靠设计者的直觉来判断,多看多做你会逐渐明白的。

下面的信息图就是反映的各种字体之间的搭配关系,非常有趣,可以点大来看。

20个设计技巧帮你提升设计的对比度

20. 借助样式和字重来构建排版对比度

20个设计技巧帮你提升设计的对比度

许多字体都有着不同的样式和字重,比如细体、粗体、斜体、窄体等等等等。这些字体在排版中使用,构成对比,突出不同的部分。

20个设计技巧帮你提升设计的对比度

 收藏