课-题-界面设计中色彩设计---教学时数.docxVIP

教案2015～2016学年第2学期课程名称UI界面设计中的色彩设计主讲教师系(部、中心)教研室(实验室)二○一六年六月课题UI界面设计中的色彩设计教学时数 1【教学目标】了解UI界面设计中色彩设计的基本知识，理解色彩的属性、冷暖、色环、色调及对人的心理影响，掌握UI界面设计中色彩的设计原则及配色策略。【重点、难点】重点：重点掌握界面设计色彩的设计原则及配色策略。难点：UI界面设计色彩的设计原则及配色策略，能做到理论与实践结合，将所学知识运用到方案设计中。【教具、参考书】UI界面设计网络资料【教学过程】多媒体演示PPT讲解，案列演示，素材分析，知识讲解，回顾总结，课堂小结，作业练习。UI界面设计色彩设计的基本知识1.色彩的三属性色相：指色彩的相貌，是区别色彩的必要名称，例如红、橙、黄、绿、蓝、紫等。明度：指色彩显示的明暗程度，即是色光的明暗度。不同的颜色，反射的光量强弱不一，因而会产生不同程度的明暗。纯度：指色彩纯净、饱和的程度。具体来说，是表明一种颜色中是否含有白或黑的成份。2.色彩的冷与暖冷色和暖色是一种色彩感觉。冷色和暖色没有绝对的区分，色彩在比较中才存在了冷暖。通常我们把红黄色系看作暖色系，具有温暖、强烈、扩张的感受；蓝紫色系看作冷色系，具有寒冷、平静、收敛的感受；而绿色系则看作是中性色系。色环色环其实就是将光谱中的色彩，按照一定的顺序依次排列起，首尾相连，首尾为红色和紫色，组成环形，构成了色环。在色环中，红、黄、蓝为三原色，因为它们不能用其他颜色调配而成，故称为三原色。间色则是指光谱中的橙、绿、紫等，它们由两种原色调配而成，也叫二次色。类似色（同类色）：在色环中距离在45度以内的一些色彩称为类似色。互补色（对比色）：在色环上相互正对，成180度角的两个颜色称为互补色，也称对比色。4.色调暖色调：红、黄、橙、赭石、咖啡、紫红等，具有热烈、明朗、兴奋、奔放等特点，给人温暖的感觉。冷色调：蓝、绿、紫等，具有安静、稳重、明快等特征，冷色调给整个空间带来清新、凉爽之感。5. 色彩对人的心理作用当色彩以不同的光强度与不同的波长作用于人的视觉时，便会产生一系列心理的反应，这些与人以往经验相联系时，便会引起各种联想，使色彩具有情感、意志、情绪等各方面的象征意义。黑色，联想到黑夜、从而感到神秘、悲哀、不祥、绝望。黄色，似阳光普照大地，感到明朗、活跃、兴奋。二、UI界面设计中色彩设计原则1.统一性原则色彩会因界面的不同而产生不同的情感，因此，为了使界面整体达到和谐统一，色彩在界面设计中起到了重要的作用，只有色彩达到了和谐统一，界面才能与浏览者答到情感共鸣。2.情感性原则色彩作为一种视觉元素，它是带有感情的，潜移默化的影响着我们的行为和情绪。充分利用色彩的温度感、距离感、重量感、尺度感等满足满足受众人群的心理感受。3.生动性原则在色彩设计时，应避免过于单调，没有变化，缺乏氛围。在色彩面积、色相、纯度、明度、光色、肌理等方面应进行有秩序、有规律的变化，给人以丰富的变化感，让界面设计更加生动。三、UI界面设计色彩配色策略1.近邻色配色近邻色配色方法比较常见，搭配比同色系稍微丰富，色相柔和过渡看起来也很和谐。2.同色系配色同色系配色是指主色和辅色都在统一色相上，这种配色方法往往会给页面很一致化的感受。3.类似色配色类似色配色也是常用的配色方法，对比不强给人感到平静、调和的感觉。【小结】本节带领大家重温色彩的基本知识，从色彩的本质、属性、色环、色调开始，了解色彩对人的生理和心理作用，熟记色彩在UI界面设计中的重要作用，重点学习了UI界面设计中色彩设计的原则及配色策略。【作业】思考与练习1、简述色彩的三种属性及概念理解？2、UI界面设计中色彩设计的原则都有哪些？实训课堂准备五个网页界面设计素材，分析其中色彩搭配的技巧，指出界面设计在色彩设计方面运用的合理性，结合所学理解并掌握优秀的网页界面设计中的色彩的运用。【教学后记】任课教师（签名）年月日审批人（签名）年月日