网页设计色彩搭配知识
色彩,是最先也是最持久地给浏览者以网站形象的因素。色彩和谐的重要性,是你我都明白的:)。如何做好色彩的搭配呢?下面小编总结了几个色彩实用设计的要点,希望能给大家带来帮助。
一、确定主体色
遵循主从关系,这是最稳定的处理色彩原则。
其实红、黄、绿、蓝、紫等每一个字都代表一类具体的颜色,也就是色相了,它是指色彩的相貌,是区别色彩种类的名称。在页面上,除白色为背景外大 量使用的颜色,就是这个网页的主体颜色。如果在同一个页面内运用了多种颜色,把握不好的话,就无法确定哪个是主体色。因为其他的颜色面积不能过大,遵循主 从关系。
二、相近色
选择色彩相近的颜色,非常容易搭配。
解释一下:假设在红色里面加白,红色就会越来越亮,明度提高。而加黑,红色就越来越暗。明度降低。那么色彩的明度就是指任何一种色彩的明暗程度。
假设在蓝色里面加了黑、白、灰,或另一种颜色,就会使得蓝色不纯,不再鲜艳。那么色彩的纯度就是指彩色系中每个色彩的鲜艳程度。
同色彩系(同色相),明度不同或纯度不同的几种颜色容易搭配,比如挑几种深浅不同的绿色来搭配,一般页面不会有太大问题;同一页面尽量不要多出 4种颜色。超级连接的色彩搭配也是遵循以上的原则。而文字颜色的搭配,则要与背景分离。有个小方法:打开Dreamweaver的颜色盒(如下图)。如果 它们6色为一组的话,每组都是很不错的配色方案,但是都比较高调。其实如果搭配颜色的时候遇到麻烦,就可以在颜色面板中,调入不同的几种色系,看看它们相 邻的颜色,或隔几种色来搭配,找合适你页面的颜色绝对不难。
三、色彩均衡
它是比较保险的配色互补原则。多种颜色同时存在的时候不容易把握好,一定要调和统一。
比如利用色彩错视现象,其中的重量错视在实用设计时用处很多。也就是明度高的浅亮色看起来较轻,明度低的深暗色则较重。
那么在网页设计中,如果运用了较多明度较高的颜色。比如图3中左边是比较浅的颜色或亮的颜色,就可以用黑色,或同色相的深色小面积压一下,点缀 一下,使得页面不要太轻,达到色彩重量的平衡。平衡的颜色较符合多数人的色彩心理。根据你的情况,如选用黑色,可能会严肃和庄重,而用同色相的深色,则轻 松一些。
四、黑白灰运用
其实黑白灰是宝贝,万不可小看它们。
如果在用色上遇到麻烦,可以大面积的加白,灰;小面积加黑来调节其他颜色搭配不当。遇到使用纯度很高的颜色,比如纯蓝,纯黄等,这样的搭配会很鲜艳,视觉感觉比较兴奋。把这样的.颜色明度抬高或降低,搭配上灰、白色,也是调节的方法。
五、色彩心理与情感
选择适合内容风格的颜色。
1.色彩有冷暖的感觉。如儿童类站点不要使用冷色系,且色彩要丰富一些。
2.色彩有柔软和坚硬感。同色相,明度高,则有柔软感。明度低,则会有坚硬感。女性站点,适量选用柔美的淡粉色或高级灰,而男性类站点,就可以使用棕色,深蓝色。
3.从色相看,暖色给人的感觉华丽;从明度看,明度高的感觉华丽;从纯度看,纯度高的色彩给人的感觉华丽。由此首饰类站点可以使用高雅的咖啡和金黄色,而香水类站点可以用明度高的淡绿或浅蓝色。
4.色彩的联想。主要色相抽象的联想(省略具体的联想):
红色:热情。橙色:温暖、欢乐。黄色:光明、快活。绿色:和平、新鲜。蓝色:安宁、平静、理智。紫色:优雅、高贵、庄重、神秘。黑色:恐怖、死亡。白色:纯洁、神圣、清净。灰色;谦逊等等。
如游戏站点,适合黑色,暗色比较神秘。旅游类站点,可以选用草绿搭配黄色。政府类站点,可以使用红色,蓝色。时装类站点,可以选择高级灰、紫色等,突出高雅氛围。校园类站点也适合绿色。科技类适合深蓝色。新闻类适合深红色,或黑色,搭配高级灰等等。
5.色彩明度的高低与声音的高低相关。强烈的色彩如亮黄色、鲜红色,具有尖锐、高亢的音乐感。暗浊色如海蓝色、深灰色等具有低沉浑厚的音乐感。现代音像艺术正是采用了视觉与听觉等多媒体相结合的方法,展现了丰富、新颖的视听效果。
6.根据色彩的味觉感。绿色、黄绿色是未成熟的果实色彩,有酸、涩的味感。橙色、浅黄色、浅棕色、粉红色使人想到了成熟的瓜果色彩而产生甜甜的味感。设计饮食类站点,就可以遵循以上原则。
六、页面的色彩分配
1.网页内容,是信息存储空间,要求背景要亮,文字要暗,对比度要高。一般是白黑字,如果是黑底,也可以是灰字,可以用很淡的颜色来做,淡到让人可以忽略。
2.网页标头,是LOGO和主要信息放置的地方。一般要深色。具有较高对比度,以便用户能够非常方便地看到他在该站点的所在位置。标题通常与页面其它部分有不同的"风貌",它可以使用与网页内容非常不同的字体或颜色组合。也可以采用网页内容的反色。
3.导航菜单所在区域。把菜单背景颜色设置暗一些,然后依靠较高的颜色对比度、比较强烈的图形元素或独特的字体将网页内容和菜单的不同目的准确地区分开。
4.侧栏,尽管不是所有网页都使用侧栏,它仍不失为显示附加信息的一个有用方式。它应与网页内容清楚地区分开,同时也要易于阅读。
5.页脚,这一项最不重要,不应该喧宾夺主。可以考虑和侧栏相同的颜色,或稍微压一下深一些的颜色。
6.在配色上使用一些比较跳跃的颜色,用来引导视线。如:灰棕色为主题色。用跳跃性的橙色来做导航、按钮,指引视线的去向。
相關文章
-
网页设计色彩搭配的基本知识
色彩,是最先也是最持久地给浏览者以网站形象的因素。下面是小编为大家整理的网页设计色彩搭配的基本知识,欢迎参考~ 网页设计色彩搭配的基本知识一、确定主体色遵循主从关系,这是最稳定的处理色彩原则。其实红、黄、 -
网页设计颜色搭配的知识
网页设计中控制色彩的比例来创造视觉焦点是常见的色彩运用手法之一,下面是关于网页设计颜色搭配的知识,欢迎参考!一、色彩的基础知识色彩五颜六色、千变万化,我们平时所看到的白色光,经过分析在色带上可以看到,它事实上包括 -
网页设计的色彩搭配
网页设计不仅框架布局很重要,而且网页色彩搭配也是非常重要的。用户打开页面首先看到的就是色彩,要是色彩弄得不好,用户可能马上就关了页面,根本就没心思看你的内容了,这样就算你的内容写得非常精彩也没有用,所以学网页设计 -
网页设计色彩搭配方法
色彩能够帮助设计师达成各种各样的目的,灵活的运用能够让实现这一切。所以,在玩转配色本身之外,进阶的色彩运用技巧还有很多。下面跟小编了解一下吧! 1、通过比例变化创造视觉焦点控制色彩的比例来创造视觉焦点是常见 -
网页美工设计色彩搭配
在生活、工作和学习中,说到作文,大家肯定都不陌生吧,借助作文可以宣泄心中的情感,调节自己的心情。相信很多朋友都对写作文感到非常苦恼吧,以下是小编精心整理的写华山精选作文800字左右,仅供参考,欢迎大家阅读。暑假到了,爸 -
网页设计色彩搭配技巧
近日,崔永元爆料范冰冰阴阳合同闹得沸沸扬扬,引起了各界人士的广泛关注,那么阴阳合同指的是什么?阴阳合同有法律效应吗?范冰冰承认阴阳合同是怎么回事?下面,和本站一起来看看吧!▼阴阳合同是什么意思?“大小合同”中 -
网页设计中的色彩搭配
出色的网页设计能够给用户留下深刻的印象,包括整个页面的布局,图片展示以及内容编辑等,都影响着用户对网页的评价,但是所有的网页元素设计都离不开色彩的搭配学问,因为网站的整体格调,版面效果等是由颜色决定的,也是用户产生 -
网页设计色彩搭配原则
导语:在网页设计中色彩搭配是相当重要的一个环节,网页的视觉效果情况对于游客的印象分有着很大的影响,因此也就形成了网页美工这个行业。因为网页视觉效果的重要性,因此在网页设计的过程中,色彩搭配原则是作为一名合格的网 -
网页设计的色彩搭配技巧
2019年还有不到两个月的时间就成为过去式了,抓紧时间将2019款的减龄女生发型来演绎一下吧!在女生流行的发型设计中,有好多款式是兼具洋气和减龄的双重效果的,比如羊毛卷、梨花头、锁骨烫等等,都是比较洋气受欢迎的女生烫发 -
最佳的网页设计色彩搭配
网页的色彩是树立网站形象的关键之一,色彩搭配却是网友们感到头疼的问题。下面是YJBYS小编整理的网页设计色彩搭配知识,希望对你有帮助!颜色有分三原色,三原色又能调和许多种颜色,这些颜色又分冷色和暖色:1、 暖色调。即红