网站策划与设计笔记cqhx.docx

《网站策划与设计笔记cqhx.docx》由会员分享，可在线阅读，更多相关《网站策划与设计笔记cqhx.docx（11页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、网站策划与设计笔记目 录第一章网站整体设计 第一节：明确站点的目标与需求 一、建站的目的与意图 二、为谁建站：（当然是为用户UCD设计模式的重要性） 三、定义站点的类型： 第二节：站点整体规划与设计 一、内容为王：站点的内容，是站点的内涵与价值所在 二、功能： 三、架构：即组织网站各个网页栏目的逻辑结构 四、界面：即具体的网页页面，网站效果图设计即界面设计 五、视觉：形象与风格 第三节：技术实现 一、设计草图与原型（雏形效果图） 二、页面需求描述： 三、页面效果图设计：一般设计23张效果图供客户选择 四、网站计划书撰写：第二章 网页设计原理 第一节：网页布局设计一、网页布局的原理二、网页构成的

2、形式美原理三、网页构成的形式法则（即网页设计的创意方法）四、网页构成的形态要素点、线、面 第二节：网页色彩设计一、色彩的常识1、色彩的三要素：色相、明度、纯度2、色彩的分类：分为原色、间色、复色、补色四类3、色彩的性质：4、色彩的调子：二、色彩心理感觉1、色彩的冷、暖感2、色彩的轻、重感 4、色彩的前、后感 5、色彩的大、小感6、色彩的华丽、质朴感三、色相心理分析四、色彩的联想特征五、网页色彩计划 1、主色、辅色与强调色的选取 2、网页背景色、多媒体元素色、文字颜色的选取与确定 第三节：网页元素设计一、文字与排版二、图形元素三、声音与视频四、导航元素五、表单控件第一章 网站整体设计 第一节：明

3、确站点的目标与需求 一、建站的目的与意图 1、为什么要建这个站？建这个站是为了什么？ 2、需求是设计的源头有需求才有设计，没有需求就没有设计 二、为谁建站：（当然是为用户UCD设计模式的重要性） 1、站点的用户是谁？ 2、谁会对所建的站点感兴趣？ 3、他们为什么要访问该站点？ 4、什么样的功能内容及风格对用户有吸引力？ 5、从哪些方面去研究用户？ 01 定义主要的目标用户 02 分析目标用户的特征，建立用户模型：（用户模型是对用户的年龄、职业、经济状况、性别、国家、教育背景、文化背景、生活方式、婚姻状况、生存状况、性格等特征进行有效的分析） 03 明确用户的真实需求三、定义站点的类型： 1、按

4、照网站主体性质划分：政府网站、企业网站、商业网站、教育科研机构网站、个人网站、其它非盈利机构网站。 2、按照网站功能划分：01、产品(服务)查询展示型网站:本类网站核心目的是推广产品(服务)，是企业的产品“展示框”。利用网络的多媒体技术，数据库存储查询技术，三维展示技术，配合有效的图片和文字说明，将企业的产品(服务)充分展现给新老客户，使客户能全方位的了解公司产品。与产品印刷资料相比，网站可以营造更加直观的氛围和产品的感染力，促使商家及消费者对产品产生采购欲望，从而促进企业销售。02、品牌宣传型网站:本类网站非常强调创意设计，但不同于一般的平面广告设计。网站利用多媒体交互技术，动态网页技术，配

5、合广告设计，将企业品牌在互联网上发挥得淋漓尽致。本类型网站着重展示企业CI、传播品牌文化、提高品牌知名度。对于产品品牌众多的企业，可以单独建立各个品牌的独立网站，以便市场营销策略与网站宣传统一。03、企业涉外商务网站:通过互联网对企业各种涉外工作，提供远程、及时、准确的服务，是本类网站的核心目标。本网站可实现渠道分销、终端客户销售、合作伙伴管理、网上采购、实时在线服务、物流管理、售后服务管理等，它将更进一步的优化企业现有的服务体系，实现公司对分公司、经销商、售后服务商、消费者的有效管理，加速企业的信息流、资金流、物流的运转效率，降低企业经营成本，为企业创造额外收益，降低企业经营成本。04、网上

