恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
如何选择品牌基准色
0.0°
2022-03-08 原创文章 经验/观点 举报 604 0 0 0

色彩第一时间承担视觉冲击,是感知心理的投射,是需求传递的发力点。别具一格的色彩搭配能帮助用户筛选信息层级及侧重点。同时也是设计的重要组成部分。所以每个企业都应有一套系统的、独特的配色方案。

既然色彩占据这么重要的地位,那我们在实际的项目中怎么从0到1去定义色彩呢?

1.什么是系统配色

配色大家都耳熟能详,即色彩进行搭配,这些颜色可以是单个或多个的随机搭配。但系统的配色并非随机的,是有章可循的,色彩之间是相互作用的,且存在一定的美学原则。

1-1 系统配色的4个特性:
A. 多元性:系统配色是多样性和差异性的统一。在繁杂无序的配色中找到统一,在同质的配色方案中彰显差异。
B. 关联性:系统配色一般不存在独立组分,所有元素或组分间相互依存、相互作用、相互制约;
C. 整体性:系统配色是构成复合系统中的一个小整体;
D. 美学性:系统配色存在一定的美学关系,如邻近、对比、梯度、渐变、拼接等有迹可循。
复合系统包括字体、配色、投影、布局、功能组件等;
配色系统包括品牌色、灰色、辅助色、配色方案、配色应用等。


2.为什么需要系统配色

在进入设计色彩系统之前,我们首先应该明确系统配色的目的及意义,才能更好的指导我们实际去落地,而不是盲目跟风。

2-1 对设计师来说
系统配色对于视觉来说至关重要,对设计师来说也非常关键。体系化的配色是设计师的职业规范、设计标准、能力趋势,对于配色踩过坑的同学来说是前人之鉴。

2-2 对用户来说
成熟、个性化的配色体系给用户增进记忆;系统配色的应用给用户传递信息的层次感和节奏感,进而引起情绪共鸣、锁定目标、行为决策。

2-3 对团队来说
在设计团队中构建色彩系统,是每个团队应该做的一件事。色彩系统是组件化思维的一部分,保证设计语言一致性,提升团队工作效率的同时也是验收项目的有力佐证。

2-4 对产品/项目来说
构建科学的色彩系统,为产品的发展提供优质的设计系统基础,为产品界面创造结构、表达边界、建立信息层次。对外则区别于横竖竞品;同时配色在项目中具有典型的象征和烘托主题的作用,如双十一凸显热闹的气氛 (产品的调性)。

2-5 对企业来说
系统的色彩体系能促进企业建立品牌文化,有助于加强品牌的形象识别和信任认知,突出企业调性;间接为产品、企业的商业版图添砖加瓦。

2-6 配色美学意义
统一的美学易获取,也接近大众。当配色中表现出整体感和秩序感时,所呈现出来的色彩效果更精准反映心理联想、与生活更贴切。但配色若过分统一,会变得枯燥乏味,这就必然要寻找心理,视觉上的变化。

A. 纯粹追求完美的配色,如美术作品、商插;
B. 重视实用功能的配色,如橙黄与黑的安全标志;
C. 既追求完美又追求生活功能的配色,如服装,产品,室内设计等的配色统一与变化。
D. 遵循配色美学规则,如邻近、对比、互补、梯度、渐变、拼接等
...

综上所述,系统配色对于设计师、用户、产品、企业来说极其重要,所以在设计配色系统时往往需要投入一定的人力物力等成本;系统的配色相对于随便吸色配色更加专业、更加科学,应对问题更加权威。


3.系统配色的应用

自1963年Pantone潘通问世至今,潘通研究所经过艰苦历程不断完善配色体系。潘通B2B将色彩系统[Pantone Color System] 融入不同的产品及服务中,使色彩的价值表现得更加淋漓尽致;使色彩在平面、服装及产品设计达成跨越领域的一致性。系统配色的应用无处不在,以下以互联网产品设计、品牌塑造及其他生活的应用进行举例。

3-1 互联网产品设计
UI设计:电脑系统设计、桌面应用设计、网页设计、APP设计、手机系统设计、iPad 系统设计、可穿戴UI,如macOS系统、iWatch、微信等;
氛围渲染(线上):双十一、双十二、圣诞节、88节、年中促、黑五、新品发布会、音乐节等;
绘画美术:插画、涂鸦、原画、游戏设计、漫画、绘本等;
设计规范:Ant Design、IBM Design、Material Design、Fluent UI、Element、Apache Echarts等;

