摘要:本篇文章讲解了前端UI在做交互设计时色彩方面应该注意的内容,希望阅读本篇文章以后有所收获,加深大家对交互设计的理解。
一、颜色
Red
热情、警示
Green
成功、通过、安全
Blue
专业、科技
Pink
典雅、明快、女性
Orange
醒目、温暖
Purple
高雅、浪漫
Yellow
活力、提示
Cyan
清新、冷静、结构化
Grey
平稳、中性
二、色彩应用
1、品牌色的应用
品牌色是体现产品特性和传播理念最直观的视觉元素之一
2、中性色的应用
灰色作为中性色,它的使用有利于关键内容的衬托和功能的引导。这类色彩主要体现在导航框架、背景底色、描边、或次级操作等等。
3、功能色的应用
这类色彩起到传递功能信息、代表某种状态等作用。主要应用于消息通知、反馈提醒、表单校验这类场景中的成功、出错、失败、提醒、链接等状态。
blue链接说明色
green成功色
yellow警告色
red失败色
4、视觉层次
将品牌色赋予在重要信息或关键主动点上,并衬以大面积的中性色,可以让用户更聚焦到任务本身,从而提高任务的执行效率。
注:界面用色建议不超过三种(数据图表和图形类插画除外)。
5、色彩的易识别性
操作类的色彩搭配都应满足颜色对比值 3:1 的最低标准。
本文由职坐标整理并发布,了解更多内容,请关注职坐标设计创作交互设计频道!
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号