大多数人都是从了解一点设计,或者根本不了解的情况下开始从事设计的。但即使开始时并没什么优势,仍然想方设法的通过众多方法来了解颜色,排版,布局等方面的知识。
因此,在本文中,将分享从不同设计师那里学到的关于设计细节的东西。
1. 让重要的文字更加突出
当文字需要分清层次结构时,单纯使文字变大来强调通常不能解决问题,文字的层次结构不只是小和大的关系,它需要文字在大小、字重和颜色三个方面进行正确的组合,形成对比,对比度越大越好。
那么如何设计更好的对比呢?
1、不要使用一种字重不同字体大小的方式来建立对比和层次。
2、相反,把主要内容加粗加深,把次要内容变细变淡(不太重要的)。
3、创建三种不同的文字颜色,从深色到浅色(参见下面的示例)。通常我使用我设计的基础颜色作为正文文字颜色。
4、不要害怕使用大的字体比例(例如:24px标题、16px正文、10px标签等)。更大的字体比例=更好的对比。
5、记住,对比度=大小+字重+颜色。
6、一定要回头再检查下它的对比。
2. 不要使用多种复杂的颜色值
不要在颜色选择器上下移动,只是为了选择一些深色色值,这样做会让你的工作变得复杂。使用黑色文字颜色(#000)会给读者眼睛造成疲劳,因此方案是用比较暗的颜色。使用不同透明度的黑色作为解决方案,而不是去用复杂的十六进制颜色值。
3. 用数学方法理解颜色
大多数人都会喜欢合适的颜色组合,每当看到一个精彩的配色时,都会问自己:“他们是怎么做到的?”理解色彩不仅仅是对那些从一开始就有设计天赋的人,在色相,饱和度,亮度(HSB)上做简单的加减法也会达到一些神奇的效果(我们将使用HSB代替RGB)。你可以轻易的就摆脱单调的白色背景,把它变成像毕加索的作品一样。
深色色调=饱和度增加亮度减少
浅色色调=饱和度减少亮度增加
4. 使用留白对内容进行分组
留白要大胆,除了在两个组之间添加一行表示分离以外,使用更大的留白是一个更好的方案。就像临近原则所说的那样:彼此靠近或接近的对象会被看成是一个组的内容。
5.使用颜色分隔行
颜色作为区分,在设计时,做列表界面可能会很无聊,因为只需要不断复制组件即可完成。但是在用户看来,阅读这些列表就会很困难,特别是如果在一行与另一行之间没有很大区别的时候。因此除了使用线,添加颜色背景对可读性来说也会有很大帮助,对于设计师来说也更有有成就感。