UI配色的概念和技巧

用户头像
北京/UI设计师/5年前/212浏览
UI配色的概念和技巧

积累

第一部分  UI配色的概念

UI的配色和平面有本质的不用

因为颜色的载体不同,发挥的空间也就不同

在平面中,有一句话,没有任何一个难看的颜色,只有你配不好的颜色

UI的视觉配色,有三个要完成的目标,主色、辅助色、中性色

主色,是一个应用中的品牌色,核心识别色彩应用在一个应用中最重要的元素当中

辅助色,搭配辅助色增强视觉感受和元素突出的色彩,在主色无法很好传达意图或完成视觉需要的时候应用

中性色,是应用中的文字、背景色,黑白灰基调是奠定这个应用使用基础的色彩体系

第二部分 关于拾色器的认识

想了解拾色器,现了解HSB模式,如何在选色过程中应用HSB思路

第三部分  配色的黄金三分法

在大量的分析中,互联网产品的主色和重要的辅助色都会往右上角聚集,一些次要的不可点的色彩聚集在中上方

文字和背景色则聚集在左侧  无人区则是我们重点避开的对象

主色区:鲜艳、生动、活力、激情

过渡色:明快、缓和、轻松、平复

中性区:冷静、中庸、正式、死板

荧光绿和荧光黄比较特殊,往回拉一点

第四部分  配色的四象限

主要是大应用

应用本身没有那么多功能,主色、辅助色和图片

品牌感已经很强烈,更多的是希望用户发现和使用更多的功能

更多是对内容的关注

2
举报
|
5
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
拟物风质感写实UI卡片合集源文件
高级表盘系列UI源文件
【新年UI图标】30个图标
【新年UI图标】珠宝icon
【新年UI图标】汽车icon
抽象液态渐变UI背景模版
3D卡通UI界面图标可爱插画免扣素
【新年UI图标】秒杀icon
3D渐变流体抽象矢量UI背景图
新拟态风格 UI设计组件库
【新年UI图标】银行卡icon
【新年UI图标】钱包icon
我的钱包-UI界面设计-app
手表表盘UI系列
盲盒APP UI设计
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
矢量立体简约UI蓝白图标
智能家居中心 简约 UI设计组件库
钱包ui模板
高级感金属拟物 UI设计组件库
UI通用设计素材1
【新年UI图标】会员icon
Security Camera UI kit
你可能喜欢
相关收藏夹
大家都在看
登录注册