6、购物型网站:通俗的说，就是实现网上买卖商品，购买的对象可以是企业(B2B)，也可以是消费者(B2C)。为了了确保采购成功，该类网站需要有产品管理、订购管理、订单管理、产品推荐、支付管理、收费管理、送发货管理、会员管理等基本系统功能。复杂的物品销售、网上购物型网站还需要建立积分管理系统、VIP管理系统、客户服务交流管理系统，商品销售分析系统以及与内部进销存(MIS，ERP)打交道的数据导入导出系统等。本类型网站可以开辟新的营销渠道，扩大市场，同时还可以接触最直接的消费者，获得第一手的产品市场反馈，有利于市场决策。05、企业门户综合信息网站:本类网站是所有各企业类型网站的综合，是企业面向新老客户、

7、业界人士及全社会的窗口，是目前最普遍的形式之一。该类网站将企业的日常涉外工作上网，其中包括营销、技术支持、售后服务、物料采购、社会公共关系处理等。该类网站函盖的工作类型多，信息量大，访问群体广，信息更新需要多个部门共同完成。企业综合门户信息网站有利于社会对企业的全面了解，但不利于突出特定的工作需要，也不利于展现重点。06、行业、协会信息门户/B2B交易服务型网站:本类网站是所有各企业类型网站的综合，是企业面向新老客户、业界人士及全社会的窗口，是目前最普遍的形式之一。该类网站将企业的日常涉外工作上网，其中包括营销、技术支持、售后服务、物料采购、社会公共关系处理等。该类网站函盖的工作类型多，信息量

8、大，访问群体广，信息更新需要多个部门共同完成。企业综合门户信息网站有利于社会对企业的全面了解，但不利于突出特定的工作需要，也不利于展现重点。07、沟通交流平台:本系统采用利用互联网，将分布在全国的生产、销售、服务和供应等环节联系在一起，改变过去利用电话、传真、信件等传统沟通方式。可以对不同部门、不同工作性质的用户建立无限多个的个性化网站;提供内部信息发布、管理、分类、共享等功能，汇总各种生产、销售、财务等数据;提供内部邮件、文件传递、语音、视频等多种通信交流手段。08、政府门户信息网站:利用政务网(或称政府专网)和内部办公网络而建立的内部门户信息网，是为了方便办公区域以外的相关部门(或上、下级

9、机构)，互通信息、统一数据处理、共享文件资料而建立的。主要包括如下功能：提供多数据源的接口，实现业务系统的数据整合;统一用户管理，提供方便有效的访问权限和管理权限体系;可以方便建立二级子网站和部门网站;实现复杂的信息发布管理流程。 第二节：站点整体规划与设计 一、内容为王：站点的内容，是站点的内涵与价值所在 1、站点内容的主要来源：01 编辑整理编撰02 原创03 转载04其他途径获取 二、功能：1、常见的网站功能模块：产品展示发布系统、会员管理系统、信息发布系统(新闻发布系统)、权限管理系统、论坛系统、资料下载系统、邮件管理系统、信息检索系统、在线招聘系统、留言板系统、网上商城系统、网上调查

10、系统、文件传输系统、访问统计系统、站点计数器、公告系统、购物车系统等2、客户需要的其他功能，根据客户的需求开发 三、架构：即组织网站各个网页栏目的逻辑结构 1、网站常见的架构：线性结构、层级结构、网状结构 四、界面：即具体的网页页面，网站效果图设计即界面设计 1、界面规划与设计的主要内容有哪些： 01 根据站点信息架构确定站点页面构成（换言之，就是统计整个网站要设计多少个有效的网页界面，及各个界面之间链接跳转的关系。） 02 明确每个页面的内容（即页面要放置哪些栏目）与功能，确定页面的元素与结构（即排版布局） 03 页面展示效果的实现（如幻灯片、滑动面板、动画等等） 2、网页界面的构成元素：

11、01 导航元素：各种菜单、链接 02 形象元素：如动画、展示图片等，不仅传递着特定的信息，而且对调节页面气氛、吸引受众也起着重大的作用。 03 功能元素：指用户与站点进行交互，以实现某种功能的元素，如为页面提供一个搜索框，登录框等。 04 内容元素：栏目列表信息、栏目的摘要信息等等文字信息内容 五、视觉：形象与风格 1、站点的设计风格： 01 信息主体型风格：以信息展示为主的，如新闻门户型网站 02 印象型主体风格：强调视觉的体验与效果，艺术性强 03 均衡型风格：前面两者兼备 第三节：技术实现一、 设计草图与原型（雏形效果图）二、 页面需求描述：即页面要摆放哪些栏目、需要哪些功能、应该有什么

