图形界面设计教学资料第十四章 色彩构成.ppt

《图形界面设计教学资料第十四章 色彩构成.ppt》由会员分享，可在线阅读，更多相关《图形界面设计教学资料第十四章 色彩构成.ppt（34页珍藏版）》请在三一办公上搜索。

1、色彩构成,第十四章,2,从感知色彩、色彩的属性、色彩的调和、色彩的采集与重构、色彩构成与计算机辅助设计到色彩在设计领域的应用，全面介绍了色彩构成中的规律和方法。,本章任务,3,色彩构成原理色彩构成基础知识色彩构成的实际运用,本章目标,色彩构成 将两个以上的色彩，根据不同的目的性，按照一定的原则，重新组合、搭配，构成新的美的色彩关系叫色彩构成。,色彩构成的概念,色彩的分类 色彩一般分为无彩色和有彩色两大类。无彩色是指白、灰、黑等不带颜色的色彩，即反射白光的色彩。,有彩色是指红、黄、蓝、绿等带有颜色的色彩。,色彩的构成,色彩的三属性：色相、明度、彩度 色相：指色彩的相貌,色彩的构成,明度：色彩的明

2、暗程度，指在色相里加白和加黑。,彩度：色彩的鲜艳程度，指在有彩色里面加灰色。,色彩的构成,加色混合（三原色为青紫色、绿色、橙红色）,原色：无法用其它颜色调配出的颜色 红 黄 蓝间色：两种原色混合所得出的颜色 橙 绿 紫复色：三种原色和两种以上的间色按比例调配出的颜色固有色：物体所固有的颜色光源色：光照本身的颜色环境色：物体所处环境的色彩对物体所产生的影响补色：色相环上直径两端正对的颜色被称为互补。,色彩的混合,减色混合（三原色为品红、柠檬黄、品蓝）,色彩的混合,色相：色彩通过连续的逐渐变化，从某一色相推移至另一色相。,色相、明度、彩度的推移,明度：采用纯色，往其中逐渐加入黑色和白色。明度指色彩

3、的亮暗、浅度。如高、中、低。,色相、明度、彩度的推移,彩度：也叫纯度，指色彩的纯净度。如鲜、中、灰，选定一个纯色，逐渐往其中加入灰色,色相、明度、彩度的推移,红：兴奋、活泼、热情、健康有挑战性 橙：饱满、成熟富有食欲感、华丽、温暖、愉快 黄：轻快、透明、辉煌、充满希望 绿：春天、成长、生命、希望 蓝：透明、清凉、冷漠、流动、深远 紫：高贵、庄重、奢华、具有神秘感 白：明亮、干净、纯洁、扩张感 黑：沉静、神秘、消极,色彩的性格,24色相环,12色相环,色系和色调,色调的分类及相互关系：配色的一般规律为，任何一个色相均可以成为主色(主色调)，与其它色相组成互补色关系、对比色关系、邻近色系和同类色关

4、系的色彩组织。,色系和色调,互补色关系,色系和色调,对比色关系,色系和色调,邻近色关系,色系和色调,同类色关系,色系和色调,明度对比是配色的基础，根据明度尺,九个灰度阶段分为三个明度基调:高明调(优雅)、中明调（高尚）、低明调（沉静）。如果参与配色的两个色，明度间隔5个以上的阶段，称为长调；明度间隔3-5个阶段之内，称为短调。,明度对比调试,彩度，主要对有彩色而言，但作为彩度体系，则包括两个极端。于是，把彩度阶段归纳为三个彩度基调（高、中、低）、五种彩度面貌，即：无彩色、低彩度色、中彩度色、高彩度色、纯色。如果参与配色的的两色的彩度，间隔7个以上的彩度阶段，就称为强对比，间隔36个彩度阶段，则

