《界面设计中色彩的运用分析.pptx》由会员分享，可在线阅读，更多相关《界面设计中色彩的运用分析.pptx（31页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、1色色彩彩的作用色彩给人视觉上造成的冲击力是最为直接与迅速的。作为第一视觉语言，色彩在界面设计中的作用是字体与图像等其他要素所无法替代的。由于对色彩的爱好是人类一种最本能、最普遍的美感，它对观看者的影响便是最为直接的。界面设计者要考虑读者最初一瞬间的色彩感觉，牢牢地捉住他们的眼光，以达到引起关注的目的。第1页/共31页2色色彩彩的作用当我们看到不同的颜色时，心理会受到不同颜色的影响而发生变化。色彩本身是没有灵魂的，它只是一种物理现象。我们长期生活在一个色彩的世界里，积累了许多视觉经验，一旦知觉经验与外来色彩刺激发生一定的呼应，就会在人的心理上引出某种情绪。这种变化虽然因人而异，但大多会有下列心
2、理反应。第2页/共31页3色色彩彩的作用红色给人的感受是强烈，热情、喜悦，也使人表现急躁与愤怒。黄色是明亮、年轻、光明、开朗，充满活力。绿色给人以清新、清爽、年轻的印象感，像春天般充满活力。蓝色具有理智的、寂静的印象感，令人觉得清凉和整洁。第3页/共31页4色色彩彩的作用第4页/共31页5一、整体色第5页/共31页6一、整体色第6页/共31页7一、整体色第7页/共31页8一、整体色Windows XP的蓝色看起来很舒服。原因在于蓝色的亮度最低，不刺眼，同时，在蓝色上显示白字的对比度最高。而如果换成绿色的风格，则白色的文字不容易识别。第8页/共31页9一、整体色第9页/共31页10一、整体色第1
3、0页/共31页11一、整体色第11页/共31页12一、整体色黑色代表严肃、庄重，权威，以及恐怖、严酷灰色具有枯淡的平静感和稳定性 第12页/共31页13一、整体色第13页/共31页14二、重点色 在同调的色中，局部加上不同调的色，形成视觉美点。色彩的点缀在界面中产生一种紧张感，成为整体的一个着力点。点缀的色应该采用小的面积，并与其他色形成强烈反差，以加强吸引力，形成视觉中心。第14页/共31页15二、重点色第15页/共31页16二、重点色第16页/共31页17二、重点色第17页/共31页18三、对比色 画面上冷暖色对比，同时占有相同面积及地位。界面上两色不分主次，对比强烈，色彩华丽，装饰性很浓
4、。第18页/共31页19三、对比色第19页/共31页20三、对比色第20页/共31页21多页面间风格的统一前面展示的WEB页面，多个页面之间是不同，却很明显可以感觉到是同一个站点，这就是因为它们保持着相同的色彩、布局风格。第21页/共31页22IBM站点分析在众多商业网站中，IBM始终以稳重、大方、低调的形象示众。看一下首页的整体效果布局-平稳而不单调第22页/共31页23IBM站点分析第23页/共31页24IBM站点分析首页的布局是横向的四行，为了打破四行过于单调的特性，特别在中间分开了几个不同的栏目，这样就使得页并不那么单调乏味了。第24页/共31页25IBM站点分析色彩-低调而不低沉页面
5、的整体视觉感觉偏重，色彩并不张扬。第25页/共31页26IBM站点分析第26页/共31页27IBM站点分析在页面之中的色彩全部变成了黑白灰了，看看这里的“黑”、“白”、“灰”三者之间的关系：页头与页脚都是黑色，中间分布着不同层次的灰度，而面积最大的还是白色。这样色彩就行成了一个梯度。大约是45%的白，35%的灰，20%的黑。一般情况下黑色较多就会很沉重，灰色较就会没精神，软绵绵，白色较多就会显得很苍白。第27页/共31页28网站中的WEB页面大体只有一种色彩蓝色，但是由于不同的明度与饱和度又分了几个不同的蓝色，这样就有一色彩的层次。不会觉得色彩单调，也不会觉得色彩过多。并且在后期加入一些图片时，由于整站的色彩不是很多，所以图片可发挥的空间就加大了！第28页/共31页29IBM站点分析第29页/共31页30总结WEB站点设计中，色彩的运用是UI设计的关键部分。色彩运用成功与否很大程度上决定了网站设计的成功与否。第30页/共31页31感谢您的观看。第31页/共31页