网店美工之色彩优秀PPT.pptx

《网店美工之色彩优秀PPT.pptx》由会员分享，可在线阅读，更多相关《网店美工之色彩优秀PPT.pptx（32页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、网页美工之 色调搭配颜色搭配原则颜色原理色调所传达的涵义网页平安色艺术规律颜色原理色相：指的是色调的名称。这是色调最基本的特征，是一种色调区分于另一种色调的最主要的因素。比如说紫色，绿色，黄色等等都代表了不同的色相。同一色相的色调，调整一下亮度，或者纯度很简洁搭配，比如，深绿，暗绿，草绿，亮绿。明度：也叫亮度，指的是色调的明暗程度，明度越大，色调越亮。比如一些购物，儿童类网站。用的是一些鲜亮的颜色，让人感觉绚丽多姿，生气勃勃。明度越低，颜色越暗。主要用于一些游戏类网站，充溢奇妙感；一些个人站长为了体现自身的特性，也可以运用一些暗色调来表达个人的一些孤僻，或者愁闷等性格。有明度差的色调更简洁调和

2、。纯度(饱和度)：指色调的明丽程度，纯度高的色调纯，鲜亮。纯度底的色调暗淡，含灰色。Photoshop中对应属性色相色相反差大人眼简洁分辨饱和度饱和度高人眼简洁分辨明度明度对比强人眼简洁分辨色调所传达的涵义红色热忱、浪漫、火焰、暴力、侵略、停止、警告、禁止。橙色秋天、活跃、簇新、开心、能量、食欲紫色创建、谜、忠诚、奇妙、稀有。蓝色忠诚、平安、保守、安静、冷漠、哀痛。（忧郁；理智；冷静；稳重；成熟；诚信；商务）绿色自然、稳定、成长、忌妒、行（北美）、允许。黄色光明、光辉、疾病、懦弱。黑色实力、精致、现代感、死亡、病态、邪恶。白色纯净、天真、干净、真理、和平、冷淡、贫乏、死亡（中国）。网页平安色网

3、页平安色是指在不同硬件环境、不同操作系统、不同阅读器中都能够正常显示的颜色集合（调色板），也就是说这些颜色在任何终端阅读用户显示设备上的现实效果都是相同的。所以运用网页平安色进行网页配色可以避开原有的颜色失真问题。网页顏色共216色红色分為0，51，102，153，204，255绿色分為0，51，102，153，204，255,蓝色分為0，51，102，153，204，255.然后就是组合了，6*6*6216色了。是不是确定要用页面平安色？22种真正平安的网页平安色艺术规律色调的显明性：假如一个网站的色调显明，很简洁引人留意，会给阅读者耳目一新的感觉。色调的独特性：要有别出心裁色调，网页的用色

4、必须要有自己独特的风格，这样才能给人阅读者留下深刻的印象。色调的艺术性：网站设计是一种艺术活动，因此必需遵循艺术规律。依据内容确定形式的原则，在考虑网站本身特点的同时，大胆进行艺术创新，设计出既符合网站要求，又具有确定艺术特色的网站。色调搭配的合理性色调要依据主题来确定，不同的主题选用不同的色调。颜色搭配方法色调有心理示意的作用，很多行业都有其行业色，很多品牌都有其品牌色：例如：就是麦当劳、肯德基这类快餐店不谋而合的选择了红色作为主基调，因为红色有增进食欲的效果。红色代表热忱、革命和危急；绿色代表希望、春天和环保；橙色代表活跃和快乐；紫色代表华丽、妖艳、奇妙。很多品牌都有一套自己的VI，里面颜

5、色运用都是有一套的，奥迪/灰,可口可乐/红,百事可乐/蓝依据页面风格以及产品本身的诉求确定主色借鉴你懂的感情与阅历依据主色确定配色网页配色很重要，网页颜色搭配的是否合理睬干脆影响到访问者的心情。好的色调搭配会给访问者带来很强的视觉冲击力，不恰当的色调搭配则会让访问者浮躁担忧。同种色调搭配邻近色调搭配对比色调搭配同种色调搭配 同种色调搭配是指首先选定一种色调，然后调整其透亮同种色调搭配是指首先选定一种色调，然后调整其透亮度和饱和度，将色调变淡或加深，而产生新的色调，这样的页面看起度和饱和度，将色调变淡或加深，而产生新的色调，这样的页面看起来色调统一，具有层次感。网页来色调统一，具有层次感。网页例