12、样的 展示效果等。1、 页面描述的方式：01 线框型描述：即用图形表示出来02 文字描述：撰写文案，详细叙述页面的功能内容 三、页面效果图设计：一般设计23张效果图供客户选择 四、网站计划书撰写： 1、网站计划书的主要内容 01 建站的背景分析：相关行业背景分析、竞争对手分析、公司自身条件分析等。 02 站点目标分析：建站的目的与意图、目标用户分析、站点类型及需求分析。 03 内容与功能规划：根据站点目标和用户需求确定站点应包含的内容和功能、站点的栏目组成和功能架构。 04 界面设计方案：站点界面规划与组成，站点页面需求描述、站点的视觉形象设计方案。 05 站点技术方案：技术方案所要达到的目标

13、（如数据精度、流量指标、响应速度等），项目所采用的软、硬件技术（如确定屏幕尺寸、浏览器类型、服务器类型、数据库类型、操作系统等） 06 站点的进度计划、费用预算等 07 网站维护与更新方案 第二章 网页设计原理 第一节：网页布局设计一、 网页布局的原理1、 平衡与稳定：结构的对称，不失衡。2、 焦点与主次：分清楚焦点与主次，重点地方要强调突出，达到醒目的效果。3、 秩序与统一：4、 对比与变化：二、 网页构成的形式美原理1、 平衡：分为绝对平衡(即对称)与相对平衡01 对称的基本形式：反射、移动、回转、扩大 2、对比： 01 形象与形象之间的对比：大小、远近、方向、多少、曲直、虚实、明暗等对比

14、 02 形象与空间的对比：正负、疏密、面积等对比 03 色彩对比：指色彩的色相、明度、纯度、冷暖等对比 3、调和：分形象特征的调和、色彩调和、方向调和 4、节奏：指高低、强弱、长短、抑扬顿挫之美 5、变异：“万绿丛中一点红”、鹤立鸡群等 1、变异的形式：位置、形象、方向、大小、色彩等变异 6、数理比例美 三、网页构成的形式法则（即网页设计的创意方法） 1、重复与近似 2、分割与比例 3、渐变与发射 4、对比构成： 5、特异构成 6、空间构成（三维空间） 7、打散重构 8、肌理 四、网页构成的形态要素点、线、面 1：点：是造型的原生因素。 几何学概念所谈的点，仅表示位置.它没有大小面积表示。一条

15、线的开始与结束或者两条线相接之处点的感觉与位置联想。 点有各种各样的形状、有规则和非规则的越小的点、点的感觉愈强但显的柔弱、点涿渐增大时，则趋向于面的感觉，这时点起着重要的作用，或以几何形式出现或以具象行出现但无论作为细小特征的点应尽可能采用单纯简洁、强韧有力的形式。 当画面只有一个点时，常常容易成为视觉中心吸引人的视线，点从背影中越出，与画面周围空间发生作用。点居与画面中心位置时，与画面的空间关系显的很和谐；当点位居于画面边缘时就改变了画面的静态平衡关系，形成了紧张感而造成动势。如果画面有另一个点产生便形成两点之间的视觉张力，人的视线就会在两点之间来回流动、形成一种新的视觉关系，而使点与背景

16、的关系退居第二位。当两个点有大小区别时，视觉就会由大到小的点的流动，潜藏着明显的运动都趋势，具备了时间的因素。推而言之，画面中有三个点时，实现就在着三个点之间流动，令人产生三角形面的。众多点的聚散，引起能量和张力的多样化，这种复杂性常常给画面生动的情趣。 点的连续排列形成虚的线，其距离越近时，线的特性就愈显著。 点的间隔排列，具有井然有序的美感。如加上点的大小变化，就产生变化丰富的视觉效果 点依据水平或垂直方向排列，成为静的构成。相反，点沿着斜线，曲线，旋涡线排列，或者以自由方式排列，则形成动的构成 将点的大小渐变运动的排列。能形成有动感和深度感的构成。应用点的大小、多少、聚散、连接或不连接等