5、称为中对比。,彩度对比调试,色彩的冷暖,红、橙、黄等颜色使人想到阳光、烈火，故称“暖色”。绿、青、蓝等颜色与黑夜、寒冷相联，称“冷色”。,色彩的特征,色彩的轻重感觉,各种色彩给人的轻重感不同，我们从色彩得到的重量感，是质感与色感的复合感觉。浅色密度小，有一种向外扩散的运动现象，给人质量轻的感觉深色密度大，给人一种内聚感，从而产生份量重的感觉。,色彩的特征,兴奋与沉静,主要取决于色相的冷暖感,暖色系的颜色能给人以兴奋感冷色系的颜色能给人以沉静感,色彩的特征,明快与忧郁,主要受明度和彩度的影响,与色相也有关联.高明度.高彩度的暖色有名快感,低明度.低彩度的冷色有忧郁感。,色彩的特征,色彩的膨胀与收

6、缩,比较两个颜色一黑一白而体积相等的正方形可以发现有趣的现象，即大小相等的正方形，由于各自的表面色彩相异，能够斌予人不同的面积感觉。白色正方形似乎较黑色正方形的面积大。这种因心理因素导致的物体表面面积大于实际面积的现象称“色彩的膨胀性”。反之称“色彩的收缩性”。给人一种膨胀或收缩感觉的色彩分别称膨胀色”、“收缩色”。色彩的胀缩与色调密切相关，暖色同膨胀色，冷色属收缩色。,色彩的特征,色彩的前进与后退,如果等距离地看两种颜色，可给人不同的远近感。如：黄色与蓝色以黑色为背景时，人们往往感觉黄色距离自己比蓝色近。换言之，黄色有前进性，蓝色有后退性。较底色突出的前进性的色彩称“进色”；较底色暗淡的后退

7、色彩称“退色”。,色彩的特征,色彩艳丽与素雅,般认为，如果是单色，饱和度高，则色彩艳丽。饱和度低，给人素雅的感觉。除了饱和度，亮度也有一定的关系。不论什么颜色，亮度高时即使饱和度低也给人艳丽的感觉。,色彩的特征,界面设计的基本概念,界面设计作为一种新型的设计形式，是在现代科学技术下艺术与信息载体紧密结合的一种形式，具有交互性与持续性、多维性、综合性等特点，包括图像、文本、图标、背景、表格、按钮、颜色、导航工具、动态影像等多种内容。现代科技的发展、多媒体技术的运用大大丰富了界面艺术设计的表现力。,色彩构成的实际应用,色彩构成在界面设计中的应用,界面的色彩是树立软件及网站形象的关键之一，每个界面的

8、用色都必须有自己独特的风格，才能使浏览者印象深刻。网站的种类很多，比如政府部门网站、教育网站、商业网站、企业网站、游戏网站、个人网站等。,1、鲜明性 2、针对性 3、联想性,色彩构成的实际应用,1、色彩构成的概念2、色彩三属性的应用及配色3、色彩混合4、色系与色调5、色彩的特性6、色彩在界面设计中的应用,总结,32,课后作业1、制作24色色相环规格：大圆直径16cm，小圆直径10cm。为以后作色彩练习选色对照用，参考书色相作法。纸的大小18cm 18cm操作方法：A、圆规画两个同心圆。B、量角器：把圆环分成相等24份，每份15。角划分。C、色彩要求涂平整，画面整洁，饱和度高。2、明度、纯度、色相推移各一张任选一个纯色，通过加白、加黑的方法改变它的明度或纯度，从深到浅高10级以上色阶，渐次推移；色相的变化可以是同类色也可以是不同的色。图形设计为了节约时间，集中练习色彩的配置，可以借用和参考平面构成中的构图和图形，当然以自己设计的图形为最佳。规格15cm15cm3、明度对比练习，要求强、中、弱任做三张。规格15cm15cm。4、间色对比、补色对比、邻近色对比、类似色对比、冷暖色对比各一张。规格15cm15cm。,作业,33,提交格式,提交时间 下次上课之前,作业,