第5章 色彩及构图 课件(共103张PPT)- 《多媒体技术与应用》同步教学(清华大学版)

资源下载
  1. 二一教育资源

第5章 色彩及构图 课件(共103张PPT)- 《多媒体技术与应用》同步教学(清华大学版)

资源简介

(共103张PPT)
第5章 色彩及构图
色彩三要素
不论任何色彩,皆具备三个基本的重要性质: 色名, 明度, 彩度, 一般称为色彩三要素或色彩三属性。
色彩三要素
色相(色名):
 色名(Hue, 简称为H; 或译为色相) 即是区分色彩的名称, 也就是色彩的名子
就如同人的姓名一般, 用来辨别不同的人。赤、橙、黄、绿、青、蓝、紫等等
色彩三要素
明度(Value)
明度(Value, 简称V) 光线强时, 感觉比较亮, 光线弱时感觉比较暗, 色彩的明暗强度就是所谓的明度, 明度高是指色彩较明亮, 而相对的明度低, 就是色彩较灰暗。
色彩三要素
彩度
 是指色彩的纯度(鲜艳度或纯净度), 通常以某彩色的的同色名纯色所占的比例, 来分辨彩度的高低。
純色彩度最高,混色(不论白、灰、黑或有彩色)越多越降低其彩度
色轮简介
色轮概念:
将可见光区域已圆环的形式表示出来。
色轮表现了颜色之间的关系,认识色轮对把握颜色之间的平衡关系和校正颜色非常重要
色轮简介
色轮种类:
颜料三基色色轮:由R(红)、Y(黄)、B(兰)作为基色。多用于印刷、打印等需要颜料完成上色的场合
光三基色色轮:由R(红)、G(绿)、B(兰)作为基色。用于研究发光类介质产生的颜色,如:日光、显示器、投影等。
色轮简介
12色颜料三基色色轮组成:
色轮简介
二次色所处的位置是位于两种三原色一半的地方(见图)。每一种二次色都是由离它最近的两种原色等量调合而成的颜色。
色轮简介
三次色是由相邻的两种二次色调合而成 。
色轮简介
经过这种二、三次颜色混合,最后形成12色轮
色轮简介
共同的颜色
色轮中每一种颜色都拥有部分相邻的颜色,如此循环成一个色环。
图中七种颜色中,都共同拥有蓝色。越远的颜色(如草绿色)含有的蓝色就越少。绿色及紫色这两种二次色都含有蓝色
色轮简介
共同的颜色
图中七种颜色中,都拥有黄色。同样的,离得越远的颜色,拥有的黄色就越少。绿色及橙色这两种二次色都含有黄色。
色轮简介
共同的颜色
图中七种颜色中,都拥有红色。向两边散开时,红色就含得越少。橙色及紫色这两种二次色都含有红色 。
色轮简介
颜色明度之分
也称为不同明度值。为了显示颜色的明暗,所以色轮有多个环。两个外围的大环是暗色( Shadow colors ),里面两个小环是明色 (tint colors) 。
色轮简介
颜色明度之分
图中有五个同心环组成,从暗到亮——暗色处于大环,明色处于小环,而中间是颜色的基本色相
色轮简介
颜色明度之分
处于右边的暗色就是加上黑色,而左边的明色则是加上白色。五个圆环已经清楚表示了颜色如何由暗到亮的过程。
色轮简介
颜色关系及搭配
每一种颜色关系都可以有无数种搭配的可能,当掌握它们时,对颜色的视野才会显得开阔。下面列出最长见的六种基本的颜色关系
色轮简介
单色搭配( Monochromatic )
一种色相由暗、中、明三种色调组成。这就是单色。
单色搭配上并没有形成颜色的层次,但形成了明暗的层次。
色轮简介
类比色搭配( Analogous )
相邻的颜色我们称为类比色。类比色都拥有共同的颜色(在上图中,是黄色及红色)。这种颜色搭配产生了一种令人悦目、低对比度的和谐美感。
色轮简介
补色搭配( Complement )
在色轮上直线相对的两种颜色称为补色,在上图中,是橙色及蓝色。补色形成强列的对比效果,传达出活力、能量、兴奋等意义。
色轮简介
分裂色搭配( Complement )
同时用补色及类比色的方法来确定的颜色关系,就称为分裂补色。这种颜色搭配既具有类比色的低对比度的美感,又具有补色的力量感。形成了一种既和谐又有重点的颜色关系。 。
色轮简介
原色搭配( Primary ) 三原色同时使用比较少见。但是,红黄搭配非常多。另外,蓝红搭配也很常见,但只有当两者的区域是分离时,才会显得吸引人,如果是紧邻在一起,则会产生冲突感。
色轮简介
二次色搭配 (Secondary) 二次色之间都拥有一种共同的颜色——其中两种共同拥有蓝色,两种共同拥有黄色,两种共同拥有红色——所以它们轻易能够形成协调的搭配。
色轮简介
测试 这四个封面中,都各自运用了上面所述的其中一种颜色搭配。请说出它们是运用了哪一种颜色搭配?(提示:眼睛只集中在一些大区域的颜色,不要理会细微的颜色区域。也不用理会黑白两种颜色)
色轮简介
答案 A:单色搭配
B :补色搭配
C:三原色搭配
D:类比色搭配
颜色的关系
在俩个原色之间过渡,使两个颜色之反响增减的过程,一个颜色值越来越高,另一个颜色值越来越低。
色彩对比
在黑色下的红色显得更家绚丽和醒目
在白色背景下就稍微有些缓和
在橙色下红色则显得很沉闷
在蓝绿背景下则表现出了它的光辉
色名对比
在红色上的橙色会有偏黄的感觉



