0301Web平面设计颜色基础理论.ppt

各类网站的色彩应用 (05-05) 各类网站的色彩应用 (06-01) 美国前100大网站的Logo，主要使用12种颜色。其中，采用蓝色的网站最多，红色排在第二种，黄色排在第三种。 各类网站的色彩应用 (06-02) 各类网站的色彩应用 (06-03) 常见配色工具使用 在设计中，我们不仅仅要学习基本的色彩知识，以及色彩的分析使用技巧。我们还需要掌握一些常见的调色工具，来辅助我们完成设计中的配色工具。 非常牛的调色工具有两个： ColorImpact ColorSchemer 如何成为一个色彩达人 深入学习色彩的知识，储备色彩的理论。 经常去逛一些设计类、欣赏类的网站，记录色彩的灵感。 建立自己的色彩库，储备色彩资源： 收集有色彩感觉的图片、网页截图等 使用调色工具进行色彩分析，找到色彩方案 将图片、对应的色彩方案、描述进行合理的存储，以方便以后进行查找 有理论、有灵感、有资源，是成为色彩达人的告诉公路 理论实践作业 安装ColorImpact、ColorSchemer，不熟悉其使用方法，制定自己的颜色库规划，尝试收集几个颜色资源。 阅读《色彩是门学问—网页色彩大攻略.doc 》进一步学习网页中色彩的运用 构思自己要设计的网站的主题，根据本课知识确定其主色调、辅色调、点睛色等。 成功 骄傲 痛苦 挣扎 色彩的情感联想—色彩基本知识 (04) 古典 现代 宁静 热烈 色彩的情感联想—色彩基本知识 (05) 古典 现代 奔放 压抑 色彩的情感联想—色彩基本知识 (06) 传统 现代 华丽 质朴 色彩的情感联想—色彩基本知识 (07) 素雅 神秘 古朴 华丽 色彩的情感联想—色彩基本知识 (08) 酸 甜 苦 辣 色彩的情感联想—色彩基本知识 (09) 轻 重 软 硬 色彩的情感联想—色彩基本知识 (10) 色彩搭配：十种基本的配色设计 (01) 无色设计(achromatic) 类比设计(analogous) 冲突设计(clash) 互补设计(complement) 单色设计(monochromatic) 中性设计(neutral) 分裂补色设计(splitcomplement) 原色设计(primary) 二次色设计(secondary) 三次色三色设计(tertiary) 色彩搭配：十种基本的配色设计 (02) 色彩搭配：十种基本的配色设计 (03) 色彩搭配：十种基本的配色设计 (04) 网页中色彩的分析 (01) 网页中关于色彩的几个名词： 主色调：网页内容主体部分的主要颜色。一般可以根据需求及色彩象征意义确定。 辅助色：网页内容主体部分的次要颜色。一般可以在主色调的同一色系中选择，同类色、相邻色 点睛色：网页内容主体部分中突出的颜色。一般可以为主色调的对比色或互补色。 背景色：网页主体外的背景颜色，一般要求能衬托出其他颜色 返回 返回 返回 返回 返回 各类网站的色彩应用 (01) 网站的类型很多，按照分类，其各自的目的和侧重点不同，对用户的情感诉求心理也会不同。下面主要从网站的类型层面上来简单探讨色彩在网页上的应用： 各类网站的色彩应用 (02-01) 门户类：其主要需求是如何方便用户在堆砌的信息中有效、快速进行目标选择，而页面色彩可倾向于清爽，简洁。 腾讯网，雅虎，网易等门户采用清爽简洁的浅色调来降低信息快速获取时的视觉干扰。同性质的同类网站主要是沿用自己公司主色系或logo来做区分，便于用户对品牌的识别。 各类网站的色彩应用 (02-02) 各类网站的色彩应用 (03-01) 产品类：主要目的需求展示产品的特性，促进浏览者消费欲望，页面色彩可根据具体产品定位做多样化设计。 细化产品具体定位，如apple，韩国手机iriver高科技电子产品，其简洁灰白色调给网站带来科技感和现代感。 各类网站的色彩应用 (03-02) 各类网站的色彩应用 (03-03) 各类网站的色彩应用 (04-01) 社区类：其需求是操作简单易用，长时间使用的舒适度，页面色彩也倾向清爽，简洁。 主要以分享、交流信息为主的社区网，有如上面门户网信息获取性质，所以配色上比较简洁清爽。但各社区网又各自有自己的核心目标用户群，所以在配色方面带有各自的特点。如校友核心用户是在校学生，页面顶端上的banner运用活泼的绿色调来渲染青春朝气的氛围 各类网站的色彩应用 (04-01) 各类网站的色彩应用 (05) 公司、企业类：展示企业形象，加深提高品牌印象，可应用logo的主色系设计，达到品牌统一。 各类网站的色彩应用 (05-01) 电子商务类：其目的在满足方便快捷地查看商品和进行交易，同时运暖色调渲染气氛，让用户感受到网站整体的活跃氛围和愉悦感。 各类网站的色彩应用 (05-02) 各类网站的色彩应用