第6章美学基础.pptVIP

* 第 6 章 美学基础 6.1 什么是美学 6.1.1 美学的作用 6.1.2 美学的表现手段 6.2 如何构图 6.2.1 构图种类及其规则 6.2.2 界面设计 6.2.3 网页界面设计 6.3 如何使用色彩 6.3.1 色彩构成概念 6.3.2 三原色 6.3.3 色彩三要素 6.3.4 颜色的关系 6.3.5 颜色搭配要点 6.3.6 色彩的象征意义 6.4 如何运用美学 6.4.1 图像美学 6.4.2 动画美学 6.4.3 声音美学 6.1 什么是美学 ● 美学是由多种元素共同构成的一项系统工程，通过绘画、色彩和版面 展现自然美感。 美学的目的 美学设计三要素 ● 产生良好的视觉效应 6.1.1 美学的作用 美学应用程度 产品价值 ● 内容表达形象化 ● 提升产品的价值 6.1.2 美学的表现手段 手工绘制、电脑绘制 ● 绘画 颜色的含义、配色 ● 色彩构成 版面布局、视觉焦点 ● 版面构成 ● 美学设计三要素 6.2 如何构图 6.2.1 ● 突出艺术性的构图 ■ 艺术性 —— 追求感觉、时尚与个性 ■ 装饰性 —— 追求效果、夸张、比喻 构图种类及其规则 ● 突出装饰性的构图 ● ■ 整体性 —— 追求表现形式和内容的整体性 ■ 协调性 —— 强调版式、内容的协调统一 整体性与协调性 ● 突出整体性的构图 ● 突出协调性的构图 ■ 主体占据一个局部，形同一个点。 目的——利用局部效果集中注意力，增加视觉感受。 点的构图规则 ● ■ 使用直线、曲线等线段进行分隔、类型划分，甚至是纯粹装饰。 目的——增加版面的多样性、突出思想性以及张显鲜明的个性。 线的构图规则 ● ■ 占据大空间，版面丰富、充实，浑然一体，视觉效果强烈。 面的使用有两种形式：一种是几何形式，一种是自由形式。 面的构图规则 ● 几何图形错落有致摆放， 形成纵深感、多层次感 自由形式根据设计者的意图，突出整体效果。 ■ 把多个形态一致或相近的对象在画面上进行规则排列。 目的——产生整齐划一、规则的效果。 突出重复性 ● ■ 当多个对象排列时，为了寻求变化，避免呆板格局，采用交错排列。 目的——使版面错落有致，形成视觉上的变化和新意。 突出交错性 ● ■ 对称是同等、同量对象的平衡，至少有两个尺寸相同的对象。 目的—— 产生平衡、整齐的效果。 突出对称性 ● 半对称 全对称 上下对称 ■ 版面布局匀称、重心稳定，可产生动中有静、静中有动的意境。 目的——造成稳定、庄重、宁静的感觉。 突出均衡性 ● ■ 强调两个对象或更多对象之间的差异，如尺寸的大小、明与暗、 颜色的对比、直线和曲线、动与静等。 目的——醒目、有棱角，使观赏者受到震撼。 突出对比性 ● ■ 强调两个或更多对象之间的近似性和共性，主要体现在形状、 色彩、风格等方面。 目的——产生舒适、安定、统一的视觉效果。 突出调和性 ● 6.2.2 界面设计 ● 界面特点——文字多，字号小，菜单详尽 ● 自学型界面设计 ● 未经过设计的一般界面 ● 应用构图规则设计的界面 ● 采用直线分割画面的功能区，形成交错构图的格局。 ● 图片、文字的排列要符合阅读习惯。背景、图片的色彩不可过于艳丽。 ● 示教型界面设计 ● 界面特点——图片多，字号大，菜单精炼 ● 未经过设计的一般界面 ● 应用构图规则设计的界面 ● 减小控制按钮或菜单占据的空间，增大演示窗口的尺寸。 ● 采用悬挂菜单 (只有单击鼠标右键才显示) 取代原始的菜单结构。 ● 一般形式 (1) 标题 (2) 图标 (3) 动画 (4) 内容 (5) 图片 网页界面设计 ● 经过设计 (1) 引入线、面构图概念 (2) 图像、动画尺寸适度 (3) 色彩明亮、柔和， 避免使用互补色 (4) 符合阅读习惯 6.2.3 6.3.1 6.3 如何使用色彩 色彩构成 为了某种目的，把两个或两个以上的色彩按照一定的原则进行组合 和搭配，形成新的色彩关系。 ■ RYB 色料彩色 Red Yellow Blue 6.3.2 三原色 ■ RGB 电脑彩色 Red Blue Green 0 ~ 255 灰阶 0 ~ 255 灰阶 0 ~ 255 灰阶 色彩三要素 6.3.3 明度 色相 纯度 色彩的明暗程度 明度对纯度产生 不可忽视的影响 颜色的相貌 只和颜色的波长有 关。明度和纯度变 化时，波长不变。 色彩的饱和程度 黑、白、灰没有纯度