首页
限免课
实战课
免费好课
课程库
经验
问答
会员课程
首页 |经验 |ui |经验详情

UI设计师的色彩搭配,这五种实用性很强的方案,你了解吗

更新时间:2023-10-16

无私向斑马

ui

2805

对于很多设计师而言,色彩的应用是非常重要的,也是一名优秀的UI设计师,必备的技能。很多设计师,在实际的操作中,缺乏色彩搭配的使用方案,全凭自己的喜好和使用习惯,在工作上经常吃亏反复改稿。今天,小编就来和大家一起聊一下,那些实用的色彩搭配方案,希望能够对大家起到帮助作用。

色彩作为视觉传达效果,它的作用有:

1)显示出整个界面的整体架构

2)明确视觉传达效果

3)固定整个界面的风格,确认到可以接受该风格的精准用户

UI设计师的色彩搭配,这五种实用性很强的方案,你了解吗

UI色彩搭配方案

1、单色或相邻颜色搭配

基于一种色彩或者色调,所搭配出来的色彩方案,由于它色彩协调度非常高,很容易让人接受。因此无论是企业设计还是APP设计,应用性非常高。

2、高对比搭配

对比色在设计的应用也是非常广泛的,如下图所示:

UI设计师的色彩搭配,这五种实用性很强的方案,你了解吗

赤、橙、黄、绿、蓝、紫,完成一个色彩闭环,选择色轮上对比色进行混合,可以产生非常高的对比度,在应用上,非常吸引眼球。

IPAD端采用的就是黑白对比色。

3、相邻色搭配

比如这个天猫设计海报,整体色彩选用紫色,搭配红、蓝两个相邻色,这个方案与上一个方案相似,对比性虽然不如上一个方案,但也平添了多种色彩搭配的方案,让设计方案变得更加多样化。

UI设计师的色彩搭配,这五种实用性很强的方案,你了解吗

4、三色搭配

三色搭配在于选用色轮上等距的三种不同色彩作为方案,既保持了画面平衡感,又使得整个设计活泼起来,会使人看上去非常舒适。

最常见的就是红蓝黄三色的搭配使用,也可以根据个人需求,选用一种颜色作为主导色,其余色彩作为辅助色进行搭配。

UI设计师的色彩搭配,这五种实用性很强的方案,你了解吗

当然还有四色搭配、五色搭配,甚至六色搭配,制造出五彩斑斓的设计画面。不过常见的色彩搭配,就是三色搭配。

5、主色调的选择

主色调

主题色即界面中偏向的颜色,比如京东的主题色就是红色,淘宝的主题色就是橙色。界面的主色调选用,是非常有研究的,并不是随意选择,一般可以采用以下方法:

一、根据企业VI定色

企业的VI代表的是企业的文化和行业属性,京东的主题色就是红色,红色在金融行业中,代表涨的意思,红色也能给用户带来消费热情,因此京东的主题色选用的是红色。

UI设计师的色彩搭配,这五种实用性很强的方案,你了解吗.png

二、根据用户人群定色

如果主要的用户人群是男性,那么通常可以选择冷色系作为主题色,如蓝色、紫色、绿色,甚至可以选择高大上的黑色作为主题色。

如果主要的用户人群是女性,那么通常可以选择暖色系作为主题色,如(梦幻般的)粉色、橙色、干净整洁的白色。

三、根据行业定色

金融行业要涨不要跌,那么红色作为首选;

环保行业需要调动用户人群的环保意识,绿色的代表含义有生命、希望、环保、青春等,那么环保行业绿色就可以作为首选。奢侈品行业需要高贵感,而金色和黑色是一种富贵、高大上的象征。

上一篇 下一篇

相关课程

ONLINE COURSES
  • 女生学计算机可以从事什么职业

    女生学计算机可以从事什么职业

    讲师:JennyZ

  • 设计类前景较好的专业有哪些

    设计类前景较好的专业有哪些

    讲师:奇思无止境

  • UI作品集怎么做

    UI作品集怎么做

    讲师:行动者帆帆

  • 元宇宙对设计师有哪些影响

    元宇宙对设计师有哪些影响

    讲师:奇思无止境

免费好课

FREE GOOD COURSES
MORE
  • 剪映和PR的短视频剪辑技巧

    剪映和PR的短视频剪辑技巧

    3小时22分钟26秒

  • AI动画设计课-Stable Diffusion

    AI动画设计课-Stable Diffusion

    1小时32分钟15秒

  • 网游手绘武器制作课

    网游手绘武器制作课

    3小时55分钟44秒

  • 游戏道具造型表现课

    游戏道具造型表现课

    3小时51分钟28秒

  • 砸掉培训机构饭碗的AE系统课

    砸掉培训机构饭碗的AE系统课

    19分钟20秒

  • ComfyUI插件推荐与使用技巧

    ComfyUI插件推荐与使用技巧

    1小时13分钟5秒

Copyright © 2015 - 2021北京云创科讯软件有限公司

京ICP备16013396号-1

经营许可证京ICP证161220号

课程咨询电话 18516802937

  • 在线咨询
  • 插件下载
  • 职业测评
  • 素材下载
  • 微信咨询
学习在线解答