17、变化排列，形成有节奏、韵律感的构成。 通过点的均散排列，形成画面的肌理效果。2：线：是由点运动形成的，运动成为线的重要征。 两点之间最短距离的线便是直线。直线反映了运动最简洁的形态。直线类撕男性的阳刚品格：果断、明确、理性、坚定、具有速度和坚强感。方向不断改变的点的运动形成曲线。曲线类似女性的阴柔品格：柔和、丰满、优雅、感性、含蓄和富有节奏感。 曲线大致又可分为几何曲线和自由曲线两种形式。几何曲线规律性强，有圆、圆弧、抛物线等样式，有明确、清晰、易于制作和识别的特性。具有弹性和富于动感变化的自由曲线，则表达一种有机生命形态的形式。即兴的自由曲线展现了个性化的特征，其线条很难重复 线条增加其宽度

18、会倾向于面的特性，粗的线能增加力度和厚重感。细的线显得纤细、敏锐而柔弱，锯齿状的线因其强烈的刺激性而产生不舒服的感受，粗糙的线会令人产生受阻的苦涩 线的另一个特征他具有方向性。 线的运动方向基本归为垂直、水平、倾斜三种。 白色的行具有扩张感、黑色的行具有收缩感。 线通过集合排列形成面饿感觉，应用线的粗细的变化、长短变化、疏密变化的排列可以形成有空间深度和运动感的结合。 应用线的粗糙的变化排列或者间隔距离大小渐变排列能形成有规矩的渐层变化的空间感 线的中断应用，可以产生点的感觉 应用线的不同交叉方式或方向变动，就可以追求放射旋转具有强烈动势结构的图形。3：面 以几何行法则构成的图形简洁明快，具有

19、数理秩序与机械的冷感性格，体现一种理性的特征： 有机形表现着自然界有机体中存在的一种生气勃勃的旺盛生命力，是流动而有弹性的曲线构成的具有内在活力与温暖感的形式，它是由自然中外力与物体内应力相抗衡作用所形成的。 偶然形是应用特殊技法或材料，依偶然的效果而意外获得的天然成趣的形态，具有神奇的变幻魔力。是利用偶然因素提炼造型美的一种方式。偶然形是难以预料的形，他正好与几何形相反。是无法重复的不定形。 平放的三角形非常稳定，以一点支撑的三角形会产生极不安定的紧张感，但这又与形的大小有关，如果三角形以接近点的形象出现，他反而会带来画面的灵动感。由于三角形具有锐角性质我们常常改变其比例关系，形成更尖锐的三

20、角形，造成强烈紧张的方向感。 第二节：网页色彩设计一、 色彩的常识1、色彩的三要素：色相、明度、纯度01色相指的是色彩的相貌特征和相互区别。色相具体指的是红、橙、黄、绿、青、蓝、紫。色相主要体现事物的固有色 和冷暖感。02纯度，指的是色素的饱和程度。色彩的纯度体现事物的量感，纯度不同，即高纯度的色和低纯度的 色表现出事物的量感就不同。红、橙、黄、绿、青、蓝、紫七种颜色纯度是最高的。03明度，是指色彩的深与浅所显示出的程度。所有的颜色都有明与暗的层次差别。这层次就是“黑”、“ 白”、“灰”。在红、橙、黄、绿、青、蓝、紫七色中，最亮的明度最高的是黄色、橙、绿次之，红、 青再次之，最暗的是蓝色与紫色

21、。色彩明度变化即深浅的变化，就使得色彩有层次感，出现立体感的 效果。2、色彩的分类：分为原色、间色、复色、补色四类01三原色：在颜色中不能再分解的，并能调配其它色彩的色，如红、黄、蓝，也就是原色02间色：由两种原色调配混合而成的色，如红与黄配为橙色，黄与蓝配为绿色，蓝与红配为紫色。03复色：是由两种间色调制而成的色如橙配绿为橙绿色等等。04补色：是指原色中的一种再间色，或者和复色相配而现 出的色。 3、色彩的性质：色彩不同，其光波作用于人的视网膜使人产生的感受也不同，于是面对不同的颜色 人们就会产生冷暖、明暗、轻重、强弱、远近、胀缩等不同心理反应。01 色彩的冷与暖。绿、蓝、紫色相能给人以文静

