《《图形界面设计教学》第十四章色彩构成课件》由会员分享，可在线阅读，更多相关《《图形界面设计教学》第十四章色彩构成课件（34页珍藏版）》请在金锄头文库上搜索。
1、2024/8/131中国职业教育联盟课程体系成就百万精英色彩构成第十四章第1页，共34页。2 2从感知色彩、色彩的属性、色彩的调和、色彩的采集与重构、色彩构成与计算机辅助设计到色彩在设计领域的应用，全面介绍了色彩构成中的规律和方法。本章任务第2页，共34页。3 3色彩构成原理色彩构成基础知识色彩构成的实际运用本章目标第3页，共34页。色彩构成 将两个以上的色彩，根据不同的目的性，按照一定的原则，重新组合、搭配，构成新的美的色彩关系叫色彩构成。 色彩构成的概念第4页，共34页。色彩的分类 色彩一般分为无彩色和有彩色两大类。无彩色是指白、灰、黑等不带颜色的色彩，即反射白光的色彩。 有彩色是指红、黄
2、、蓝、绿等带有颜色的色彩。 色彩的构成第5页，共34页。色彩的三属性：色相、明度、彩度 色相：指色彩的相貌 色彩的构成第6页，共34页。 明度：色彩的明暗程度，指在色相里加白和加黑 。 彩度：色彩的鲜艳程度，指在有彩色里面加灰色 。 色彩的构成第7页，共34页。加色混合（三原色为青紫色、绿色、橙红色） 原色 ：无法用其它颜色调配出的颜色 红 黄 蓝间色 ：两种原色混合所得出的颜色 橙 绿 紫复色： 三种原色和两种以上的间色按比例调配出的颜色固有色 ：物体所固有的颜色光源色 ：光照本身的颜色环境色 ：物体所处环境的色彩对物体所产生的影响补色 ： 色相环上直径两端正对的颜色被称为互补。 色彩的混合
3、第8页，共34页。减色混合（三原色为品红、柠檬黄、品蓝） 色彩的混合第9页，共34页。色相：色彩通过连续的逐渐变化，从某一色相推移至另一色相。 色相、明度、彩度的推移第10页，共34页。明度：采用纯色，往其中逐渐加入黑色和白色。明度指色彩的亮暗、浅度。如高、中、低。 色相、明度、彩度的推移第11页，共34页。彩度：也叫纯度，指色彩的纯净度。如鲜、中、灰，选定一个纯色， 逐渐往其中加入灰色 色相、明度、彩度的推移第12页，共34页。 红：兴奋、活泼 、热情 、健康有挑战性 橙：饱满、成熟富有食欲感、华丽、温暖、愉快 黄：轻快、透明、辉煌、充满希望 绿：春天、成长、生命、希望 蓝：透明、清凉、冷漠
4、、流动、深远 紫：高贵、庄重、奢华、具有神秘感 白：明亮、干净、纯洁、扩张感 黑：沉静、神秘、消极 色彩的性格第13页，共34页。24色相环12色相环色系和色调第14页，共34页。色调的分类及相互关系：配色的一般规律为，任何一个色相均可以成为主色(主色调)，与其它色相组成互补色关系、对比色关系、邻近色系和同类色关系的色彩组织。色系和色调第15页，共34页。互补色关系色系和色调第16页，共34页。对比色关系色系和色调第17页，共34页。邻近色关系色系和色调第18页，共34页。同类色关系色系和色调第19页，共34页。 明度对比是配色的基础，根据明度尺,九个灰度阶段分为三个明度基调:高明调(优雅)、
5、中明调（高尚）、低明调（沉静）。如果参与配色的两个色，明度间隔5个以上的阶段，称为长调；明度间隔3-5个阶段之内，称为短调。 明度对比调试第20页，共34页。彩度，主要对有彩色而言，但作为彩度体系，则包括两个极端。于是，把彩度阶段归纳为三个彩度基调（高、中、低）、五种彩度面貌，即：无彩色、低彩度色、中彩度色、高彩度色、纯色。如果参与配色的的两色的彩度，间隔7个以上的彩度阶段，就称为强对比，间隔36个彩度阶段，则称为中对比。 彩度对比调试第21页，共34页。色彩的冷暖 红、橙、黄等颜色使人想到阳光、烈火，故称“暖色”。 绿、青、蓝等颜色与黑夜、寒冷相联，称“冷色” 。色彩的特征第22页，共34页
6、。色彩的轻重感觉色彩的轻重感觉 各种色彩给人的轻重感不同，我们从色彩得到的重量感，是质感与色感的复合感觉。浅色密度小，有一种向外扩散的运动现象，给人质量轻的感觉深色密度大，给人一种内聚感，从而产生份量重的感觉。 色彩的特征第23页，共34页。兴奋与沉静兴奋与沉静 主要取决于色相的冷暖感,暖色系的颜色能给人以兴奋感冷色系的颜色能给人以沉静感 色彩的特征第24页，共34页。明快与忧郁明快与忧郁 主要受明度和彩度的影响,与色相也有关联.高明度.高彩度的暖色有名快感,低明度.低彩度的冷色有忧郁感 。色彩的特征第25页，共34页。色彩的膨胀与收缩色彩的膨胀与收缩 比较两个颜色一黑一白而体积相等的正方形可
7、以发现有趣的现象，即大小相等的正方形，由于各自的表面色彩相异，能够斌予人不同的面积感觉。白色正方形似乎较黑色正方形的面积大。这种因心理因素导致的物体表面面积大于实际面积的现象称“色彩的膨胀性”。反之称“色彩的收缩性”。给人一种膨胀或收缩感觉的色彩分别称膨胀色”、“收缩色”。色彩的胀缩与色调密切相关，暖色同膨胀色，冷色属收缩色。 色彩的特征第26页，共34页。色彩的前进与后退色彩的前进与后退 如果等距离地看两种颜色，可给人不同的远近感。如：黄色与蓝色以黑色为背景时，人们往往感觉黄色距离自己比蓝色近。换言之，黄色有前进性，蓝色有后退性。较底色突出的前进性的色彩称“进色”；较底色暗淡的后退色彩称“退
8、色”。 色彩的特征第27页，共34页。色彩艳丽与素雅色彩艳丽与素雅 般认为，如果是单色，饱和度高，则色彩艳丽。饱和度低，给人素雅的感觉。除了饱和度，亮度也有一定的关系。不论什么颜色，亮度高时即使饱和度低也给人艳丽的感觉。 色彩的特征第28页，共34页。界面设计的基本概念界面设计的基本概念 界面设计作为一种新型的设计形式，是在现代科学技术下艺术与信息载体紧密结合的一种形式，具有交互性与持续性、多维性、综合性等特点，包括图像、文本、图标、背景、表格、 按钮、颜色、导航工具、动态影像等多种内容。现代科技的发展、多媒体技术的运用大大丰富了界面艺术设计的表现力。色彩构成的实际应用第29页，共34页。色彩
9、构成在界面设计中的应用色彩构成在界面设计中的应用 界面的色彩是树立软件及网站形象的关键之一，每个界面的用色都必须有自己独特的风格，才能使浏览者印象深刻。网站的种类很多，比如政府部门网站、教育网站、商业网站、企业网站、 游戏网站、个人网站等。 1、鲜明性 2、针对性 3、联想性色彩构成的实际应用第30页，共34页。1、色彩构成的概念2、色彩三属性的应用及配色3、色彩混合4、色系与色调5、色彩的特性6、色彩在界面设计中的应用 总结第31页，共34页。3232课后作后作业1 1、制作、制作2424色色相色色相环规格：大格：大圆直径直径16cm16cm，小，小圆直径直径10cm10cm。为以后作色彩以
10、后作色彩练习选色色对照用，参考照用，参考书色相作法。色相作法。纸的大小的大小18cm 18cm18cm 18cm操作方法：操作方法：A A、圆规画两个同心画两个同心圆。B B、量角器：把、量角器：把圆环分成相等分成相等2424份，每份份，每份1515。角划分。角划分。C C、色彩要求涂平整，画面整、色彩要求涂平整，画面整洁，饱和度高。和度高。2 2、明度、明度、纯度、色相推移各一度、色相推移各一张任任选一个一个纯色，通色，通过加白、加黑的方法改加白、加黑的方法改变它的明度或它的明度或纯度，从度，从深到浅高深到浅高1010级以上色以上色阶，渐次推移；色相的次推移；色相的变化可以是同化可以是同类色
11、也色也可以是不同的色。可以是不同的色。图形形设计为了了节约时间，集中，集中练习色彩的配置，色彩的配置，可以借用和参考可以借用和参考平面构成平面构成中的构中的构图和和图形，当然以自己形，当然以自己设计的的图形形为最佳。最佳。规格格15cm15cm15cm15cm3 3、明度、明度对比比练习，要求，要求强、中、弱任做三、中、弱任做三张。规格格15cm15cm15cm15cm。4 4、间色色对比、比、补色色对比、比、邻近色近色对比、比、类似色似色对比、冷暖色比、冷暖色对比比各一各一张。规格格15cm15cm15cm15cm。作业第32页，共34页。3333提交格式提交格式提交时间提交时间 下次上课之前作业第33页，共34页。感谢观映中国职业教育联盟课程体系成就百万精英2024/8/1334中国职业教育联盟课程体系第34页，共34页。