6、子：蓝与浅蓝（蓝+白），绿与粉绿（绿+白）与墨绿（绿+黑）特点：色相相同、明度或纯度不同优劣：优劣：对比效果统一、文雅、雅致、含蓄、稳重，但易产生单调、呆板对比效果统一、文雅、雅致、含蓄、稳重，但易产生单调、呆板的弊病的弊病同种色调搭配相近色色调搭配例子：红橙与橙与黄橙色特点：色相环上相邻二至三色对比，距离大约30度左右，为弱对比类型优劣：优劣：效果感觉柔软、和谐、雅致、文雅，但感觉单调、模糊、效果感觉柔软、和谐、雅致、文雅，但感觉单调、模糊、乏味、无力，必需调整差来加强效果乏味、无力，必需调整差来加强效果相近色搭配类似色色调搭配邻近色是指在色环上相邻的颜色，如绿色和蓝色、红色和黄色即互为邻近

7、色。接受邻近色搭配可以里是网页避开色调杂乱，易于达到页面和谐统一的效果。例子：红与黄橙色对比等等特点：色相距离约60度左右，为较弱对比类型。优劣：效果丰富活泼，但又不失统一雅致、和谐的感觉。类似色色调搭配对比色调搭配一般来说，色调的三原色（红、黄、蓝）最能体现色调间的差异。色调的猛烈对比具有视觉诱惑力，能够起到几种实现的作用。对比色可以突出重点，产生猛烈的视觉效果。通过合理运用对比色，能够使网站特色显明、重点突出。在设计时，通常以一种颜色为主色调，其对比色作为点缀，以起到画龙点睛的作用。例子：黄绿与红紫色特点：色相对比距离120度左右，为强对比类型优劣：优劣：效果猛烈、醒目、有力、活泼、丰富，

8、但也不易统一而感杂乱、刺激、效果猛烈、醒目、有力、活泼、丰富，但也不易统一而感杂乱、刺激、造成视觉疲惫。一般须要接受多种调和手段来改善对比效果造成视觉疲惫。一般须要接受多种调和手段来改善对比效果对比色调搭配对比色调搭配补色色调搭配是广义上的对比色。在色环上划直径，正好相对（即距离最远）的两种色调互为补色。例子：红色是绿色的补色；橙色是蓝色的补色；黄色是紫色的补色。特点：色相对比距离180度左右优劣：优劣：两种颜色互为补色的时候，一种颜色占的面积远大于另一种颜色的面积的时两种颜色互为补色的时候，一种颜色占的面积远大于另一种颜色的面积的时候，就可以增加画面的对比，使画面能够很惹眼。一般状况下，补色

9、运用候，就可以增加画面的对比，使画面能够很惹眼。一般状况下，补色运用有得有失。有得有失。补色色调搭配暖色与冷色色调搭配暖色色调搭配是指运用红色橙色黄色集合色等色调的搭配。这种色调的运用可为网页营造出稳性、和谐和热忱的氛围。冷色色调搭配冷色色调搭配是指运用绿色、蓝色及紫色等色调的搭配，这种色调搭配可为网页营造出安静、凉爽和高雅的氛围。冷色点色调与白色搭配一般会获得较好的视觉效果。暖色系暖色比冷色更有亲近感。因此说来，一个较暗的暖色可能看起来和一个在数值上较亮的冷色一样亮。红色动力，力气，热忱，爱橙色快乐，热忱，吸引力，成功黄色快乐，刺激，焦点冷色系冷色比比暖色更有距离感。因此说来，一个较亮的冷色

10、可能看起来和一个在数值上较暗的暖色一样亮。绿色清爽，簇新，威望，凉快，冷静，蓝色牢靠，可信，可依靠，安静紫色灵性，仪式，奇妙，转生，皇权中性色中性色对心情的影响更小，因此常被考虑用来做客观介绍。然而，若用得好，中立色照旧可以有自己的示意。“纯”黑和“纯”白是我们的志向的“光明”和“黑暗”的色调代表。黑色性感，奇妙，听从，危急白色纯净，无辜，复原，中立，永恒搭配消色所谓的消色，就是指黑白灰（也有说是黑白金银灰），这类颜色由于本身没有色性，所以可以说是万用搭配色。当然，说是说万用搭配色，但是也是有一些须要留意的地方：首先，由于本身没有色性，他们必需和色性比较强的颜色搭配会比较出效果；其次，消色与其他颜色搭配的时候，比例确定要限制好，尤其是灰色，灰色是一种很“高档”的颜色，但是问题是运用的过多，会使得页面灰蒙蒙没有质感。调整色调在页面中的比例主颜色：主要颜色，起到在整体上显示出站点整体内容和风格的重要作用。背景色：用于背景的颜色。协助颜色：协助主颜色的次要颜色，用于协调主颜色凝造整体气氛。突出颜色：用于突出，强调显示，主要运用于占用范围较小的按钮、标签等处。主颜色、背景色、协助颜色、突出颜色思索产品：色相对比猛烈明暗反差大标题：色相对比较弱或无明暗反差大内容：明暗反差较强，无色相区分配色器 s:/kuler.adobe /#themes/rating?time=30