22、、清凉近似于冷的感受，而红、橙、黄色相能给人以 热烈、温暖、兴奋近似于暖的感受。在冷色、暖色之间也有一种给人不太冷与不太热的中间色，如色相环上的黄绿、蓝绿色。冷暖色也 有层次关系，有的偏冷，如紫红、柠檬黄、蓝紫，有的偏暖，如桔红、桔黄、蓝绿则偏暖。冷暖关系在 色相相互比较中产生的。 02 色彩的轻与重。轻和重的色彩感是由色相的饱合度的高和低在视觉上产生的一种效果。凡是感觉重 的色都是色相饱和度高的色，饱合度低则感觉就轻。色彩的色相因纯度（饱和度）值不同，其轻重的量 感也就不一样。如把白色的心理感觉重量定为100克计，黑色是187克、黄色是113克、绿色是133克、兰 色是152克、紫色是155

23、克、灰色是155克、红色是158克。03 色彩的远与近。远和近的色彩感是由于色彩的冷暖关系作用于人们的视觉感受而产生的。一般冷色给人以远的感觉。在自然界蓝色的群山就给人远的感觉；暖色则给人以近感。04 色彩中的冷和暖、轻和重、远与近、胀与缩，以及色彩的明与暗、强与弱，既说明色彩的性质，而冷与暖等等也是人们心理和视觉情绪上的反映，是一种感觉对比。这种色彩的对比有强烈的视觉效果， 极富有宣传性。4、色彩的调子：色彩的调子能激起人们心理活动并引起快感与产生美感。 01红色调它给人热情、欢乐之感。人们用它来表现火热、生命、活力与危险等信息。 02蓝色调给人冷静、宽广之感。人们用它来表现未来、高科技、思

24、维等信息。 03黄色调给人温暖、轻快之感。人们用来表现光明、希望、轻快、注意等信息。 04绿色调它给人清新、平和之感。人们用来表现生长、生命、安全等信息。 05橙色调它给人兴奋、成熟之感。是很受人们欢迎的颜色。 06紫色调它给人幽雅、高贵之感。人们用来表现悠久、深奥、理智、高贵、冷漠等信息。 07黑色调给人高贵、时尚之感。人们用来表示重量、坚硬、男性、工业等信息。二、 色彩心理感觉1、色彩的冷、暖感 色彩本身并无冷暖的温度差别，是视觉色彩引起人们对冷暖感觉的心理联想。暖色：人们见到红、红橙、橙、黄橙、红紫等颜色后，暖色就联想到太阳、火焰、热血等物像，产生温暖、热烈、危险等感觉，使人产生冲动情绪

25、。冷色：见到蓝、蓝紫、蓝绿等色后，则容易联想到太空、冰雪、海洋等物像，就会产生寒冷、理智、平静等感觉。 色彩的冷暖感觉，不仅表现在固定的色相上，而且在比较中还会显示其相对的倾向性。如同样表现天空的霞光，用玫红画早霞那种清新而偏冷的色彩，感觉很恰当，而描绘晚霞则需要暖感强的大红了。但如与橙色对比，前面两色又都加强了寒感倾向。人们往往用不同的词汇表述色彩的冷暖感觉，冷色暖色阳光、不透明、刺激的、稠密、深的、近的、重的男性的、强性的、干的、感情的、方角的、直线型、扩大、稳定、热烈、活泼、开放等。冷色阴影、透明、镇静的、稀薄的、淡的、远的、轻的、女性的、微弱的、湿的、理智的、圆滑、曲线型、缩小、流动、

26、冷静、文雅、保守等。 中性色：绿色和紫色是中性色。黄绿、浅蓝、蓝绿等色，使人联想到草、树等植物，产生青春、生命、和平等感觉。紫、蓝紫等色使人联想到花卉、水晶等稀贵物品，故易产生高贵、神秘感感觉。至于黄色，一般被认为是暖色，因为它使人联想起阳光、光明等，但也有人视它为中性色，当然，同属黄色相，柠檬黄显然偏冷，而中黄则感觉偏暖。中性色2、色彩的轻、重感 这主要与色彩的明度有关。明度高的色彩使人联想到蓝天、白云、彩霞及许多花卉还有棉花，羊毛等。产生轻柔、飘浮、上升、敏捷、灵活等感觉。明度低的色彩易使人联想钢铁，大理石等物品，产生沉重、稳定、降落等感觉。 3、色彩的软、硬感 其感觉主要也来自色彩的明度

