网站配方案实例
颜的使用网页制作中起着非常关键的作用,有很多网站以其成功的彩搭配令人过目不忘。但是对于刚开始学习制作网页的人来说,往往不容易驾驭好网页的颜搭配。除了学习各种彩理论和方法之外,笔者认为多学习一些著名网站的用方法,对于我们制作美丽的网页可以起到事半功倍的作用。所以,笔者总结了一些著名网站的颜搭配方法,这些方法可以让我们的学习少走弯路,快速提高我们的网页制作水平。
一、网页颜原理和象征意义
我们所有网页上颜,在HTML下看到的是以颜英文单词或者十六进制的表示方法(如#000000表示为黑)。不同的颜有着不同的含义,给人各种丰富的感觉和联想。
红:热情、奔放、喜悦、庄严
黄:高贵、富有、灿烂、活泼
黑:严肃、夜晚、沉着
白:纯洁、简单、洁净湖北旅游景点推荐
suitang
蓝:天空、清爽、科技
绿:植物、生命、生机
灰:庄重、沉稳
紫:浪漫、富贵
棕:大地、厚朴
二、网页颜的使用风格
不同的网站有着自己不同的风格,也有着自己不同的颜。网站使用颜大概分为几种类型:
1、公司
在现在企业中,公司的CI形象显得尤其重要,每一个公司的CI设计必然要有标准的颜。比如新浪网的主调是一种介于浅黄和深黄之间的颜,同时形象宣传、海报、广告使用的颜都和网站的颜一致。再比如国富投资公司的主调是C:100%,M:60%,Y:0%,K:0%。这样的颜使用到网站上显得调自然、底蕴深厚。
魔兽世界什么职业好
2、风格
许多网站使用颜秉承的是公司的风格。比如海尔使用的颜是一种中性的绿,即充满朝气有不失自己的创新精神。女性网站使用粉红的较多,大公司使用蓝的较多……这些都是在突出自己的风格。
3、习惯
这些网站的颜使用很大一部分是凭自己的个人爱好,以个人网站较多使用,比如自己喜欢红、紫、黑等,在做网站的时候就倾向于这种颜。每一个人都有自己喜欢的颜,因此这种类型称为习惯。
三、设计用十例
以下我将分别介绍十个配较好的网站,大家可以学习和借鉴一下,培养对彩的敏感以及独到的审美能力。
1)这是个大型的NBA网站。通常我们经常看到的此类网站以白为背景,但是这个网站却用灰黑RGB为(48,48,48/#333333)(以下颜都用RGB表示),文章标题用为RGB为(203,201,153/#CC CC99),菜单使用的RGB为(112,119,112/#707770)。这样的配可以显示独特的个
性,又不失大型网站的风采。如图1
图1
2)下面是一个娱乐类的综合性网站UGO,他的配方案是背景为黑RGB为(0,0,0)中嵌套R GB(0,0,82),字体白RGB(255,255,255),菜单为RGB(77,114,159)。这样的虽以黑蓝为主调,但是配以漂亮的图片,给人的感觉是生机盎然,充满了互动彩和青春气息。如图2。
图2
3)下面的这个网站是大名鼎鼎的微软,微软不仅软件做的好,连网页制作也是世界一流。他的每一个网页都是制作的样板。从网页我们就可以看出微软公司的风格、作风,以及雄厚的实力。背景
颜使用蓝RGB为(0,151,254),菜单为黑RGB(0,0,11),菜单为灰RGB(200,200,200),字体为黑RGB(0,0,0),如图3。
图3
4)现在介绍的网站相对简单,但是她的用也别具匠心,现在我们来看一看,整体上使用的是白R GB(255,255,255),辅助为RGB(79,88,95),菜单为RGB(48,64,64)和RGB(0,81,111)字体使用的是RGB(83,86,91)。虽然简单,但颜搭配非常的科学合理。如图4
图4
5)下面的网站采用黄调为主,很体现公司的个性,现在我们就来看一看她的颜搭配。主调为黄RGB为(255,199,48/#FFC730),辅助调为RGB(49,102,46)字体为棕RGB(153,103,0),中间再配以抽象的图片,显得个性十足但又不单调。如图5
图5
6)橘红如果运用得当的话是一种非常使用于网页上的颜。下面的这个网站就是一个非常著名的
例子。他的主调为RGB(255,151,0)辅助调为RGB(255,103,4),菜单RGB为(252,200,0)。字体使用黑RGB为(0,0,0)。此种配显得主人较为前卫,彩热烈,给人的震慑力较强。如图6
图6
五一去哪里玩好7)鲜红也是一种震撼感很强的颜,如果搭配不当,也可能使网站没有风格和特点。下面的这个网站就是使用红比较好的网站。我们来看看他的颜搭配。他使用的主调是RGB(200,9,0),配以抽象的图形,文字使用的是RGB(213,229,167)显得美观而不失独特,大气而不逼人。如图7
图7
怎么更新ios148)下面介绍的这种调是我们制作网页的时候不会经常用到的颜,如果使用到你的网页中,肯定会给人耳目一新的感觉。他的主调为RGB(144,151,97)辅助调为RGB(173,168,112)边饰为黑RGB(0,0,0)字体为黑RGB(0,0,0)。这样的搭配显得风格独特,颜和谐而庄重。如图8
图8
9)下面的设计更加的简单化,但是颜的使用使网页并不呆板,反而让人感觉到一股浓浓的生活和家庭气氛,使人置身于美丽和爱中。他的主体是由两种颜构成,分别是RGB(239,200,161)和RGB(2 01,254,200)。如此简单,但是却栩栩如生,跃然网上。如图9
图9
10)下面举出这个例子是想证明一个道理——只要你有足够的想象力,你就能够设计出漂亮的网页。目前在网上非常流行一句话就是网页的搭配不要超过四种主要颜,否则就有杂乱之感。下面的这个网站远远的超过了三种颜,但是她并不失美丽。因此重要的还是彩的驾驭能力。下面这个例子的菜单就使用了7种颜,但是我们看到的网页并不杂乱,相反感觉作者很有创意。如图10
图10
网站设计中配方案的使用
不论你做什么样的设计,彩都是一个不容忽视的问题。彩以一种“隐蔽”的方式传达的各种信息,这些信息会影响观看者的心理和感受,左右他们的判断和选择,彩对于设计而言实在太重要。这篇文章就要比较系统地介绍一些在网页设计中如何使用彩的入门知识。采购员的工作内容
彩是设计者的得力助手,前提是应用得当。对于网站设计而言,彩的重要性尤其突出,不过经常被粗心的站长忽视。我们经常说“第一映像最重要”,于是设计网站时,设计者经常会花很多精力制作一个“富于冲击力”的LOGO或者BANNER,当然,它们很重要。但是,访问者访问网站时的第一映像实际上并不来自这些LOGO或者BANNER,而是——彩!
好了,在了解了彩对于网站设计的重要性之后,我们开始探寻彩的奥秘。
彩入门
首先让我们熟悉一下彩的一些基本概念。
三原