网页设计的配色和排版


网页设计的配色和排版


在网页设计中,如何配色,有的时候很难去定位,那么我们到底要怎么做才能做的更好呢,那么就看下下面的一些分析,相信你会找到你所需要的 。
1、根据页面风格以及产品本身的诉求确定主色;2、根据主色找配色;3、调整色彩在页面中的比例 。
首先说说找主色调,关于找主色调,我个人一直觉得颜色是有一定心理暗示的,最出名的例子就是麦当劳、肯德基这类快餐店不约而同的选择了红色作为主基调,因为红色有增进食欲的效果 。:红色代表热情、革命和危险;绿色代表希望、春天和环保;橙色代表活跃和快乐;紫色代表华丽、妖艳、神秘……如果有兴趣的同学,可以去找一些色彩心理学的资料稍微研究下,这里稍微提一些,仅供参考 。
由于色彩本身心理暗示的作用,很多行业都有其行业色,比如商务/工业蓝、环保绿之类的,当做到某些特定行业时候,使用行业色作为主色调会是一个很保险的选择 。
当然,在选择主色调的时候还有其他一些因素要考虑,比如整个站点的美术效果、需要传达的氛围/感觉以及用户观感 。说到观感,有一个很多设计师都不注意的问题:通常来说,颜色纯度的颜色,从广告效果上是好的,能够一瞬间把用户的眼睛吸引过来 。但是不适合长时间浏览,长时间浏览纯色的页面,会产生视觉疲劳 (有人说绿色是保护眼睛的颜色,但是事实上纯绿色对眼睛的刺激也不小);颜色灰度偏高的颜色,虽然不是很醒目,但是有利于长时间的浏览,不容易产生视觉疲劳 。
高调页面(整个页面调性偏白的那种),虽然看起来会有一种简约干净的感觉,但是由于显示器不同,所以在部分电脑里,亮部容易没有层次而显得单薄;而以黑色深色为主的页面,虽然整体把握比较容易,但是同样的问题,暗部可能会损失层次,另外深沉的颜色使用不好会使页面显得沉闷 。所以说,多从用户的角度去考虑观感的问题,被“飞机”的概率才会降低 。
确定好主色之后就是配色 。配色的话,个人感觉不宜过多,对于初学者,最好别超过3种,实际情况是颜色太多不利于把握主调性,容易花 。关于配色,很多时候靠经验的积累,但是也不是完全没有技巧:最简单的方法是使用LOGO上本身的颜色搭配或者 VI设计时候设定的标准色,这样的颜色搭配大多应用在公司宣传性网站,属于比较偷懒的方法;第二种方法是挑选两个色相色性相近的颜色(主要颜色),再选择一个色相色性相对的颜色(辅助颜色),这样的搭配大多数情况下属于是比较合适;第三种是搭配消色 。
所谓的消色,就是指黑白灰(也有说是黑白金银灰),这类颜色由于本身没有色性,所以可以说是万用搭配色 。当然,说是说万用搭配色,但是也是有一些需要注意的地方:首先,由于本身没有色性,他们必须和色性比较强的颜色搭配会比较出效果;其次,消色与其他颜色搭配的时候,比例一定要控制好,尤其是灰色,灰色是一种很“高档”的颜色,但是问题是使用的过多,会使得页面灰蒙蒙没有质感 。
配色确定之后,就是调配颜色比例了,关于颜色比例方面,我觉得没有什么特别好的规律,最好的方法就是做色彩小稿看效果 。当然,你足够自信的话,胸有成竹也是可以的 。
此外,还有一些特殊的颜色搭配:说到纯色之间的搭配,有很多人会想到“红配绿,大傻X”但是农民画当中大量的使用红配绿 。却非常的有感觉,为什么呢?关于这个问题,使用四至五种纯色进行搭配的时候,基本上不用考虑颜色搭配的问题,如果略微有一些压不住,用一点消色压一下就OK了 。类似情况的还有粉色和灰粉色,这类颜色由于本身含有消色,且调性都比较高,所以搭配起来会显得非常的清爽 。当然,只要色相、纯度、明度三个属性中有一个属性是基本相同或者接近,搭配起来基本上都不会觉得太牵强,只是相对而言之前提到的那几种搭配是比较常见的而已 。

推荐阅读