UI配色的概念和技巧

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

积累

第一部分  UI配色的概念

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

第四部分  配色的四象限

主要是大应用

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

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

更多是对内容的关注

2
举报
|
5
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
UI通用设计素材1
【新年UI图标】旅行icon
我的钱包-UI界面设计-app
【新年UI图标】美食icon
【新年UI图标】体育icon
新能源APP应用UIKit
【新年UI图标】礼物/活动icon
【新年UI图标】汽车icon
高级表盘系列UI源文件
3D渐变流体抽象矢量UI背景图
UI界面 组件
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
手表表盘UI系列
UI应用平面图标
智能家居中心 简约 UI设计组件库
UI 登录界面设计模板包
Security Camera UI kit
森系3D渐变流体抽象矢量UI背景图
户外旅行飞机情侣假日出行
盲盒APP UI设计
钱包ui模板
【新年UI图标】积分icon
【新年UI图标】活动icon
你可能喜欢
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册