中国传媒大学-用户体验与UI交互设计-课件-知识点5.3 界面中的用色规律_第1页
中国传媒大学-用户体验与UI交互设计-课件-知识点5.3 界面中的用色规律_第2页
中国传媒大学-用户体验与UI交互设计-课件-知识点5.3 界面中的用色规律_第3页
中国传媒大学-用户体验与UI交互设计-课件-知识点5.3 界面中的用色规律_第4页
中国传媒大学-用户体验与UI交互设计-课件-知识点5.3 界面中的用色规律_第5页
已阅读5页，还剩17页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、交互式界面设计西安邮电大学数字艺术学院界面中的用色规律知识点5.3PART 01单纯的界面色彩目录CONTENTSPART 02和谐的界面色彩PART 03跳跃的界面色彩PART 04流行色的使用0103040502PART 05引言引言01 界面中的色彩搭配是多种多样的，优秀的色彩搭配不是固定的模式，不是唯一的，但是人们喜爱的界面设计总是符合某种美的规律.色彩协调统一用色大胆有张力采用流行色界面设计 界面设计中美的规律 设计师的职责 设计师的职责就是把握好色相、明度、饱和度三要素的关系，针对不同的产品设计出不同的色彩搭配。 四种色彩搭配方式，即单纯的界面色彩、和谐的界面色彩、跳跃的界面色彩和

2、流行色的使用。 色彩的搭配模式流行色的使用跳跃的界面色彩和谐的界面色彩单纯的界面色彩色彩搭配方式单纯的界面色彩02 单纯的界面色彩 色相一致，饱和度不同的色彩，搭配黑色、白色或是灰色是目前常见的界面色彩设计方法。这种搭配看起来粗放，实则有一种鲜明的层级效果。目前，扁平、简约的设计趋势使界面在用色上也突破传统，单色设计越来越多的出现在各种类型的应用中。和谐的界面色彩03 主色彩的选择结合市场定位、功能定位等要素，从界面的整体性角度把握色调，辅色控制在两三个颜色以内，以免画面出现太多色彩，影响统一的色彩氛围。差别大的颜色只用作小面积点缀同色系颜色搭配视觉统一 和谐的界面色彩 和谐的界面色彩 和谐的

3、色彩搭配可以按照颜色在色相环上的位置关系细分为同类色、邻近色、类似色。以24色相环为例。类似色邻近色同类色和谐的色彩位置关系 和谐的界面色彩同类色在视觉上对比柔和，色相上相对单纯，很容易达成统一的色彩氛围。类似色类似色搭配在色相上表现出了较为清晰的对比关系。相对于同类色，邻近色表达出了更为丰富的色彩语言，色相上有了明显的变化。邻近色跳跃的界面色彩04跳跃的色彩搭配既中差色、对比色、互补色的色彩搭配。互补色对比色中差色跳跃的色彩位置关系 跳跃的界面色彩 跳跃的界面色彩在视觉上对比柔和，色相上相对单纯，很容易达成统一的色彩氛围。在视觉上对比柔和，色相上相对单纯，很容易达成统一的色彩氛围。中差色对比色界面设计最为强烈强烈的刺激夸张的场 景对 比视 觉最易传播情感浓烈张扬的 跳跃的界面色彩互补色 这种色彩能使用户的视觉产生强烈的刺激，情感浓烈，给人留下鲜明的印象。适合在夸张的、张扬的场景下使用。但这种颜色用的太过于平凡容易造成用户的视觉疲劳。给人一种不安定的感觉。两色处于色环直径的两端 跳跃的界面色彩互补色三对主要互补色：8流行色的使用05 流行色的使用 流行色是时尚的风向标，大多数人都有追随时尚步伐的意愿，服装、饰品、包装的设计师都会关注色彩的流行趋势。全球色彩权威机构Pantone推出了2018色彩趋势报告：明朗的樱桃番茄红高雅的宫廷蓝 流行

人人文库> 全部分类> 教育资料 > 考试试卷

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论