（网站策划）网站策划与设
计笔记
网站策划和设计笔记
目录
第壹章网站整体设计
第壹节：明确站点的目标和需求
壹、建站的目的和意图
二、为谁建站：（当然是为用户——UCD设计模式的重要性）
三、定义站点的类型：
第二节：站点整体规划和设计
壹、内容为王：站点的内容，是站点的内涵和价值所于
二、功能：
三、架构：即组织网站各个网页栏目的逻辑结构
四、界面：即具体的网页页面，网站效果图设计即界面设计
五、视觉：形象和风格
第三节：技术实现
壹、设计草图和原型（雏形效果图）
二、页面需求描述：
三、页面效果图设计：壹般设计 2—3张效果图供客户选择
四、网站计划书撰写：
第二章网页设计原理
第壹节：网页布局设计
壹、网页布局的原理
二、网页构成的形式美原理
三、网页构成的形式法则（即网页设计的创意方法）
四、网页构成的形态要素——点、线、面
第二节：网页色彩设计
壹、色彩的常识
1、色彩的三要素：色相、明度、纯度
2、色彩的分类：分为原色、间色、复色、补色四类
3、色彩的性质：
4、色彩的调子：
二、色彩心理感觉
1、色彩的冷、暖感
2、色彩的轻、重感
4、色彩的前、后感
5、色彩的大、小感
6、色彩的华丽、质朴感
三、色相心理分析
四、色彩的联想特征
五、网页色彩计划
1、主色、辅色和强调色的选取
2、网页背景色、多媒体元素色、文字颜色的选取和确定
第三节：网页元素设计
壹、文字和排版
二、图形元素
三、声音和视频
四、导航元素
五、表单控件
第一章 网站整体设计
第壹节：明确站点的目标和需求
壹、建站的目的和意图
1、为什么要建这个站？建这个站是为了什么？
2、需求是设计的源头——有需求才有设计，没有需求就没有设计
二、为谁建站：（当然是为用户——UCD设计模式的重要性）
1、站点的用户是谁？
2、谁会对所建的站点感兴趣？
3、他们为什么要访问该站点？
4、什么样的功能内容及风格对用户有吸引力？
5、从哪些方面去研究用户？
01定义主要的目标用户
02分析目标用户的特征，建立用户模型：（用户模型是对用户的年龄、职业、经济情况、性
别、国家、教育背景、文化背景、生活方式、婚姻情况、生存情况、性格
等特征进行有效的分析）
03明确用户的真实需求
三、定义站点的类型：
1、按照网站主体性质划分：政府网站、企业网站、商业网站、教育科研机构网站、个
人网站、其它非盈利机构网站。
2、按照网站功能划分：
01、产品(服务)查询展示型网站:本类网站核心目的是推广产品(服务)，是企业的产品“展
示框”。利用网络的多媒体技术，数据库存储查询技术，三维展示技术，配合
有效的图片和文字说明，将企业的产品(服务)充分展现给新老客户，使客户能
全方位的了解公司产品。和产品印刷资料相比，网站能够营造更加直观的氛围
和产品的感染力，促使商家及消费者对产品产生采购欲望，从而促进企业销售。
02、品牌宣传型网站:本类网站非常强调创意设计，但不同于壹般的平面广告
设计。网站利用多媒体交互技术，动态网页技术，配合广告设计，将企业品牌
于互联网上发挥得淋漓尽致。本类型网站着重展示企业 CI、传播品牌文化、提
高品牌知名度。对于产品品牌众多的企业，能够单独建立各个品牌的独立网站，
以便市场营销策略和网站宣传统壹。
03、企业涉外商务网站:通过互联网对企业各种涉外工作，提供远程、及时、
准确的服务，是本类网站的核心目标。本网站可实现渠道分销、终端客户销售、
合作伙伴管理、网上采购、实时于线服务、物流管理、售后服务管理等，它将
更进壹步的优化企业现有的服务体系，实现公司对分公司、经销商、售后服务
商、消费者的有效管理，加速企业的信息流、资金流、物流的运转效率，降低
企业运营成本，为企业创造额外收益，降低企业运营成本。
04、网上购物型网站:通俗的说，就是实现网上买卖商品，购买的对象能够是
企业(B2B)，也能够是消费者(B2C)。为了了确保采购成功，该类网站需要有产
品管理、订购管理、订单管理、产品推荐、支付管理、收费管理、送发货管理、
会员管理等基本系统功能。复杂的物品销售、网上购物型网站仍需要建立积分
管理系统、VIP管理系统、客户服务交流管理系统，商品销售分析系统以及和
内部进销存(MIS，ERP)打交道的数据导入导出系统等。本类型网站能够开辟新
的营销渠道，扩大市场，同时仍能够接触最直接的消费者，获得第壹手的产品
市场反馈，有利于市场决策。
05、企业门户综合信息网站:本类网站是所有各企业类型网站的综合，是企业
面向新老客户、业界人士及全社会的窗口，是目前最普遍的形式之壹。该类网
站将企业的日常涉外工作上网，其中包括营销、技术支持、售后服务、物料采
购、社会公共关系处理等。该类网站函盖的工作类型多，信息量大，访问群体
广，信息更新需要多个部门共同完成。企业综合门户信息网站有利于社会对企
业的全面了解，但不利于突出特定的工作需要，也不利于展现重点。
06、行业、协会信息门户/B2B交易服务型网站:本类网站是所有各企业类型网
站的综合，是企业面向新老客户、业界人士及全社会的窗口，是目前最普遍的
形式之壹。该类网站将企业的日常涉外工作上网，其中包括营销、技术支持、
售后服务、物料采购、社会公共关系处理等。该类网站函盖的工作类型多，信
息量大，访问群体广，信息更新需要多个部门共同完成。企业综合门户信息网
站有利于社会对企业的全面了解，但不利于突出特定的工作需要，也不利于展
现重点。
07、沟通交流平台:本系统采用利用互联网，将分布于全国的生产、销售、服
务和供应等环节联系于壹起，改变过去利用电话、传真、信件等传统沟通方式。
能够对不同部门、不同工作性质的用户建立无限多个的个性化网站;提供内部
信息发布、管理、分类、共享等功能，汇总各种生产、销售、财务等数据;提
供内部邮件、文件传递、语音、视频等多种通信交流手段。
08、政府门户信息网站:利用政务网(或称政府专网)和内部办公网络而建立的
内部门户信息网，是为了方便办公区域以外的关联部门(或上、下级机构)，互
通信息、统壹数据处理、共享文件资料而建立的。主要包括如下功能：提供多
数据源的接口，实现业务系统的数据整合;统壹用户管理，提供方便有效的访
问权限和管理权限体系;能够方便建立二级子网站和部门网站;实现复杂的信息
发布管理流程。
第二节：站点整体规划和设计
壹、内容为王：站点的内容，是站点的内涵和价值所于
1、站点内容的主要来源：01编辑整理编撰 02原创 03转载 04其他途径获取
二、功能：
1、常见的网站功能模块：产品展示发布系统、会员管理系统、信息发布系统(新
闻发布系统)、权限管理系统、论坛系统、资料下载系统、邮件管理系统、信
息检索系统、于线招聘系统、留言板系统、网上商城系统、网上调查系统、
文件传输系统、访问统计系统、站点计数器、公告系统、购物车系统等
2、客户需要的其他功能，根据客户的需求开发
三、架构：即组织网站各个网页栏目的逻辑结构
1、网站常见的架构：线性结构、层级结构、网状结构
四、界面：即具体的网页页面，网站效果图设计即界面设计
1、界面规划和设计的主要内容有哪些：
01根据站点信息架构确定站点页面构成（换言之，就是统计整个网站要设计多少个有效的网
页界面，及各个界面之间链接跳转的关系。）
02明确每个页面的内容（即页面要放置哪些栏目）和功能，确定页面的元素和结构（即排版
布局）
03页面展示效果的实现（如幻灯片、滑动面板、动画等等）
2、网页界面的构成元素：
01导航元素：各种菜单、链接
02形象元素：如动画、展示图片等，不仅传递着特定的信息，而且对调节页面气氛、吸引受
众也起着重大的作用。
03功能元素：指用户和站点进行交互，以实现某种功能的元素，如为页面提供壹个搜索框，
登录框等。
04内容元素：栏目列表信息、栏目的摘要信息等等文字信息内容
五、视觉：形象和风格
1、站点的设计风格：
01信息主体型风格：以信息展示为主的，如新闻门户型网站
02印象型主体风格：强调视觉的体验和效果，艺术性强
03均衡型风格：前面俩者兼备
第三节：技术实现
一、设计草图和原型（雏形效果图）
二、页面需求描述：即页面要摆放哪些栏目、需要哪些功能、应该有什么样的展
示效果等。
1、页面描述的方式：
01线框型描述：即用图形表示出来
02文字描述：撰写文案，详细叙述页面的功能内容
三、页面效果图设计：壹般设计 2—3张效果图供客户选择
四、网站计划书撰写：
1、网站计划书的主要内容
01建站的背景分析：关联行业背景分析、竞争对手分析、公司自身条件分析等。
02站点目标分析：建站的目的和意图、目标用户分析、站点类型及需求分析。
03内容和功能规划：根据站点目标和用户需求确定站点应包含的内容和功能、站点的栏目组
成和功能架构。
04界面设计方案：站点界面规划和组成，站点页面需求描述、站点的视觉形象设计方案。
05站点技术方案：技术方案所要达到的目标（如数据精度、流量指标、响应速度等），项目
所采用的软、硬件技术（如确定屏幕尺寸、浏览器类型、服务器类型、
数据库类型、操作系统等）
06站点的进度计划、费用预算等
07网站维护和更新方案
第二章网页设计原理
第壹节：网页布局设计
一、网页布局的原理
1、平衡和稳定：结构的对称，不失衡。
2、焦点和主次：分清楚焦点和主次，重点地方要强调突出，达到醒目的效果。
3、秩序和统壹：
4、对比和变化：
二、网页构成的形式美原理
1、平衡：分为绝对平衡(即对称)和相对平衡
01对称的基本形式：反射、移动、回转、扩大
2、对比：
01形象和形象之间的对比：大小、远近、方向、多少、曲直、虚实、明暗等对比
02形象和空间的对比：正负、疏密、面积等对比
03色彩对比：指色彩的色相、明度、纯度、冷暖等对比
3、调和：分形象特征的调和、色彩调和、方向调和
4、节奏：指高低、强弱、长短、抑扬顿挫之美
5、变异：“万绿丛中壹点红”、鹤立鸡群等
1、变异的形式：位置、形象、方向、大小、色彩等变异
6、数理比例美
三、网页构成的形式法则（即网页设计的创意方法）
1、重复和近似
2、分割和比例
3、渐变和发射
4、对比构成：
5、特异构成
6、空间构成（三维空间）
7、打散重构
8、肌理
四、网页构成的形态要素——点、线、面
1：点：是造型的原生因素。
几何学概念所谈的点，仅表示位置.它没有大小面积表示。壹条线的开始和结
束或者俩条线相接之处
点的感觉和位置联想。
点有各种各样的形状、有规则和非规则的越小的点、点的感觉愈强但显的柔弱、点涿渐增大
时，则趋向于面的感觉，这时点起着重要的作用，或以几何形式出现或以具
象行出现但无论作为细小特征的点应尽可能采用单纯简洁、强韧有力的形式。
当画面只有壹个点时，常常容易成为视觉中心吸引人的视线，点从背影中越出，和画面周围
空间发生作用。点居和画面中心位置时，和画面的空间关系显的很和谐；当
点位居于画面边缘时就改变了画面的静态平衡关系，形成了紧张感而造成动
势。如果画面有另壹个点产生便形成俩点之间的视觉张力，人的视线就会于
俩点之间来回流动、形成壹种新的视觉关系，而使点和背景的关系退居第二
位。当俩个点有大小区别时，视觉就会由大到小的点的流动，潜藏着明显的
运动均趋势，具备了时间的因素。推而言之，画面中有三个点时，实现就于
着三个点之间流动，令人产生三角形面的。众多点的聚散，引起能量和张力
的多样化，这种复杂性常常给画面生动的情趣。
点的连续排列形成虚的线，其距离越近时，线的特性就愈显著。
点的间隔排列，具有井然有序的美感。如加上点的大小变化，就产生变化丰富的视觉效果
点依据水平或垂直方向排列，成为静的构成。相反，点沿着斜线，曲线，旋涡线排列，或者
以自由方式排列，则形成动的构成
将点的大小渐变运动的排列。能形成有动感和深度感的构成。应用点的大小、多少、聚散、
连接或不连接等变化排列，形成有节奏、韵律感的构成。
通过点的均散排列，形成画面的肌理效果。
2：线：是由点运动形成的，运动成为线的重要征。
俩点之间最短距离的线便是直线。直线反映了运动最简洁的形态。直线类撕男性的阳刚品格：
果断、明确、理性、坚定、具有速度和坚强感。方向不断改变的点的运动形
成曲线。曲线类似女性的阴柔品格：柔和、丰满、优雅、感性、含蓄和富有
节奏感。
曲线大致又可分为几何曲线和自由曲线俩种形式。几何曲线规律性强，有圆、圆弧、抛物线
等样式，有明确、清晰、易于制作和识别的特性。具有弹性和富于动感变化
的自由曲线，则表达壹种有机生命形态的形式。即兴的自由曲线展现了个性
化的特征，其线条很难重复
线条增加其宽度会倾向于面的特性，粗的线能增加力度和厚重感。细的线显得纤细、敏锐而
柔弱，锯齿状的线因其强烈的刺激性而产生不舒服的感受，粗糙的线会令人
产生受阻的苦涩
线的另壹个特征他具有方向性。
线的运动方向基本归为垂直、水平、倾斜三种。
白色的行具有扩张感、黑色的行具有收缩感。
线通过集合排列形成面饿感觉，应用线的粗细的变化、长短变化、疏密变化的排列能够形成
有空间深度和运动感的结合。
应用线的粗糙的变化排列或者间隔距离大小渐变排列能形成有规矩的渐层变化的空间感
线的中断应用，能够产生点的感觉
应用线的不同交叉方式或方向变动，就能够追求放射旋转具有强烈动势结构
的图形。
3：面
以几何行法则构成的图形简洁明快，具有数理秩序和机械的冷感性格，体现
壹种理性的特征：
有机形表现着自然界有机体中存于的壹种生气勃勃的旺盛生命力，是流动而
有弹性的曲线构成的具有内于活力和温暖感的形式，它是由自然中外力和物
体内应力相抗衡作用所形成的。
偶然形是应用特殊技法或材料，依偶然的效果而意外获得的天然成趣的形态，
具有神奇的变幻魔力。是利用偶然因素提炼造型美的壹种方式。偶然形是难
以预料的形，他正好和几何形相反。是无法重复的不定形。
平放的三角形非常稳定，以壹点支撑的三角形会产生极不安定的紧张感，但
这又和形的大小有关，如果三角形以接近点的形象出现，他反而会带来画面
的灵动感。由于三角形具有锐角性质我们常常改变其比例关系，形成更尖锐
的三角形，造成强烈紧张的方向感。
第二节：网页色彩设计
一、色彩的常识
1、色彩的三要素：色相、明度、纯度
01色相指的是色彩的相貌特征和相互区别。色相具体指的是红、橙、黄、
绿、青、蓝、紫。色相主要体现事物的固有色和冷暖感。
02纯度，指的是色素的饱和程度。色彩的纯度体现事物的量感，纯度不同，
即高纯度的色和低纯度的色表现出事物的量感就不同。红、橙、黄、
绿、青、蓝、紫七种颜色纯度是最高的。
03明度，是指色彩的深和浅所显示出的程度。所有的颜色均有明和暗的层
次差别。这层次就是“黑”、“白”、“灰”。于红、橙、黄、绿、青、蓝、
紫七色中，最亮的明度最高的是黄色、橙、绿次之，红、青再次之，
最暗的是蓝色和紫色。色彩明度变化即深浅的变化，就使得色彩有层
次感，出现立体感的效果。
2、色彩的分类：分为原色、间色、复色、补色四类
01三原色：于颜色中不能再分解的，且能调配其它色彩的色，如红、黄、
蓝，也就是原色
02间色：由俩种原色调配混合而成的色，如红和黄配为橙色，黄和蓝配
为绿色，蓝和红配为紫色。
03复色：是由俩种间色调制而成的色如橙配绿为橙绿色等等。
04补色：是指原色中的壹种再间色，或者和复色相配而现出的色。
3、色彩的性质：色彩不同，其光波作用于人的视网膜使人产生的感受也不同，于是面对不
同的颜色人们就会产生冷暖、明暗、轻重、强弱、远近、胀缩等不同心
理反应。
01色彩的冷和暖。绿、蓝、紫色相能给人以文静、清凉近似于冷的感受，
而红、橙、黄色相能给人以热烈、温暖、兴奋近似于暖的感受。于冷
色、暖色之间也有壹种给人不太冷和不太热的中间色，如色相环上的
黄绿、蓝绿色。冷暖色也有层次关系，有的偏冷，如紫红、柠檬黄、
蓝紫，有的偏暖，如桔红、桔黄、蓝绿则偏暖。冷暖关系于色相相互
比较中产生的。
02色彩的轻和重。轻和重的色彩感是由色相的饱合度的高和低于视觉上
产生的壹种效果。凡是感觉重的色均是色相饱和度高的色，饱合度低
则感觉就轻。色彩的色相因纯度（饱和度）值不同，其轻重的量感也
就不壹样。如把白色的心理感觉重量定为 100克计，黑色是 187克、
黄色是 113克、绿色是 133克、兰色是 152克、紫色是 155克、灰色
是 155克、红色是 158克。
03色彩的远和近。远和近的色彩感是由于色彩的冷暖关系作用于人们的
视觉感受而产生的。壹般冷色给人以远的感觉。于自然界蓝色的群山
就给人远的感觉；暖色则给人以近感。
04色彩中的冷和暖、轻和重、远和近、胀和缩，以及色彩的明和暗、强
和弱，既说明色彩的性质，而冷和暖等等也是人们心理和视觉情绪上
的反映，是壹种感觉对比。这种色彩的对比有强烈的视觉效果，极富
有宣传性。
4、色彩的调子：色彩的调子能激起人们心理活动且引起快感和产生美感。
01红色调它给人热情、欢乐之感。人们用它来表现火热、生命、活力
和危险等信息。
02蓝色调给人冷静、宽广之感。人们用它来表现未来、高科技、思维
等信息。
03黄色调给人温暖、轻快之感。人们用来表现光明、希望、轻快、注
意等信息。
04绿色调它给人清新、平和之感。人们用来表现生长、生命、安全等
信息。
05橙色调它给人兴奋、成熟之感。是很受人们欢迎的颜色。
06紫色调它给人幽雅、高贵之感。人们用来表现悠久、深奥、理智、
高贵、冷漠等信息。
07黑色调给人高贵、时尚之感。人们用来表示重量、坚硬、男性、工
业等信息。
二、色彩心理感觉
1、色彩的冷、暖感色彩本身且无冷暖的温度差别，是视觉色彩引起人们
对冷暖感觉的心理联想。暖色：人们见到红、红橙、橙、黄橙、红紫等颜
色后，暖色就联想到太阳、火焰、热血等物像，产生温暖、热烈、危险等
感觉，使人产生冲动情绪。冷色：见到蓝、蓝紫、蓝绿等色后，则容易联
想到太空、冰雪、海洋等物像，就会产生寒冷、理智、平静等感觉。色彩
的冷暖感觉，不仅表当下固定的色相上，而且于比较中仍会显示其相对的
倾向性。如同样表现天空的霞光，用玫红画早霞那种清新而偏冷的色彩，
感觉很恰当，而描绘晚霞则需要暖感强的大红了。但如和橙色对比，前面
俩色又均加强了寒感倾向。人们往往用不同的词汇表述色彩的冷暖感觉，
冷色
暖色——阳光、不透明、刺激的、稠密、深的、近的、重的男性的、强性
的、干的、感情的、方角的、直线型、扩大、稳定、热烈、活泼、开放等。
冷色——阴影、透明、镇静的、稀薄的、淡的、远的、轻的、女性的、微
弱的、湿的、理智的、圆滑、曲线型、缩小、流动、冷静、文雅、保守等。
中性色：绿色和紫色是中性色。黄绿、浅蓝、蓝绿等色，使人联想到草、
树等植物，产生青春、生命、和平等感觉。紫、蓝紫等色使人联想到花卉、
水晶等稀贵物品，故易产生高贵、神秘感感觉。至于黄色，壹般被认为是
暖色，因为它使人联想起阳光、光明等，但也有人视它为中性色，当然，
同属黄色相，柠檬黄显然偏冷，而中黄则感觉偏暖。中性色
2、色彩的轻、重感这主要和色彩的明度有关。明度高的色彩使人联想到
蓝天、白云、彩霞及许多花卉仍有棉花，羊毛等。产生轻柔、飘浮、上升、
敏捷、灵活等感觉。明度低的色彩易使人联想钢铁，大理石等物品，产生
沉重、稳定、降落等感觉。
3、色彩的软、硬感其感觉主要也来自色彩的明度，但和纯度亦有壹定的
关系。明度越高感觉越软，明度越低则感觉越硬，但白色反而软感略改。
明度高、纯底低的色彩有软感，中纯度的色也呈柔感，因为它们易使人联
想起骆驼、狐狸、猫、狗等好多动物的皮毛，仍有毛呢，绒织物等。高纯
度和低纯度的色彩均呈硬感，如它们明度又低则硬感更明显。色相和色彩
的软、硬感几乎无关。
4、色彩的前、后感由各种不同波长的色彩于人眼视网膜上的成像有前后，
红、橙等光波长的色于后面成像，感觉比较迫近，蓝、紫等光波短的色则
于外侧成像，于同样距离内感觉就比较后退。实际上这是视错觉的壹种现
象，壹般暖色、纯色、高明度色、强烈对比色、大面积色、集中色等有前
进感觉，相反，冷色、浊色、低明度色、弱对比色、小面积色、分散色等
有后退感觉。
5、色彩的大、小感由于色彩有前后的感觉，因而暖色、高明度色等有扩
大、膨胀感，冷色、低明度色等有显小、收缩感。
6、色彩的华丽、质朴感色彩的三要素对华丽及质朴感均有影响，其中纯
度关系最大。明度高、纯度高的色彩，丰富、强对比色彩感觉华丽、辉煌。
明度低、纯度低的色彩，单纯、弱对比的色彩感觉质朴、古雅。但无化何
种色彩，如果带上光泽，均能获得华丽的效果。
三、色相心理分析
1、红色：红色是壹种引人注目的色彩。对人的感觉器官有强烈的刺激作
用，能增高血压，加速血液循环，对人的心理产生巨大鼓舞作用。这就使
红色有了积极、向上、活力等象征意义。如果红色中加入白色成为粉红色，
它意味着幸福、甜蜜、娇柔、爱情。如果红色加入黑色可成为暗红色，给
人以枯萎、烦恼、孤僻、憔悴、不合群的心理感受。如果红色中加入灰色，
成为红灰色，给人以烦闷、哀伤、忧郁、寂寞的心理感受。
2、橙色：橙色也是对视觉器官刺激比较强烈的色彩。既有红色的热情，
又有黄色的光明、活泼的性格，是人们普遍喜爱的色彩。如警戒的指定色，
海上的救生衣，马路上养路工人制服等常用此色。如果橙色中加入白色，
给人以细嫩、温馨、暖和、柔润、细心、轻巧、慈祥的心理感受。如果橙
色中加入黑色，给人以沉着、茶香、情深、悲观、拘谨的心理感受。如果
橙色中加入灰色给人以沙滩、故土、灰心的心理感受。
3、黄色：黄色是所有彩色中明度最高的色彩。给人以光明、自信、迅速、
活泼、注意、轻快的感觉，尤其于低明度色彩或其补色的存托下，十分醒
目。于中国传统用色中，黄色是权力的象征，是帝王皇族的专用色。如果
黄色中加入白色，给人以单薄、娇嫩、可爱、无诚意、温和、光荣和慈祥
的心理感受。如果黄色中加入黑色，给人以没希望、多变、贫穷、粗俗、
秘密的心理感受。如果黄色中加入灰色，给人以不健康、没精神、低贱、
肮脏、陈旧的心理感受。
4、绿色：绿色的视觉感受比较舒适，温和。绿色为植物的色彩，对生理
作用和心理作用均极为平静，刺激性不大。因此，，人对绿色均较喜欢，
绿色给人以宁静、休息、放松，使人精神不易疲劳。如果绿色中加入白色，
给人以爽快、清淡、宁静、舒畅、轻浮的心理感受。如果绿色中加入黑色，
给人以安稳、自私、沉默、刻苦的心理感受。如果绿色中加入灰色，给人
以湿气、倒霉、不信任、腐烂、发酵的心理感受。
5、蓝色：蓝色会使人想到海洋、天空，湛蓝而广阔。蓝色给人以冷静、
智慧、深远的感受。蓝色对视觉器官的刺激较弱，当人们见到蓝色时情绪
较安宁，尤其是当人们于心情烦躁、情绪不安时，面对蓝蓝的大海，仰望
蔚蓝旷远的天空，顿时心胸变得开阔起来，烦恼便会烟消云散。如果蓝色
中加入白色，会给人以清淡、聪明、伶俐、轻柔、高雅、和蔼的心理感受。
如果蓝色中加入黑色，给人以奥秘、沉重、幽深、悲观、孤僻、庄重的心
理感受。如果蓝色中加入灰色，给人以粗俗、可怜、压力、贫困、沮丧、
笨拙的心理感受。
6、紫色：紫色属于中性色彩，富有神秘感。紫色易引起心理上的忧郁和
不安，但又给人以高贵、庄严之感，是女性较喜欢的色彩。于我国传统用
色中，紫色是帝王的专用色，是较高权力的象征。如紫禁城（北京故宫）、
紫袭装（朝廷赐给和尚的僧衣）、紫诏（皇帝的诏书）等。紫色中加入白
色，给人以女性化、娇媚、清雅、美梦、含蓄、虚幻、羞涩、神秘的心理
感受。紫色中加入黑色，给人以虚伪、渴望、失去信心的心理感受。紫色
中加入灰色，给人以腐烂、厌倦、回忆、忏悔、衰老、矛盾、放弃、枯朽、
消极、虚弱的心理感受。
7、黑色：黑色是无彩色，是明度最低的颜色。因此给人留下了神秘、黑
暗、死亡、恐怖、庄严的意象。黑色能直接表现出壹种坚毅、力量和勇敢
的精神，也能把其他色彩反衬得鲜明、热情、富于动感。
8、白色：白色也是无彩色，是明度最高的颜色。由于白色为全色相，能
满足视觉的生理要求，和其他色彩混合能取得很好的效果。
9、灰色：灰色介于黑色和白色之间，是无彩色（无任何色彩倾向的灰）。
灰色是全色相，是没有纯度的中性色。注目性很低，人的视觉最适应见的
配色的总和为中性灰色。所以灰色很重要，但很少单独使用。灰色很顺从，
和其他色彩配合均可取得较好的视觉效果。
四、色彩的联想特征
1、红色联想
具象联想：红色信号灯、血液、火、太阳、花卉、红旗、西红柿等
抽象联想：热情、危险、革命、热烈、喜庆、温暖、活力、禁止、警告等
2、橙色联想
具象：柑橘、秋叶、晚霞、灯光、柿子、果汁、面包等
抽象：甜美、温情、华丽、鲜艳、成熟、喜悦、快乐、活泼等
3、黄色联想
具象：柠檬、菊花、香蕉、向日葵、油菜花、玉米等
抽象：信心、光明、希望、丰收、明快、豪华、高贵、爽朗等
4、绿色联想
具象：草地、树叶、植物、绿色信号灯、公园、军装、禾苗等
抽象：生命、和平、年轻、安全、平静、春天、成长、活力等
5、蓝色联想
具象：大海、天空、水、宇宙、远山、玻璃等
抽象：安宁、冷漠、平静、悠远、理智、沉重、悲伤等
6、紫色联想
具象：葡萄、茄子、丁香花、紫罗兰等
抽象：优雅、高贵、庄重、神秘、文静、权威、内向、浪漫等
7、黑色联想
具象：夜晚、墨、炭、煤等
抽象：严肃、刚健、死亡、恐怖、重量感、罪恶感、坚实、忧郁等
8、白色联想
具象：白云、白糖、面粉、雪、护士、婚纱等
抽象：天真、纯洁、明亮、光明、神圣、干净、真诚、纯真、清洁等
9、灰色联想
具象：树皮、乌云、水泥等
抽象：平凡、示意、谦逊、成熟、稳重等
五、网页色彩计划
1、主色、辅色和强调色的选取
2、网页背景色、多媒体元素色、文字颜色的选取和确定
第三节：网页元素设计
一、文字和排版
1、文字的选取：字体、字号、字重、字体颜色、美术字体等选取
2、文字间距、单词间距、行间距、段落间距的设置
二、图形元素
1、照片和插图
2、背景和底纹
3、站点标志
4、网页图标：如 ico图标
三、声音和视频
1、 gif动画
2、 flash动画
四、导航元素
1、导航位置：顶部导航、左侧导航、右侧导航、底部导航等
2、导航的表现形式：文本、图形、动画
五、表单控件
