UI设计实战课程 网页色彩基础知识一.ppt

开讲啦！ 网页中的色彩（一） 色彩是任何设计领域中最重要的一方面。 设计师在决定了一个网站风格的同时，也决定了网站的情感，而情感的表达很大程度上取决于颜色的选择。颜色是很有力的工具，所有设计师在设计网页时就应该明白这一点。 一、颜色术语 三原色分别是红色，蓝色和黄色。这些色彩是基础色，他们组成了色轮上的所有其他颜色。 把原色混合在一起，你就能得到辅助色，它们是橙色、绿色和紫色。 二、色轮的主要组成 所有的色彩能在一个色轮中呈现。在这个色轮中，我们能把颜色分成3大块：原色，辅助色和第三颜色。 RGB是这个色彩系统中三个基本色“红、绿、蓝”的英文缩写，这三种基本色是光的三原色。RGB运用在电视电脑屏幕和任何类型的屏幕上。 CMYK是“青色、洋红、黄色、黑色”的英文缩写，这些颜色是颜料的原色，CMYK被运用于印刷。 网页上的设计是建立在RGB色彩系统上的。 三、基于情感的色彩群体 一些色彩群体是和情感联系在一起的，比如温暖、冷静和中立的情感。 暖色能让人感觉到温暖，例如红色、黄色和橙色。 冷色让人联想到凉爽和寒冷，例如蓝色，绿色和紫色。 中性色，顾名思义，并不创造怎样的情感。像灰色和棕色就是中性色。 了解色彩这些方面的知识可以用帮助一个设计师在设计网页时不用文字就能表达特定含义和特定情感，并彰显优势。 四、设计中颜色的类型 这里有两种不同的颜色系统，两者的运用取决于你设计什么。 五、明智地选择色彩、传达意义 暖色能带来阳光明媚的情绪，用在希望带来幸福快乐感觉的网站上是明智的。 冷色最好是用在想要表达出专业或整洁感觉的网站上，以呈现出一个冷静的企业形象。冷色表达出权威、明确和信任的感觉。 红色 色彩与心理 橙色 黄色 绿色 蓝色 紫色 黑色 黑色 白色 灰色 网站中颜色运用案例 耐克 耐克常常更新他们的网站，但通常还是黑色和灰色的色调，它通常是暗。黑色显示着他们产品中的力量， 留给大家他们向爱运动的顾客出售优质产品的印象。 白宫 白宫的网站主要是白色和浅灰色，再加上一些蓝色和红色作强调色。白色象征着希望和自由，显露出平安和纯洁的价值。红色和蓝色当然是美国的代表色，红色代表着热情和能量，蓝色则代表着稳定与和平。 亚马逊 亚马逊的网站大多是白色的，白色有着最佳的对比度和可读性。它还显露出整洁性，让用户能自由地浏览网站。以橙色和蓝色的强调色则让用户能感到安定、兴奋，也让他们期望找到最满意的采购。 百思买 百思买的网站的色调是深蓝色，显露出他们在电子市场中的稳定和实力。顾客在百思买上的大量采购使得他们需要安全感与平和感。黄色散发的快乐气氛让他们在采购时感觉到兴奋与趣味。 道奇 道奇的网站大多是黑色系，能让网站上的图片凸显出来。他们使用一种鲜艳的红色作为强调色。黑色给网站带来力量感，在一种精致与阳刚的氛围下展示他们的产品。黑色是一种不错的颜色，它能使产品看起来珍贵、有价值。红色则表达出激情和兴奋，是希望能让消费者认为他们是从一个值得信任、质量有保障的公司购买到的车辆。 全食食品公司 全食食品企业品牌的主色调和他们的网站色调一样，是绿色。全食食品以较高的价格售卖健康的有机食品。网页设计中的绿色很好的展示了他们所珍视的健康与纯净的概念，以及他们亲近自然的产品。他们也用了很配绿色的淡黄色作为强调色，为网站增添了趣味性 嘉信理财 嘉信理财是一家投资公司，在不稳定的市场环境下他们需要让消费者在他们的网站上感受到平和。他们使用柔和的深蓝色调来实现这一点，并建立起一种平静、祥和的气氛。中性的棕色则是另一种帮助协调偏激的用户感受的企业色彩。橙色作为强调色，能让用户在买股票时产生兴奋感，同时也为网站带来了幸福感。 感谢听讲 ! 麦子学院---在线职业教育 未来 我来