27、，但与纯度亦有一定的关系。明度越高感觉越软，明度越低则感觉越硬，但白色反而软感略改。明度高、纯底低的色彩有软感，中纯度的色也呈柔感，因为它们易使人联想起骆驼、狐狸、猫、狗等好多动物的皮毛，还有毛呢，绒织物等。高纯度和低纯度的色彩都呈硬感，如它们明度又低则硬感更明显。色相与色彩的软、硬感几乎无关。 4、色彩的前、后感 由各种不同波长的色彩在人眼视网膜上的成像有前后，红、橙等光波长的色在后面成像，感觉比较迫近，蓝、紫等光波短的色则在外侧成像，在同样距离内感觉就比较后退。 实际上这是视错觉的一种现象，一般暖色、纯色、高明度色、强烈对比色、大面积色、集中色等有前进感觉，相反，冷色、浊色、低明度色、弱对

28、比色、小面积色、分散色等有后退感觉。 5、色彩的大、小感 由于色彩有前后的感觉，因而暖色、高明度色等有扩大、膨胀感，冷色、低明度色等有显小、收缩感。 6、色彩的华丽、质朴感 色彩的三要素对华丽及质朴感都有影响，其中纯度关系最大。明度高、纯度高的色彩，丰富、强对比 色彩感觉华丽、辉煌。明度低、纯度低的色彩，单纯、弱对比的色彩感觉质朴、古雅。但无化何种色彩，如果带上光泽，都能获得华丽的效果。 三、色相心理分析1、红色：红色是一种引人注目的色彩。对人的感觉器官有强烈的刺激作用，能增高血压，加速血液循环，对人的心理产生巨大鼓舞作用。这就使红色有了积极、向上、活力等象征意义。如果红色中加入白色成为粉红色

29、，它意味着幸福、甜蜜、娇柔、爱情。如果红色加入黑色可成为暗红色，给人以枯萎、烦恼、孤僻、憔悴、不合群的心理感受。如果红色中加入灰色，成为红灰色，给人以烦闷、哀伤、忧郁、寂寞的心理感受。2、橙色：橙色也是对视觉器官刺激比较强烈的色彩。既有红色的热情，又有黄色的光明、活泼的性格，是人们普遍喜爱的色彩。如警戒的指定色，海上的救生衣，马路上养路工人制服等常用此色。如果橙色中加入白色，给人以细嫩、温馨、暖和、柔润、细心、轻巧、慈祥的心理感受。如果橙色中加入黑色，给人以沉着、茶香、情深、悲观、拘谨的心理感受。如果橙色中加入灰色给人以沙滩、故土、灰心的心理感受。3、黄色：黄色是所有彩色中明度最高的色彩。给人

30、以光明、自信、迅速、活泼、注意、轻快的感觉，尤其在低明度色彩或其补色的存托下，十分醒目。在中国传统用色中，黄色是权力的象征，是帝王皇族的专用色。如果黄色中加入白色，给人以单薄、娇嫩、可爱、无诚意、温和、光荣和慈祥的心理感受。如果黄色中加入黑色，给人以没希望、多变、贫穷、粗俗、秘密的心理感受。如果黄色中加入灰色，给人以不健康、没精神、低贱、肮脏、陈旧的心理感受。4、绿色：绿色的视觉感受比较舒适，温和。绿色为植物的色彩，对生理作用和心理作用都极为平静，刺激性不大。因此，人对绿色都较喜欢，绿色给人以宁静、休息、放松，使人精神不易疲劳。如果绿色中加入白色，给人以爽快、清淡、宁静、舒畅、轻浮的心理感受。

