红色分析:
我们看到RGB中R的数值是227,混合了G30、B40,因此红色的纯度轻微降低,颜色稍偏深红。HSB数
值中S显示的饱和度为87%,B为89%,因此颜色还是较为饱和明亮。
结论:
主色R227数值较高的时候,由于混合了G30、B40少许颜色,饱和度明度稍微降低,视觉刺激减弱,红色特性显得较沉稳。但由于红色是最温暖最有视觉冲击力的颜色特性,该网页整体看来仍然厚重而热烈的表达了主
题。
→ 蓝色网页例图:http://www.voxhon.com
■ 纯度(Chroma):
也叫饱和度,指色彩的鲜艳程度。原色最纯,颜色的混合越多则纯度逐渐减低。如某一鲜亮的
颜色,加入了白色或者黑色,使得它的纯度低,颜色趋于柔和、沉稳。
加入黑色的纯度变化和加入白色的纯度变化 → 纯度网页例图:http://www.minimalweb.de
纯度分析:
上图网页中选取了主要的两种色系为组合。运用HBS数值模式更易于理解分析该网页的纯度情
况。
我们看到蓝色S数值呈现99%具有相当高的饱和度,B明度为79%,玫瑰色S饱和度数值为85%,B明度为97%。当饱和度和明度同时呈最高值时,色彩对视觉的刺激强度到达最高状态。由于蓝色的明度稍低,饱和度较高,而玫瑰色的明度较高,该颜色纯度随之加强,因此玫瑰色相对蓝
色对人的视觉刺激更强烈。
结论:
HSB模式中S和B呈现的数值越高,饱和度明度越高,页面色彩强烈艳丽,对视觉刺激是迅速的,醒目的效果,但不易于长时间的观看。以上两种颜色的S数值接近,是强烈的状态。H显示的
度是代表在色轮表里某个角度所呈现的色相状态,相对于SB来说,意义不大。
蓝色分析:
RGB数值中B蓝色的数值是131与 R2、G83相混合,蓝色的纯度降低。结合HSB中数值H色相目前显示的是203°,而三原色的纯蓝为240°来看,蓝色的色相偏离较大,加上B为51%的明度,颜色偏暗,因此视觉冲
击力较弱。页面沉稳、凝重。
结论:
当蓝色色相偏离于三原色的纯蓝时,视觉冲击力削弱。页面呈沉稳、平静的感受。蓝色在三原色里是视觉传递速度最慢的颜色特性,适合用于表达成熟、稳重、安静的网页设计主题。蓝色在网页设计里也是使用得较频繁
的颜色。
http://www.pkvs.com/peise/pkvs03.htm http://edu.itbulo.com/websj/color/
网页基本配色
颜色绝不会单独存在。事实上,一个颜色的效果是由多种因素来决定的:反射
的光,周边搭配的色彩,或是观看者的欣赏角度。
有十种基本的配色设计,分别叫做:
无色设计(achromatic)、类比设计(analogous)、冲突设计(clash)、
互补设计(complement)、单色设计(monochromatic)、中性设计(neutral)、
分裂补色设计(splitcomplement)、原色设计(primary)、
二次色设计(secondary)以及三次色三色设计(tertiary)。
105
101
98
105
101
98
无色设计
不用彩色,只用黑、 白、灰色。
4
68
4
68
冲突设计
把一个颜色和它补色 左边或右边的色彩配 合起来。
81
85
88
81
85
88
单色设计
把一个颜色和任一个 或它所有的明、暗色 配合起来。。
20
57
73
20
57
73
分裂补色设计 92
88
73
92
88
73
类比设计
在色相环上任选三个 连续的色彩或其任一 明色和暗色。
92
44
92
44
互补设计
使用色相环上全然相 反的颜色。
17
32
26
17
32
26
中性设计
加入一个颜色的补色 或黑色使它色彩消失 或中性化。
4
36
68
4
36
68
原色设计
把一个颜色和它补色 任一边的颜色组合起 来。
把纯原色红、黄、蓝 色结合起来。
53
53
86
86
20
20
57
57
28
28
95
95
二次色设计
把二次色绿、紫、橙 色结合起来。
三次色三色设计
三次色三色设计是下 面二个组合中的一个: 红橙、黄绿、蓝紫色 或是蓝绿,黄橙、红 紫色,并且在色相环 上每个颜色彼此都有 相等的距离。
网页设计思想的中级篇
这篇我们主要说对于企业型网站(也包括机关型)。
首先第一点,你要知道这家企业是做什么的,不同的行业要有不同的颜色和格调。比如是一家科技型企业(信息科学)它的颜色应该偏向蓝,格调应该特别一点,但主要信息的表现一定要强,让浏览者第一眼要看到这家企业不是一个皮包公司,是有真正内容的企业。再比如一家服务型的企业,它的颜色要根据服务类型而表现的轻松一点。拿餐饮业来说,应该以白为主,因为我们都愿意去一家非常干净的餐馆吃饭;再比如汽车服务公司,应该以环保的绿色或悠闲的浅天蓝色为主;如果以女性消费者为主的公司网站,呵呵!太简单了!粉红色或白色,一定要淡!这个应该都知道吧! B_)
对于网站栏目及功能的安排也是很有讲究的。随着互联网的发展,网页制作越来越复杂与艺术。美观固然重要,但最重要的还是实质的内容。我们去企业网站无非是想了解一下相关产品(包括服务)的信息,所以要做到两者兼顾也是不容易的!下面给点基本建议:
栏目不要设置太多,越简单越好,也不要分散。尽可能的把类似内容放在一个栏目下。没有太大用处和老掉牙的信息建议不要再放了,与互联网这个新鲜事物有点不搭配。
如果企业产品或服务非常多,建议你把首页做简单,不要放进站动画,如果你觉得有个动画漂亮,你可以单独立个小栏目放上这些宣传动画或社频。如果是家很专业的公司可以考虑把产品或服务的小图或导读放在首页,让浏览者第一时间就可以找到想要的信息。
首页上不要做过多的特效,也尽量要安静一点,如果有广告也要看看是否与主体颜色搭配,图片不要太有冲击性,文字也不要有大有小,BANNER尽量放弃或移到其他位置上,要给企业LOGO让开更大的视觉空间。