新闻中心

促销活动、问题解答、技术讨论、学习、成长、分享


网页制作中的色彩搭配,有哪些基本原则?

发表时间: 2020-10-16 10:00:36

浏览:

网站制作过程中,颜色的搭配,有时候很难找出合适的颜色,那么我们到底该怎么做才能做得更好呢,那么看看下面的一些分析,相信你会找到你需要的。

一是根据页面风格及产品本身的需求来确定主色;二是根据主色来寻找配色;三是调整页面颜色比例。

先谈谈找主调,关于找主调,我个人一直觉得色彩有一些心理暗示,举例子就是麦当劳、肯德基这样的快餐店,往往选择红色作为主调,因为红色有促进食欲的作用。红是热情、革命和危险;绿是希望、春天和环保;橙是活泼、快乐;紫是绚丽、妖艳、神秘;如有兴趣的同学,可以去找一些色彩心理学的资料略作研究,这里略加提及,仅供参考。

因为颜色本身具有心理暗示的作用,很多行业都有自己的行业颜色,如商务/工业蓝、环保绿等,当在某些特定行业时,以行业颜色为主色调会是安全的选择。

在选择主色调时,当然也有其他因素需要考虑,比如整个网站的艺术效果,需要传达的气氛/感觉,以及用户的看法。谈到观感,很多设计师都会忽略一个问题,就是色彩纯正,从广告效果来看,是好的色彩,能瞬间吸引使用者的眼球。但不宜长时间浏览,长时间浏览纯色网页,会造成视觉疲劳(有人说绿色是保护眼睛的颜色,但实际上,纯绿色对眼睛的刺激也不小);灰度较高的颜色,虽然不太引人注目,但有利于长时间浏览,不易造成视觉疲劳。

高调页(整页调性偏白色的那种),虽然看上去会有一种简洁干净的感觉,但因为显示器的不同,所以在部分电脑上,高调页容易没有层次而显得单薄;而以黑色为主的页面,虽然整体把握比较容易,但同样的问题,高调页可能会失去层次,另外,深调色使用不好会使页面显得单调。因此,多从用户的角度来考虑观感问题,被“飞机”化的可能性就会降低。

主色确定后,再进行配色。色彩搭配方面,个人感觉不宜过多,对于初学者来说,不要超过3种,实际情况是色彩过多不利于把握主调,易花。在色彩搭配方面,很多时候靠经验积累,但也并非完全没有技巧:简单的方法是用LOGO本身设置的色彩搭配或VI设计时设置的标准色彩搭配,这样的色彩搭配多适用于企业宣传网站,属于比较懒散的方法;第二种方法是选择两种颜色相似的颜色(主要颜色),然后再选择一种颜色相对较深的颜色(辅助颜色),这样的搭配在大多数情况下是比较合适的;第三种颜色是搭配消色。

“消色”指的是黑白灰(又称黑白金银灰),这种颜色由于本身没有色性,所以可以说是一种万用配色。说到万用搭配色,当然也有一些值得注意的地方:首先,色彩本身不具有色彩性,它们需要和色彩较强的颜色搭配才能比较出效果;第二,当色彩与其他颜色搭配时,要控制好比例,特别是灰色,灰色是一种非常“高大上”的颜色,但问题是,过度使用,会使页面失去质感。

色泽确定以后,就是调配色泽比例了,在色泽比例方面,我觉得没有什么特别好的规律,好的办法就是做一个小稿看效果。如果你足够自信,当然,胸有成竹也没问题。

另外,还有一些特殊的色彩搭配:说到纯色搭配,很多人会想到“红与绿,大傻X”但农民画中红与绿的搭配却很多。但是很有感觉,为什么呢?在这个问题上,用四到五种纯色来搭配,基本不用考虑颜色搭配的问题,如果稍微有点压力的话,用一点去色压就可以了。与此相似的还有粉色和灰粉色,这类颜色因本身含消色,而且调性较好,所以搭配起来会很清爽。当然,只要颜色、纯度、明度这三个属性中有一个属性是基本相同或相近的,搭配起来基本上都不会太牵强,只是比较前面提到的几种搭配比较常见而已。