3-2 品牌塑造:
品牌:品牌塑造/升级、VIS系统、电视广告,如IBM、可口可乐、瑞幸等;
IP潮玩:QQ潮玩、黏黏怪物、泡泡玛特等

3-3 生活中:
汽车:HMI、车展、赛事等;
建筑:建筑结构、室内装潢、软装设计、环境艺术等;
时装服装:时装周、服饰设计、杂志板式、发布会等;
奢侈品:包装设计、外观设计、VIS系统等;
体育:赛道设计、装备设计、体育用品、体育赛事等;
绘画美术:插画或喷绘、涂鸦;
印刷:出版印刷及其他日常印刷、油墨制造、颜料生产等;


4.如何选择一个品牌基准色

系统配色的前提是明确配色目的和选择一个基准色。
我们已经了解了系统配色,又知晓了系统的配色的优越性,那么我们怎么着手选择基准色呢?

4-1 色彩的联想
前面我们已经大篇幅讲过:用眼睛和头脑去感知色彩时,想起与该颜色相关联的感受或事物,叫色彩联想。通俗地讲,就是根据事物固有属性进行选色,也叫固有色。比如看到火自然就联想到红色,草地固有色一般就是绿色。

4-2 行业定位
定位产品所属的行业,通过行业属性选择基准色,运用色彩的优势渲染行业基调。如电商行业常用红色、橙色、粉色描摹商场热闹、喜庆、激情、浪漫的生活氛围,起到强调焦点、促进成交率。

4-3 考虑目标用户及用户分层
A.用户户口本:通过性别、年龄、职业、偏好、地域等用户属性进行配色,不同的年龄分层、职业倾向、地域特色都会影响配色体系;

B.用户行为倾向:通过核心行为进行下钻:如听音乐,在什么场景下听音乐?当时的心境是怎么样的?是否追星型?等发问式进行收集所需配色的有力信息。如运动员在跑步的时候音乐是激情且节奏感很强的,那么音乐背景就可以用视觉冲击感很强的颜色,如红橙色或者拼色,增强运动氛围及律动,燃起雄性荷尔蒙。

4-4 关键词定向
结合业务、诉求、目标用户、场景以及设计方向进行头脑风暴,从而较精准的获取对应的关键词,进而定向关键词,最终围绕关键词进行赋能。下面我们感受一下这个简单的例子:

  • 品牌:餐饮
  • 用户诉求1:点外卖最好随点随到,省时间
  • 目标用户1:上班族
  • 关键词提取1:及时
  • 品牌简析:餐饮黄色首选、时效性相关的我们可取橙红色;餐饮我们是不建议红色取向的,所以我们可以暂定色1号为黄橙色。为了更加凸显商家做餐时效性的主题,我们还可以增加一些slogan:如,我就在你家楼下。


4-5 体现个性化
尽量在设计中避免同质化,在方案可行的同时摄入个性化色彩,区别竞品的同时更容易赢得用户的青睐和记忆。设计一个奢侈品的网站并不是非得要用红色,设计从来都没有统一的标准,只有相对的规范,恰到好处就是好方案。

4-6 摒弃竞品的配色方案

如果竞品已有一个系统且鲜为人知的品牌色,最好不要抄袭它,尽量将其摒弃;因为你很难用同一颜色覆盖用户原有的记忆,以至于很难用同一色彩区别两个品牌。在品牌配色系统中后者自然就容易遭受降维打击。


小结

选色时尽量贴合业务、需求导向、目标用户进行选色;以上是基于品牌基准色选择的一些方式和方法,并非所有都适用;实际项目根据客观需要进行着手,并非一成不变。


参考来源:

百度百科 \UEclub \Pantone

图片来源:

来源网络,如有侵权联系删除

Powered by Froala Editor

更新:2022-03-08

收藏

0人已收藏

楚焱UX

设计只为找到生活的共鸣

  • 10

    作品

  • 12

    粉丝

  • 6

    关注

  • 科学的系统配色学这招-终身受用
  • 色彩思维之色彩联想
  • 色彩模式都不清楚,你怎么配色 2
  • 色彩模式都不清楚,你怎么配色 1

    猜你喜欢

      2022-03-08 原创文章 经验/观点 举报 604 0 0 0

      如何选择品牌基准色

      0.0°

      你确定要举报如何选择品牌基准色

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2022年03月07日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      0
      0
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录