中国传媒大学-用户体验与UI交互设计-课件-知识点5.3 界面中的用色规律.pptxVIP

交互式界面设计西安邮电大学数字艺术学院知识点5.3界面中的用色规律目录CONTENTS0102040503PART 05PART 03PART 02PART 01PART 04引言和谐的界面色彩流行色的使用单纯的界面色彩跳跃的界面色彩01引言 界面设计中美的规律 界面中的色彩搭配是多种多样的，优秀的色彩搭配不是固定的模式，不是唯一的，但是人们喜爱的界面设计总是符合某种美的规律.用色大胆有张力色彩协调统一采用流行色界面设计 设计师的职责 设计师的职责就是把握好色相、明度、饱和度三要素的关系，针对不同的产品设计出不同的色彩搭配。 色彩的搭配模式 四种色彩搭配方式，即单纯的界面色彩、和谐的界面色彩、跳跃的界面色彩和流行色的使用。单纯的界面色彩和谐的界面色彩色彩搭配方式跳跃的界面色彩流行色的使用02单纯的界面色彩 单纯的界面色彩 色相一致，饱和度不同的色彩，搭配黑色、白色或是灰色是目前常见的界面色彩设计方法。这种搭配看起来粗放，实则有一种鲜明的层级效果。目前，扁平、简约的设计趋势使界面在用色上也突破传统，单色设计越来越多的出现在各种类型的应用中。03和谐的界面色彩 和谐的界面色彩同色系颜色搭配视觉统一差别大的颜色只用作小面积点缀 主色彩的选择结合市场定位、功能定位等要素，从界面的整体性角度把握色调，辅色控制在两三个颜色以内，以免画面出现太多色彩，影响统一的色彩氛围。 和谐的界面色彩 和谐的色彩搭配可以按照颜色在色相环上的位置关系细分为同类色、邻近色、类似色。以24色相环为例。同类色位置关系和谐的色彩邻近色类似色 和谐的界面色彩邻近色类似色同类色相对于同类色，邻近色表达出了更为丰富的色彩语言，色相上有了明显的变化。类似色搭配在色相上表现出了较为清晰的对比关系。在视觉上对比柔和，色相上相对单纯，很容易达成统一的色彩氛围。04跳跃的界面色彩 跳跃的界面色彩跳跃的色彩搭配既中差色、对比色、互补色的色彩搭配。中差色位置关系跳跃的色彩对比色互补色 跳跃的界面色彩在视觉上对比柔和，色相上相对单纯，很容易达成统一的色彩氛围。中差色在视觉上对比柔和，色相上相对单纯，很容易达成统一的色彩氛围。对比色 跳跃的界面色彩—互补色界面设计对 比最易传播最为强烈视 觉情感浓烈强烈的刺激场 景夸张的张扬的两色处于色环直径的两端 这种色彩能使用户的视觉产生强烈的刺激，情感浓烈，给人留下鲜明的印象。适合在夸张的、张扬的场景下使用。但这种颜色用的太过于平凡容易造成用户的视觉疲劳。给人一种不安定的感觉。 跳跃的界面色彩—互补色三对主要互补色：805流行色的使用 流行色的使用 流行色是时尚的风向标，大多数人都有追随时尚步伐的意愿，服装、饰品、包装的设计师都会关注色彩的流行趋势。全球色彩权威机构Pantone推出了2018色彩趋势报告：明朗的樱桃番茄红高雅的宫廷蓝 流行色的使用柔软的淡淡浅紫阳光的云雀黄诱人的大理菊 界面设计师应当重视时代的流行色，利用人们的求同心理效应，迎合大众的消费心理。