在色彩方面,我们说了很多。总之,对于色彩处理软件之类的东西,确实有值得一说的地方,只是个人不推荐。色彩软件是死的,人是活的,对色彩软件的使用习以为常后,人就会产生惰性,设计就会死亡。上面提到的一些事情,只是我个人的一些经历,并不完全正确,仅供参考。在色彩搭配上,感觉仍然是关键的东西,同时多看作品,多注意生活中的设计才是正道。

说到排版,网页设计的排版和平面设计的排版是一脉相承的,所以对于网页设计的排版学习可以从平面媒体的排版设计开始,我接触较早的专业书籍是《英国版式设计教程》,很多理论对我后来都有深刻的影响,建议想多了解版式的同学去看看。虽然说平面媒体的排版经验对网页设计排版有借鉴作用,但由于载体的不同,因此还是有一些区别的,希望大家在学习的过程中有自己的思考。

网站设计首先要讲整体感,整个页面的风格氛围需要从上到下一脉相承。很多人做书页的时候头重脚轻,书页的头做得很花哨,书页的尾部就随便来一下,虽然从实际情况看确实书页的头比较重要,但作为一部作品,这种想法还是不太可取的。因此,作为设计师,心里一定要树立这样一种观念,即,出现在网页上的信息,都是有用的,都是有人看的,关注的人再少也不能马虎,这是对自己的设计负责,对浏览网页的用户负责。

网页的整体感受需要得到重视,但同时网页也局限于浏览器,浏览方式由上而下。因此,在用户眼中呈现的大部分是页面的部分。很多设计者都很注重页面的整体效果,而很少考虑各浏览器在滚动浏览时截取片段的效果。与平面媒体排版一样,网页排版也需要注意到图片、文字标题等元素在页面上呈现的效果如何平衡,但网页排版更需要注意的是一种动态的平衡,不管页面滚动到什么位置,在浏览器中呈现的效果至少应该是视觉上“舒适”的。

网站设计排版与平面媒体排版的不同之处在于:网站设计排版具有许多互动功能和动态效果。因此排版时要考虑到更多的功能性需求和动态视觉效果。因为页面中要排列的元素很多,所以页面在排版时需要考虑的因素很多,对页面元素的排列逻辑的要求也比较高。此时,简单的处理方式是假定:假设用户是您,您希望导航条位于何处?采用何种方法(静态/动态)?展示您会觉得方便吗?假如您是后台管理人员,在后台实际操作后,您会出现什么问题?好的解决办法是什么?…这在用户体验中被称为“假设用户”,是一种比较常用的方式。

在版式设计方面(无论是平面设计版式设计还是网页设计版式设计),成功的核心要素是什么?就是通过页面的艺术效果,引导用户浏览信息,引导用户进入页面想要带来的气氛。因此,好的设计,应该是“无设计”——注意,“无设计”不是说没有设计,而是整个设计浑然一体,让人感觉没有设计的痕迹。

这种设计不会影响用户对信息的浏览,好的排版层次会使页面的逻辑性更强,让用户有更好的体验,甚至可以通过设计中的一些技巧,引导用户主动浏览页面,主要的是要呈现给用户的信息,只有做到这一点,才算成功排版。尽管说设计者主要的工作就是把页面做得漂亮,但希望大家不要忘记自己设计的原始的用途。


服务热线:

0631-5999529

邮箱:aaron@sueon.com

地址:威海市经济技术开发区青岛中路109号(创业孵化大厦)17F


产品与服务
企业云官网

小程序           

电商系统     

VR全景

SEO优化

新闻中心

公司新闻

行业动态

 

图片展示

联系客服

图片展示

小程序商城演示

©2010-2020 版权所有   威海商易网络科技有限公司   鲁ICP备09049265号-12    支持IPV6访问

添加微信好友,详细了解产品
使用企业微信
“扫一扫”加入群聊
复制成功
添加微信好友,详细了解产品
我知道了