31、如果绿色中加入黑色，给人以安稳、自私、沉默、刻苦的心理感受。如果绿色中加入灰色，给人以湿气、倒霉、不信任、腐烂、发酵的心理感受。5、蓝色：蓝色会使人想到海洋、天空，湛蓝而广阔。蓝色给人以冷静、智慧、深远的感受。蓝色对视觉器官的刺激较弱，当人们看到蓝色时情绪较安宁，尤其是当人们在心情烦躁、情绪不安时，面对蓝蓝的大海，仰望蔚蓝旷远的天空，顿时心胸变得开阔起来，烦恼便会烟消云散。如果蓝色中加入白色，会给人以清淡、聪明、伶俐、轻柔、高雅、和蔼的心理感受。如果蓝色中加入黑色，给人以奥秘、沉重、幽深、悲观、孤僻、庄重的心理感受。如果蓝色中加入灰色，给人以粗俗、可怜、压力、贫困、沮丧、笨拙的心理感受。6、紫

32、色：紫色属于中性色彩，富有神秘感。紫色易引起心理上的忧郁和不安，但又给人以高贵、庄严之感，是女性较喜欢的色彩。在我国传统用色中，紫色是帝王的专用色，是较高权力的象征。如紫禁城（北京故宫）、紫袭装（朝廷赐给和尚的僧衣）、紫诏（皇帝的诏书）等。紫色中加入白色，给人以女性化、娇媚、清雅、美梦、含蓄、虚幻、羞涩、神秘的心理感受。紫色中加入黑色，给人以虚伪、渴望、失去信心的心理感受。紫色中加入灰色，给人以腐烂、厌倦、回忆、忏悔、衰老、矛盾、放弃、枯朽、消极、虚弱的心理感受。7、黑色：黑色是无彩色，是明度最低的颜色。因此给人留下了神秘、黑暗、死亡、恐怖、庄严的意象。黑色能直接表现出一种坚毅、力量和勇敢的精

33、神，也能把其他色彩反衬得鲜明、热情、富于动感。8、白色：白色也是无彩色，是明度最高的颜色。由于白色为全色相，能满足视觉的生理要求，与其他色彩混合能取得很好的效果。9、灰色：灰色介于黑色和白色之间，是无彩色（无任何色彩倾向的灰）。灰色是全色相，是没有纯度的中性色。注目性很低，人的视觉最适应看的配色的总和为中性灰色。所以灰色很重要，但很少单独使用。灰色很顺从，与其他色彩配合均可取得较好的视觉效果。 四、色彩的联想特征 1、红色联想具象联想：红色信号灯、血液、火、太阳、花卉、红旗、西红柿等抽象联想：热情、危险、革命、热烈、喜庆、温暖、活力、禁止、警告等2、橙色联想具象：柑橘、秋叶、晚霞、灯光、柿子、

34、果汁、面包等抽象：甜美、温情、华丽、鲜艳、成熟、喜悦、快乐、活泼等3、黄色联想具象：柠檬、菊花、香蕉、向日葵、油菜花、玉米等抽象：信心、光明、希望、丰收、明快、豪华、高贵、爽朗等4、绿色联想具象：草地、树叶、植物、绿色信号灯、公园、军装、禾苗等抽象：生命、和平、年轻、安全、平静、春天、成长、活力等5、蓝色联想具象：大海、天空、水、宇宙、远山、玻璃等抽象：安宁、冷漠、平静、悠远、理智、沉重、悲伤等6、紫色联想具象：葡萄、茄子、丁香花、紫罗兰等抽象：优雅、高贵、庄重、神秘、文静、权威、内向、浪漫等7、黑色联想具象：夜晚、墨、炭、煤等抽象：严肃、刚健、死亡、恐怖、重量感、罪恶感、坚实、忧郁等8、白色

35、联想具象：白云、白糖、面粉、雪、护士、婚纱等抽象：天真、纯洁、明亮、光明、神圣、干净、真诚、纯真、清洁等9、灰色联想具象：树皮、乌云、水泥等抽象：平凡、示意、谦逊、成熟、稳重等 五、网页色彩计划 1、主色、辅色与强调色的选取 2、网页背景色、多媒体元素色、文字颜色的选取与确定 第三节：网页元素设计一、 文字与排版1、 文字的选取：字体、字号、字重、字体颜色、美术字体等选取2、 文字间距、单词间距、行间距、段落间距的设置二、 图形元素1、 照片与插图2、 背景与底纹3、 站点标志4、 网页图标：如ico图标三、 声音与视频1、 gif动画2、 flash动画 四、 导航元素1、 导航位置：顶部导航、左侧导航、右侧导航、底部导航等2、 导航的表现形式：文本、图形、动画 五、表单控件