《网站色彩配色方法》由会员分享,可在线阅读,更多相关《网站色彩配色方法(6页珍藏版)》请在金锄头文库上搜索。
1、网站色彩配色方法 一个人拥有自己的风格称为个性一个网站有独特的色彩风格可以吸引浏览者的注意从而细细品味该站的内容所以网页配色是非常重要的网页色彩是树立网站形象的关键之一网页颜色搭配的是否合理直接影响到访问者的情绪好的色彩搭配会给访问者带来强烈的视觉冲击力那么具体到网页的背景、文字、图标、边框、超链接等应该采用什么样的颜色应该搭配什么颜色才能最好地表达出网站的内涵呢 一、网页色彩基础知识 首先需要弄清楚什么是三元素即:什么是同类色什么是临近色什么是对比色什么是补色这些都是色彩的基本概念也是必须掌握的内容 众所周知Photoshop有一种HSB色彩模式就是用色彩的三要素进行定义的色相是Hue纯度是
2、Saturation明度是Brightness三元素指的是色相、纯度、和明度色相指颜色的品相如红色、绿色、蓝色纯度指颜色的饱和度、鲜艳度;纯度越高颜色就越鲜艳否则颜色就越黯淡明度指颜色的明亮程度亮度越高就越接近白色;亮度越低就越接近黑色其中白色最亮黑色最暗 按照色彩在色轮上的位置不同又可将色彩定义为同类色、邻近色、对比色、补色同类色是指两种颜色在色轮上位置的角度相差不超过15;邻近色是指两种颜色在色轮上位置的角度相差不超过30;对比色指两种颜色在色轮上位置的角度相差不超过120;补色是指两种颜色在色轮上位置的角度相差为180 二、网络色彩的基本类型 每个颜色都代表了一个概念以及该色彩所表达的情
3、感如红色、黄色、蓝色、绿色、粉色、紫色等 1.红色 常见的红色有纯红、朱红、粉红、深红、浅红等红色是一种喜庆的颜色是中国最传统的色彩例如过年时的年画是红色的;古时状元及第的服饰也是红色红色象征着吉祥代表着祝福但是红色也代表着危险例如医院的标识很多都是红色的红绿灯的红灯就表示危险的信号 2.黄色和橙色 常见的黄色和橙色有纯黄、绿黄、橙黄、灰黄、淡黄等黄色代表辉煌代表高贵是亮度很高的色彩例如中国古代的皇宫使用的就是黄色代表着皇权的至高无上在封建社会只有皇族才可以使用黄色另外人们所熟悉的黄金是黄色的是财富的象征另外橙色代表了温暖是一种能够促进人食欲的色彩很多餐饮行业都会用橙色作为装饰色例如麦当劳、肯
4、德基的店内装饰都是以橙色为主 3.绿色 常见的绿色有纯绿、黄绿、青绿、墨绿、淡绿等绿色代表自然、健康、环保是眼睛感觉最舒适的色彩例如树叶是绿色的一些环保公益组织的标识也是绿色的长时间使用电脑会使人的眼睛有干涩的感觉这时候看一看窗外的绿色会起到缓解眼睛疲劳的作用 4.蓝色 常见的蓝色有纯蓝、天蓝、青蓝、深蓝、浅蓝等蓝色代表干净、深远;同时蓝色也象征科技例如天空是蓝色的海洋是蓝色的冰山是蓝色的很多高科技IT企业也使用蓝色作为企业的标志色如IBM被称为“蓝色巨人” 5.粉色和紫色 常见的粉色和紫色有粉红、紫红、纯紫、深紫、淡粉等粉色代表女性的柔美;紫色代表神秘和高贵例如日常见到的很多鲜花是粉色的;而
5、女性常穿的晚礼服是紫色的象征着女性高贵优雅的气质 6.黑白灰 常见的黑白灰色有黑色、深灰、灰色、浅灰、白色等黑色代表死亡代表冷酷;白色代表纯洁;灰色代表污染、破败例如男士出席晚会常穿的礼服是黑色的;出席葬礼的着装颜色是黑色的;新娘的婚纱是纯白色的;烟囱冒出的浓烟颜色是灰色的;也有许多时尚轿车是银灰色的 三、网页色彩配色方法 在了解色彩的基本类型、常见网页色彩的基本含义和色彩感情的基础上应该如何使用这些颜色呢如何搭配这些颜色呢配色方法又呢网页色彩的配色方法主要有以下三个内容:首先要根据网站的主题确定主色调就像如何写文章一样必须先确定文章的主题然后才能展开其次要根据网站的主色调确定整个网站的配色方
6、案这也好比写文章一样不仅要有好的主题也要有好的情节最后就是要确定明度和纯度的配色方案仍然以写文章打比方好的主题、好的情节不一定能够吸引人更重要的是有好的细节这样才能打动读者 1.确定主色调的常用方法 (1)根据企业的行业特点和产品特点确定主色调例如如果是一个农业公司就可以考虑使用绿色因为绿色代表了自然代表了环保;如果是一个跟咖啡相关的产品就可以直接使用咖啡色;而如果是一个与海洋相关的公司如远洋航运公司则可以使用蓝色 (2)根据企业网站面向的主要用户群体的喜好确定主色调例如一个以婴幼儿为主题的网站可以使用绿色因为绿色代表了初生的生命;一个以青少年为主题的网站可以使用红色因为红色代表了激情象征着青
7、少年的勃勃生机;一个以老年为主题的网站可以使用深红色象征着老年人的稳重和沉稳;一个以女性为主题的网站可以使用粉色象征着女性的柔美 (3)根据企业VI或者Logo确定颜色例如中国网通的网站根据Logo的颜色使用蓝色或者绿色;又如工商银行的网站根据Logo的颜色可以使用黑色或者红色作为主色调 2.常用的配色方法 主色调确定后常用的配色方法有些呢 (1)纯色配色也就是说只使用一种颜色再加上中性色黑、白、灰 (2)单色系配色只使用一种色系的颜色与纯色配色不同的是单色系配色在纯度和明度上都是有所变化的 (3)同类色配色在色环上相差小于30的类似颜色的搭配这种配色方案在视觉上比较和谐 (4)邻近色配色在色
8、环上相差小于60的临近颜色的搭配这种配色方案在视觉上对比一般不是十分强烈 (5)对比色配色在色环上相差小于120的颜色的搭配这种配色方案在视觉上对比十分强烈 (6)补色配色在色环上相对的两种颜色这两种颜色互为补色 四、网页色彩实例分析 以盛大网络游戏的贺岁网站为例整个网站页面以红色和橙色两种同类色进行搭配显得吉祥喜庆富有活力整个页面比较协调也有所对比又如新浪网的主色调是一种介于浅黄和深黄之间的颜色;同时形象宣传、海报、广告使用的颜色都和网站的颜色一致一般来说同类色配色是比较容易搭配的配色方案常见的同类色搭配有青绿蓝、红橙黄等另外可以用黑白色来提高对比度 诸如此类的案例还有很多笔者就不一一列举了总之多分析多观察掌握了配色方案多借鉴成功的配色网站就一定能设计出引人注目的网站