设计网页的色彩意义、要素、步骤
设计网页的色彩意义、要素、步骤
十种基本的配色设计,分别叫做:
无色设计(achromatic)、类比设计(analogous)、冲突设计(clash)、
互补设计(complement)、单色设计(monochromatic)、中性设计(neutral)、
分裂补色设计(splitcomplement)、原色设计(primary)、二次色设计(secondary)
以及三次色三色设计(tertiary)。
基本配色——强烈
最有力的色彩组合是充满刺激的快感和支配的欲念,但总离不开红色;不管颜色是怎么组合,红色绝对是少不了的。
红色是最终力量来源——强烈、大胆、极端。力量的色彩组合象征人类最激烈的感情:爱、恨、情、仇,表现情感的充分发泄。
有力色彩组合是用来传达活力、醒目等强烈的讯息,并且总能吸引众人的目光。
基本配色——丰富
要表现色彩里的浓烈、富足感可藉由组合一个有力的色彩和它暗下来的补色。例如,深白兰地酒红色就是在红色中加了黑色,就像产自法国葡萄园里陈年纯美的葡萄酒,象征财富。白兰地酒红色和深森林绿如果和金色一起使用可表现富裕。这些深色、华丽的色彩用在各式各样的织料上,如皮革和波纹皱丝等等,可创造出戏剧性、难以忘怀的效果。这些色彩会给人一种财富和地位的感觉.
基本配色——浪漫
粉红代表浪漫。粉红色是把数量不一的白色加在红色里面,造成一种明亮的红。象红色一样,粉红色会引起人的兴趣与快感,但是比较柔和、宁静的方式进行。浪漫色彩设计,藉由使用粉红、淡紫和桃红(略带黄色的粉红色),会令人觉得柔和、典雅。和其它明亮的粉彩配合起来,红色会让想起梦幻般的6月天和满满一束夏日炎炎下娇柔的花朵。
基本配色——奔放
藉由使用象朱红色这种一般最令人熟知的色彩,或是它众多的明色和暗色中的一个,都能在一般设计上展现活力与热忱。中央为红橙色的色彩组合最能轻易创造出有活力、充满温暖的感觉。这种色彩组合让人有青春、朝气、活泼、顽皮的感觉,展示精力充沛的个性与生活方式。把红橙和它的补色——蓝绿色——搭配组合起来,就具有亲近、随和、活泼、主动的效果。
基本配色——土性
深色、鲜明的红橙色叫赤土色。我们常用它来组合、设计出鲜艳、温暖、充满活力与土地味的色彩。这种色彩有种淡淡的温暖,就像经过琢磨、润饰的铜器。和白色搭配起来,就会象散发出自然灿烂的光。土性的色彩有年轻人爱笑、爱闹的个性,令人联想到悠闲,舒适的生活。因为是类比设计的一部分,这种温馨、土味的色调会产生有趣的色彩组合。例如出现在美国西部的装潢设计。
基本配色——友善
配色设计要想表达友善之意时,常会使用到橙色。这种色彩组合,开放、随和,又有一切表现能量和动力的素质。能够创造出平等、有序气氛,却没有强势和支配的霸气。橙色和它邻近的几个色彩常应用在快餐厅,因为这类色彩会散发出食物品质好、价钱公道等诱人的讯息。橙色有耀眼、活力的特质,所以被选为在危险地区的国际安全色。橙色的救生筏和救生设备(例如救生衣等)可以让人轻易地在蓝色和灰色的大海里发现踪迹。
人们观察外界的各种物体,首先引起反映的是色极,它是人体视觉诸元素中,对视觉刺激最敏感,反应最快的视觉信息符号。对色彩的注意力占人的视觉的80%左右,对形的注意力仅占20%左右。色彩对设计有着举足轻重的作用。
①色彩的分类;色彩分为原色、间色、复色、补色四类。
在颜色中不能再分解的,并能调配其它色彩的色,如红、黄、蓝,也就是原色,即三原色。由两种原色调配混合而成的色,叫做间色,如红与黄配为橙色,黄与蓝配为绿色,蓝与红配为紫色。复色,是由两种间色调制而成的色如橙配绿为橙绿色等等。补色是指原色中的一种再间色,或者和复色相配而现出的色。以上四种色,依次又称之为第一次色(原色),第二次色(间色),第三次色(复色),复色也可以叫做再间色。
②色彩的三要素;三要素具体指的是色彩的色相、纯度、明度。它们有不同的属性。
色相指的是色彩的相貌特征和相互区别。色彩因波长不同的光波作用于人的视网膜,人便产生了不同的颜色感受。色相具体指的是红、橙、黄、绿、青、蓝、紫。它们的波长各不相同,其中红、橙、黄光波较长,对人的视觉有较强的冲击力。蓝、绿、紫光波较短,冲击力弱。色相主要体现事物的固有色和冷暖感。
纯度,指的是色素的饱和程度。色彩的纯度体现事物的量感,纯度不同,即高纯度的色和低纯度的色表现出事物的量感就不同。红、橙、黄、绿、青、蓝、紫七种颜色纯度是最高的。每一色中,如红色系中的桔红、朱红、桃红、曙红,纯度都比红色低些,它们之间的纯度也明度,是指色彩的深与浅所显示出的程度。所有的颜色都有明与暗的层次差别。这层次就是“黑”、“白”、“灰”。在红、橙、黄、绿、青、蓝、紫七色中,最亮的明度最高的是黄色、橙、绿次之,红、青再次之,最暗的是蓝色与紫色。色彩明度的变化即深浅的变化,就使得色彩有层次感,出现立体感的效果。
③色彩的性质;色彩不同,其光波作用于人的视网膜使人产生的感受也不同,于是面对不同的颜色人们就会产生冷暖、明暗、轻重、强弱、远近、胀缩等不同心理反应。
色彩的冷与暖。绿、蓝、紫色相能给人以文静、清凉近似于冷的感受,而红、橙、黄色相能给人以热烈、温暖、兴奋近似于暖的感受。
在冷色、暖色之间也有一种给人不太冷与不太热的中间色,如色相环上的黄绿、蓝绿色。冷暖色也有层次关系,有的偏冷,如紫红、柠檬黄、蓝紫,有的偏暖,如桔红、桔黄、蓝绿则偏暖。冷暖关系在色相相互比较中产生的。
色彩的轻与重。轻和重的色彩感是由色相的饱合度的高和低在视觉上产生的一种效果。凡是感觉重的色都是色相饱和度高的色,饱合度低则感觉就轻。
色彩的远与近。远和近的色彩感是由于色彩的冷暖关系作用于人们的视觉感受而产生的。一般冷色给人以远的感觉。在自然界蓝色的群山就给人远的感觉;暖色则给人以近感。
色彩的胀与缩。胀与缩的色极感,是由色彩的明度不同而在视觉上产生的。一般,胀色淡,缩色深。灰色白色相比,白色就呈膨胀感。就是色彩的明度体现光感和事物的体积的大小。
色彩中的冷和暖、轻和重、远与近、胀与缩,以及色彩的明与暗、强与弱,既说明色彩的性质,而冷与暖等等也是人们心理和视觉情绪上的反映,是不同。一种感觉对比。这种色彩的对比有强烈的视觉效果,极富有宣传性。
④色彩的调子;色彩的调子能激起人们的心理活动并引起快感与产生美感。
红色调它给人热情、欢乐之感。人们用它来表现火热、生命、活力与危险等信息。
蓝色调它给人冷静、宽广之感。人们用它来表现未来、高科技、思维等信息。
黄色调它给人温暖、轻快之感。人们用来表现光明、希望、轻快、注意等信息。
绿色调它给人清新、平和之感。人们用来表现生长、生命、安全等信息。
橙色调它给人兴奋、成熟之感。是很受人们欢迎的颜色。
紫色调它给人幽雅、高贵之感。人们用来表现悠久、深奥、理智、高贵、冷漠等信息。
黑色调它给人高贵、时尚之感。人们用来表示重量、坚硬、男性、工业等信息。
白色调它给人以纯洁、高尚之感。人们用来表示洁净、寒冷等信息。
红色(象征事物:夕阳、火焰、血液)温暖、热情、警惕、危险
橙色(象征事物:麦穗、夕阳、火焰)稳重、含蓄、丰收、喜悦、营养、华丽、诱惑
黄色(象征事物:月亮、香蕉、花朵)明快、光辉、辉煌、财富
绿色(象征事物:树木、草原、春天)希望、生命、和平、健康、安全、新鲜
蓝色(象征事物:蓝天、大海、月光)理想、理智、博大、宽广、永恒、冷淡、平静
紫色(象征事物:葡萄、丁香、紫藤)高贵、古雅、神秘、含蓄、享乐、幻想
白色(象征事物:白云、医护、雪花)清洁、神圣、纯洁、医疗、寒冷
黑色(象征事物:头发、魔鬼、黑夜)严肃、罪恶、恐怖、寂静、神秘、冷淡、死亡
灰色(象征事物:泥土、羽毛、皮毛)平凡、失落、中庸、颓废、阴森
网页设计要素
网页设计的两大要素是整体风格和色彩搭配。
首先,确定网站的整体风格:
1.将标志logo,放在每个页面上最突出的位置。
2.突出主体色彩。
3.总结反映公司产品精髓的宣传标语!
4.相同类型的图像采用相同效果,同级标题都用同样的颜色及同样的大小!
其次,网页色彩的搭配方案:
1.用一种色彩。选定一种色彩,然后通过调整明度或者浓度搭配色彩,使页面看起来色彩统一,有层次感。
2.用两种色彩。选定一种色彩,然后选择它的对比色,使页面看起来色彩鲜明,有对比感。
3.用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。
通过这两大要素就能确定网页的风格及配色方案。
网页设计步骤
建立一个网站就像是盖一幢大楼,有自己特定的工作流程,只要遵循网页设计步骤,按部就班地一步步来,就能设计出一个满意的网站。
1.确定网站主题。网站主题就是所建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。本网站的主题是展示公司实力、公司教学课程,吸引浏览者报名学习。
2.搜集材料。搜集的材料越多,以后制作网站就越容易。材料可以从类似教育网站、素材网站、百度等上得来,然后把搜集的材料加以整理及修改,作为自己制作网页的素材。
3.规划网站。网站规划包含的内容有很多,如:网站的风格、颜色搭配、网站的功能、版面布局、文字图片的运用等。制作网页之前把这些方面都考虑到了,就能制作出有个性、有特色,具有吸引力的网页。
4.选择合适的制作工具。一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,我使用的工具是Photoshop 软件,Adobe Illustrator CS6 软件等图形设计软件和Dreamweaver软件。
5.制作网页。网页制作时,要按照先大后小、先简单后复杂来进行制作。
6.上传测试。利用FTP工具,可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后,需要在浏览器中打开自己的网站,逐页逐个链接的进行测试,发现问题,及时修改,然后再上传测试。
7.推广宣传。网页做好之后,还需要进行宣传,这样才能提高网站的访问率和知名度。推广的方法有很多,例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。
8.维护更新。网站要注意经常维护更新内容,保持内容的新鲜,才能够吸引住浏览者。







































