电子商务UI设计 配色 1-1-4配色.pptx

配 色;UI界面设计中色彩设计的基本知识 UI界面设计中色彩设计原则 UI界面设计中色彩配色策略 UI设计之色彩三色搭配 ;UI界面设计中色彩设计的基本知识;色相：指色彩的相貌，是区别色彩的必要名称，例如红、橙、黄、绿、蓝、紫等。 明度：指色彩显示的明暗程度，即是色光的明暗度。不同的颜色，反射的光量强弱不一，因而会产生不同程度的明暗。 纯度：指色彩纯净、饱和的程度。具体来说，是表明一种颜色中是否含有白或黑的成份。; 冷色和暖色是一种色彩感觉。冷色和暖色没有绝对的区分，色彩在比较中才存在了冷暖。通常我们把红黄色系看作暖色系，具有温暖、强烈、扩张的感受；蓝紫色系看作冷色系，具有寒冷、平静、收敛的感受；而绿色系则看作是中性色系。; 色环其实就是将光谱中的色彩，按照一定的顺序依次排列起，首尾相连，首尾为红色和紫色，组成环形，构成了色环。; 在色环中，红、黄、蓝为三原色，因为它们不能用其他颜色调配而成，故称为三原色。间色则是指光谱中的橙、绿、紫等，它们由两种原色调配而成，也叫二次色。 类似色（同类色）：在色环中距离在45度以内的一些色彩称为类似色。 互补色（对比色）：在色环上相互正对，成180度角的两个颜色称为互补色，也称对比色。 互补色：红----绿 黄----紫 蓝----橙 ;　 色调指的是一幅画中画面色彩的总体倾向，是大的色彩效果。 色调是颜色的重要特征，它决定了颜色本质的根本特征。如在大自然中，经常见到这样一种现象：不同颜色的物体或被笼罩在一片金色的阳光之中，或被笼罩在一片轻纱薄雾似的、淡蓝色的月色之中；或被秋天迷人的金黄色所笼罩；或被统一在冬季银白色的世界之中。这种在不同颜色的物体上，笼罩着某一种色彩，使不同颜色的物体都带有同一色彩倾向，这样的色彩现象就是色调。 ; 暖色调：红、黄、橙、赭石、咖啡、紫红等，具有热烈、明朗、兴奋、奔放等特点，给人温暖的感觉。 冷色调：蓝、绿、紫等，具有安静、稳重、明快等特征，冷色调给整个空间带来清新、凉爽之感。;当色彩以不同的光强度与不同的波长作用于人的视觉时，便会产生一系列心理的反应，这些与人以往经验相联系时，便会引起各种联想，使色彩具有情感、意志、情绪等各方面的象征意义。;UI界面设计中色彩设计原则; 色彩会因界面的不同而产生不同的情感，因此，为了使界面整体达到和谐统一，色彩在界面设计中起到了重要的作用，只有色彩达到了和谐统一，界面才能与浏览者答到情感共鸣。;统一的整体色调，突出主题并且生动。;情感性原则 ;生动性原则 ;UI界面设计中色彩配色策略;邻近色配色;;同色系配色; 整体蓝色设计带来统一印象，颜色的深浅分别承载不同类型的内容信息，比如信息内容模块， 白色底代表用户内容，浅蓝色底代表回复内容，更深一点的蓝色底代表可回复操作，颜色主导着 信息层次。;类似色配色;;UI设计之色彩三色搭配;三色原则：在一个设计作品中颜色应保持在三种之内。 三种不是三个，我们依然可以用三个以上的颜色来装点我们的设计，只要保持主要颜色不超过三种即可。 ;色彩：由主色+辅助色+点睛色构成;主色的秘密之一：饱和度高作为主色;主色的秘密之二：深颜色一般作为主色;主色的秘密之三：面积大一般作为主色;主色的秘密之四：视觉中心所呈现的颜色一般为主色;辅助色的秘密之一：选择同类色或邻近色作为辅助色;辅助色的秘密之二：选择对比色或互补色作为辅助色;辅助色的秘密之三：背景色是一种特殊的辅助色;点缀色的秘密之一：点缀色一般用饱和度和明度高的颜色;点缀色的秘密之二：点缀色可营造独特的页面风格;点缀色的秘密之三：点缀色可让页面绽放光彩;/tools/web/ ★ ★ ★ ★ ★ / /webcolor/ / / / /zh/create/color-wheel/ ★ ★ ★ ★ ★ /online.html ;下节课 更精彩