网页设计中如何更好的搭配颜色让配色更顺畅
想让配色的使用更加有效果,这在设计中是非常重要的,也就是构想出一个全新的配色方案。每一种颜色都有着他独特的意思,将他们组合起来也就能传递出无限的可能。
这篇文章介绍的是如何让你的配色与你的设计更加搭配的方法。
选择配色方案的调色板
01. 将你的目的表现出来
在此之前,让我们明确目的和设计理念。一个有着含义的调色板是良好的设计要素之一。
我们可以问自己以下几个问题。
你想通过设计传递什么样的信息?
设计的目的是什么?想传递什么情报?想引导用户什么?
他包含了怎样的感情和意识?
02. 明确你的目标用户颜色所面对的每一个人都是不同的。同一个颜色,因为每个人的个性、文化背景,经验的不同会产生不同的效果。考虑到这一点,我们就需要明白,当用户面对这样的设计时,会表现出怎样的反应。
一些颜色的含义,在世界的任何地方都是通用的,但有些则不是。绿色,一般是植物的颜色,看到他们就会联想到自然。但是红色就不一样了,他会因为文化的不同而不同。在西洋文化中红色代表的是:火(英: Fire)、暴力(英: Violence)、纷争(英: Warfare),有时也会表示爱(英: Love)或者热情(英: Passion)。但是在则表示的是繁荣(英: Prosperity)和幸福(英: Happiness)。
由于颜色有着不同的含义,在创建一个调色板时了解你所面对的用户的感情是非常重要的。
如果你想了解更多关于颜色和国家的意义,你可以去看The Psychology of Color in Marketing and Branding 和 The Meaning of Color 这两篇文章。
03. 了解配色方案的基本要素
选择配色时,你需要了解一些关于配色的基本知识。配色的基本,就是配色组合的基本理论和构造,具有实践性的指南。他从如何使用色轮以及每一个的意义都总结的十分全面。。
《给零基础新手的超快速色彩知识小科普》这篇文章,他对于颜色有着一个详细的划分,你们可以从这篇文章中获得参考。
04. 试着去寻找灵感
有的时候视觉化的必要的配色方案很难设计出来。那种时候,可以从别的设计师的作品中获得灵感。
05. 制作属于你的风格指南
设计系统你所需要知道的风格指南是,将所有的设计要素放在统一的设计框架之中。在这之中包含了包括按钮或字体等全部的设计要素。我们在设计时应该思考什么样的按钮或导航菜单才是应该被选用的。
在实践中如何使用风格指南,在这里有一些网页的案例可以参考。设计师一起来学习,精心挑选的50个知名品牌的风格指南这篇文章,详细介绍了知名平牌是如何利用风格指南,可以用来参考。
选择设计制作时用的调色板时,要有「KISS(略: Keep it Simple, stupid)(越简单越好)」这样的思路。先,尽可能的减少颜色,我们需要考虑下面几点。
背景色(英: Background)
主色(英: Primary Color)
次要色(英: Secondary Color)
警告色(英: Error Color)
成功色(英: Success Color)