400-609-4309

UI色彩搭配原则

  色彩是UI界面设计中重要的设计元素之一,出色的色彩搭配往往可以更加吸引到用户的注意力,还可以为UI界面的设计添彩,从视觉上就给用户带去良好的体验。设计师想要在UI界面上搭配好色彩...
色彩搭配
  色彩设计原则:

  一、色彩的大小位置

  大块的色彩在烘托气氛跟主题方面较为稳定,而小块的色彩则常用于点缀,起到丰富画面的作用。另外,色彩的搭配需要统一颜色,在不同的UI界面框架中统一招聘色,从而给用户一种非常统一的印象,让用户一目了然,记忆深刻。

  二、严谨有节奏的色彩

  平衡的色彩运用可以更满足用户的视觉需求,这样的色彩设计更容易带给用户一种亲切感色彩平衡:

  一、花色与纯色的平衡

  这里的花色指的是图案,如何在进行色彩运用的时候让设计更为绚丽出彩,但是又不要过于糊里花哨呢?很简单,让花色跟纯色之间形成一种对比,花色可以让设计拥有绚丽感,而纯色可以中和花色的花哨。

  因此,在进行花色跟纯色的对比时,色彩较为鲜明的要运用在核心展示上,背景则需要整体。比方说现在的QQ开屏界面就很符合这种平衡,这类设计方式也很适合用在banner之类的设计上。

  二、互补色之间的平衡

  在APP界面设计中,使用互补色彩的对比是为强烈的,易传播的。这种平衡的色彩能让用户的视觉产生强烈的刺激,给用户留下深刻的印象,一般适用于夸张、张扬的场景。但由于过于平凡容易造成用户的视觉疲劳,给人不安定的感觉,所以需要控制使用的位置跟信息面积。

  主要的三对互补色有:红绿、蓝橙、黄紫。强烈对比的互补色可以让整个设计风格主题格外鲜明,色彩为强烈的情况就是两个色相的饱和度调整到高,面积比例为1:1,此时的气氛浓烈且冲击感强。

  此外在UI网页设计中:

网页的背景色应该柔和一些、素一些、淡一些,再配上深色的文字,使人看起来自然、舒畅。而为了追求醒目的视觉效果,可以为标题使用较深的颜色。下面是我做网页和浏览别人的网页时,对网页背景色和文字色彩搭配积累的经验,这些颜色可以做正文的底色,也可以做标题的底色,再搭配不同的字体,一定会有不错的效果,希望对大家在制作网页时有用。

  Bgcolor:″#F1FAFA″——做正文的背景色好,淡雅

  Bgcolor:″#E8FFE8″——做标题的背景色较好,与上面的颜色搭配很协调

  Bgcolor:″#E8E8FF″——做正文的背景色较好,文字颜色配黑色

  Bgcolor:″#8080C0″——上配黄色白色文字较好
12 12 分享:

相关课程

发表评论

登录后才能评论,请登录后发表评论...
提交评论

最新文章