1、颜色分类与介绍 邻近色:是在色环上任一颜色同其毗邻之色。邻近色也是类似色关系,只是范围缩小了一点。例如红色和黄色,绿色和蓝色,互为邻近色。 邻近色网页例图结论:由于是相邻色系,视觉反差不大,统一、调和,形成协调的视觉韵律美,相较显得安定、稳重的同时不失活力,是一种恰到好处的配色类型。 同类色:比邻近色更加接近的颜色,它主要指在同一色相中不同的颜色变化。例如,红颜色中有紫红、深红、玫瑰红、大红、朱红、桔红等等种类,黄颜色中又有深黄、土黄、中黄、桔黄、淡黄、柠檬黄等等区别。它起到色彩调和统一,又有微妙变化的作用。 同类色网页例图结论:第一眼看上去给人温柔、雅致、安宁的心理感受,便可知该组同类色系非
2、常调和统一。只运用同类色系配色,是十分谨慎稳妥的做法,但是有时会有单调感。添加少许相邻或对比色系,可以体现出页面的活跃感和强度。总结:设计要求的是颜色统一,样式,板式和宝贝描述都要统一这样才能够让人一目了然的知道你要表达什么。你的公司理念和设计风格等(例如:弗兰吉,妖精的口袋,A大调B小调等)彩色的搭配 色彩千变万化,彩色的搭配是我们研究的重点。我们依然需要进一步学习一些色彩的知识。 一、色环。我们将色彩按“红-黄-绿-蓝-红“依次过度渐变,就可以得到一个色彩环。色环的两端是暖色和寒色,当中是中型色。(如下图 ) 红.橙.橙黄.黄.黄绿.绿.青绿.蓝绿.蓝.蓝紫.紫.紫红.红|_| |_| |
3、_| |_| | | |暖色系 中性系 寒色系 中性系 二、色彩的心理感觉。不同的颜色会给浏览者不同的心理感受。 红色-是一种激奋的色彩。刺激效果,能使人产生冲动,愤怒,热情,活力的感觉。 绿色-介于冷暖两中色彩的中间,显得和睦,宁静,健康,安全的感觉。 它和金黄,淡白搭配,可以产生优雅,舒适的气氛。 橙色-也是一种激奋的色彩,具有轻快,欢欣,热烈,温馨,时尚的效果。 黄色-具有快乐,希望,智慧和轻快的个性,它的明度最高。 蓝色-是最具凉爽,清新,专业的色彩。它和白色混合,能体现柔顺,淡雅,浪漫的气氛(象天空的色彩:) 白色-具有洁白,明快,纯真,清洁的感受。 黑色-具有深沉,神秘,寂静,悲哀
4、,压抑的感受。 灰色-具有中庸,平凡,温和,谦让,中立和高雅的感觉。 每种色彩在饱和度,透明度上略微变化就会产生不同的感觉。以绿色为例,黄绿色有青春,旺盛的视觉意境,而蓝绿色则显得幽宁,阴深。网页色彩搭配的原理1. 色彩的鲜明性。网页的色彩要鲜艳,容易引人注目。 2. 色彩的独特性。要有与众不同的色彩,使得大家对你的印象强烈。3. 色彩的合适性。就是说色彩和你表达的内容气氛相适合。如用粉色体现女性站点的柔性。 4. 色彩的联想性。不同色彩会产生不同的联想,蓝色想到天空,黑色想到黑夜,红色想到喜事等,选择色彩要和你网页的内涵相关联。 网页色彩掌握的过程随着网页制作经验的积累,我们用色有这样的一个
5、趋势:单色-五彩缤纷-标准色-单色。一开始因为技术和知识缺乏,只能制作出简单的网页,色彩单一;在有一定基础和材料后,希望制作一个漂亮的网页,将自己收集的最好的图片,最满意色彩堆砌在页面上;但是时间一长,却发现色彩杂乱,没有个性和风格;第三次重新定位自己的网站,选择好切合自己的色彩,推出的站点往往比较成功;当最后设计理念和技术达到顶峰时,则又返朴归真,用单一色彩甚至非彩色就可以设计出简洁精美的站点。 网页色彩搭配的技巧1. 用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,(说得通俗些就是将 色彩变淡或则加深),产生新的色彩,用于网页。这样的页面看起来色彩统一,有层次感。2. 用两种
6、色彩。先选定一种色彩,然后选择它的对比色(在 photoshop 里按ctrl+shift+I)。我的主页用蓝色和黄色就是这样确定的。整个页面色彩丰富但不花稍。 3. 用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。确定色彩的方法各人不同,我是在 photoshop 里按前景色方框,在跳出的拾色器窗中选择“自定义“ ,然后在“色库“ 中选就可以了:) 4. 用黑色和一种彩色。比如大红的字体配黑色的边框感觉很“跳“。 在网页配色中,忌讳的是: 1. 不要将所有颜色都用到,尽量控制在三种色彩以内。 2. 背景和前文的对比尽量要大,(绝对不要用花纹繁复的图案作背景 ),以便突出主要文字内容。