色彩对比
色名对比
  当对比的两色, 具有相同的彩度和明度时, 对比的效果越明显, 两色越接近补色, 对比效果越强烈。


色彩对比
明度对比
将相同的色彩,放在黑色和白色上,比较色彩的感觉
黑色上的色彩感觉比较亮
放在白色上的色彩感觉比较暗
明暗的对比效果非常强烈明显
对配色结果产生的影响,明度差异很大的对比, 会让人有不安的感觉。






色彩对比
色彩对比
纯度对比
   色彩和另一彩度较高的色彩并列时,会觉得本身彩度变低,而和另一个彩度较低的色彩时,会觉得彩度变高,这种现象称为彩度对比。



彩度对比
  色彩和另一彩度较高的色彩并列时,会觉得本身彩度变低,而和另一个彩度较低的色彩时,会觉得彩度变高,这种现象称为彩度对比。









色彩对比
补色对比
   两个互为补色的色彩在一起时,会产生明显的效果,使色彩彼此色感更强,我们称之为补色对比。









色彩对比
面积对比
 将两个色彩强弱不同的色彩放在一起,若要得到对比均衡的效果,必须以不同的面积大小来调整,弱色占大面积,强色占小面积,而色彩的强弱是以其明度和彩度来判断,这种现象称为面积对比。
色彩对比
色彩象征意义
色彩能反映人的感情
在长期的生产和生活实践中,色彩被赋予了感情,成为代表某种事物和思想情绪的象征
不同的色彩能给人以心理上的不同影响,能激发人们情感。在心理上情绪上产生共鸣
平面设计时要研究色彩与人心理的关系,发挥色彩的作用。
红色象征喜悦
黄色象征高贵
绿色象征生命
蓝色象征宁静
白色像征坦率
黑色象征恐怖
色彩象征意义
懂得色彩与感情的联系,才能有目的的运用色彩,
进一步表达好作品的主题。
色彩象征意义
红色:热烈、喜庆、温暖、奋进、热情。
色彩象征意义
绿色:生机、和平、凉爽、平静、希望。
色彩象征意义
蓝色:广阔、清新、冷清、宁静、静寂。
色彩象征意义
紫色:深沉、神密、寒冷。
色彩象征意义
白色:高洁、素雅。
色彩象征意义
黑色:神密、悲哀、稳重。
心理测试:
在你心目中他(朋友或亲密的人)
是什么颜色的。
1太阳红 2鹅黄 3森林绿 4海蓝 5深绿
6水晶紫 7桔子橙 8婴儿蓝 9荧光绿 10天使白
纯属娱乐~如有雷同,纯属巧合!
1依赖的人
2值得嫁的人
3知己
4厌恶的人
5深爱的人
6好朋友
7注定在一起的人
8依赖你的人
9感觉变态的人
10珍惜的人
平面设计常用表现手法
平面设计的概念:
平面设计是将不同的基本图形,按照一定的规则在平面上组合成图案的。主要在二度空间范围之内以轮廓线划分图与地之间的界限,描绘形象。而平面设计所表现的立体空间感,并非实在的三度空间,而仅仅是图形对人的视觉引导作用形成的幻觉空间。
平面设计常用表现手法
平面设计构成方法 :
点、线、面的构成: 在设计时利用点、线、面这些基本构图元素,再根据一定的构成原则排列、组合、便可得到最好的构成效果。
面效果
线效果
点效果
点效果欣赏
平面设计常用表现手法
线效果欣赏
面效果欣赏
平面设计常用表现手法
渐变效果欣赏
平面设计常用表现手法
重复效果欣赏
平面设计常用表现手法
近似效果欣赏
平面设计常用表现手法
发射效果欣赏
平面设计常用表现手法
特异效果欣赏
平面设计常用表现手法
对比效果欣赏
平面设计常用表现手法
密集效果欣赏
平面设计常用表现手法
空间效果欣赏
平面设计常用表现手法
图与底效果欣赏
平面设计常用表现手法
打散效果欣赏
平面设计常用表现手法
分割效果欣赏
平面设计常用表现手法
平衡效果欣赏
平面设计常用表现手法
艺术之美
美学就是人类思索美的理论体系
—是关于人的审美价值的人文学科
罗丹的思想者承担着人类
的痛苦和矛盾,而这矛盾和痛苦却
让他闪烁着人的美和人生的魅力
芒 鞋 踏 遍 陇 头 云
---人类关于美的探索
美是什么
美是难的
苏格拉底 : 美与善相统一
孔 子 : 以仁为美
羊 人 为 美
羊 大 为 美
美永远属于热爱生活、热爱自由的人们
人是世界的美
美在客观形式
—技术美学(薄雾法)
是谁博得你会心地微笑
可否知道
瞬间的停滞已变成了千古的谜语
是否应感谢画家
是他
使蒙娜丽萨变成了永恒的代称
在自然中一般人所谓的丑,在艺术中能变成非常美.
在丑女欧米哀尔的面前,现实中的许多美女会黯然失色.
美在现象之后的更高本质
—美不在现象
心灵的沉醉与神往
美感形成是整个世界史的产物
美学的目的是感性认识自身的完善,人们称之为美.
―美学之父鲍姆加登
生命之树常青
—社会美
艺术家“畅神”的审美观显示了美感走向了更深入的、更纯粹的世界
人通过直觉获得的美感
此中有真意,
欲辩已忘言.
山气日夕佳,飞鸟相与还.
美是一种永恒的愉快
无功利的愉悦合乎人的目的
世界不给他欢乐,他却创造了欢乐来给予世界,他用他的苦难来铸成欢乐
—罗曼 罗兰
审美愉悦不仅仅是和谐感,也有不和谐感.
残缺之美、内心的宁静与和谐
宁 静 之 美
痛苦升华人的精神
悲剧之美
人类的伟大来自思想
人类的全部高尚集于思想
——帕斯卡尔
崇高之美
走向自由理想的精神通道
—美感的超越功利性
美的金苹果是诱人的
幻燈片展示–
Christo的包裝物品:1979-2005
YORK CITY
Christo and Jeanne-Claude The Gates, Central Park, New York City
長方形與橢圓形的實心體是最簡單的形式,在這裡扁平和圓形的面表現出這兩種形狀的空間特徵與空間間隔
堆積-平面藝術的線條
分開
-淺浮雕
歪斜-自由站立式或圓雕
區疊-高浮雕
交錯-三度空間特性
李足新
皮箱系列
100╳100cm
1997 油畫
黃銘祝-
內在特質與規律
九份
26╳36cm
1984 水彩
呂燕卿-象徵
花情系列之一(燦爛)
67╳50cm
1997 平版畫
藝術品不再是單純欣賞,也可以玩
藝術品
怎麼互動
互動藝術 [內功] 作者:林書民
布局创意
來參加網頁盛宴吧!
邀請你的創意、你的知識、你的想法,
隨著華爾茲,痛痛快快的轉呀轉,轉呀轉…….
在這個800 × 600的舞台上,
你的網頁
將是這場盛宴中最美麗的女主角……
网页美学
经典网页之配色
 主要是以绿色与
蓝色之间的色相
对比。
色相对比
经典网页之配色
严格来说
该页面应该是黑白灰色
非色彩构成,摄影图片
中的人物衣服为灰色,
相对单纯的黑白对比柔
和舒适于视觉。能使页
面显得更单纯、统一,
形成另一道独特的风景。
明度对比
经典网页之配色
大家注意看,以上色彩除
了粉红色,其他几组颜色
都是高饱和度高亮度的颜
色,因此充分的发挥出了
色彩的艳丽程度。包括粉
红色在内的几种灰色阶,
在中间起到了和谐作用。
白色能拉开相近色阶的空
间及明快页面的作用,在
这里可以说是功不可没。
纯度对比
经典网页之配色
冷暖对比的应用,通常
在休闲娱乐网站、食品
网站出现比较多。主色
调的浅蓝色亮度较高,
让页面不易给人沉闷的
感觉。
冷暖对比
经典网页之配色
纯度调整分析
主色调的橙色,添入了少许
黑色做渐变背景色,降低了
纯度。辅助色的蓝色是橙色
的补色,主要起的是使得整
个页面过多的暖色降低协调
于整体的效果,及背景色的
棕色都分别提暗降低纯度。
而左上角的黄色则通过提高
了亮度来降低纯度。一个页
面里应有少量纯度较高的颜
色而不至于使整个页面过于
压抑,纯度亮度很高的点睛
色红色就起到了这个作用。
经典网页之配色
  作为大面积使用的主色调
--饱和度和亮度为最高值的橙
色,通过适当面积的白色加入
协调和平衡了视觉的作用外,
主体物的深红纹样的图片点缀
着纯度、亮度较高的红色有醒
目作用,缩小面积而却又能突
出于视觉中心点,疏密构图的
对比效果。
面积调整分析:
经典网页之配色
面积对比分析: 作为大面积使用的主色调
--饱和度和亮度为最高值的
橙色,通过适当面积的白色
加入协调和平衡了视觉的作
用外,主体物的深红纹样的
图片点缀着纯度、亮度较高
的红色有醒目作用,缩小面
积而却又能突出于视觉中心
点,疏密构图的对比效果。

展开更多......

收起↑

资源预览