配色指南 一个专题囊括所有配色方法和技巧!

来到本专题,你不仅可以掌握基础的色彩知识,还能学会高手的配色训练方法和独家配色技巧,更有超多在线配色神器免费使用,让你轻松从配色小白变高手!

优设专题 2019-03-03

写给设计新人的配色攻略:单色篇

单色配色的定义大多数的设计项目都倾向于使用多色调进行搭配,获得丰富的视觉层次,但有些时候画面只使用少量颜色也可以做出优秀的设计。单色并不是指只有一种颜色,而是只有一种色相。单色配色是只使用一种色相进行色彩搭配的方法。

优设文章 2021-09-17

一秒搞定高级配色!这个免费的在线神器超好用!

大家好,我们是你们的范范,不知道大家有没有感觉,一个好的配色影响你整体页面感受,有时候整体页面布局非常好,但就是因为颜色搭配,没有过稿,导致别人对你的设计质疑,还有看似非常简单的设计,就是很高端,是什么原因?比如像下面这个来源:dribbble.com所以就今天给大家带一款高级配色神器,让你分分钟解决配色难题,话不多说,我们一起来看看,建议可以先收藏并转发,以备需要之日调用。[link https://www.uisdc.com/25-color-matching-tools]该神器包含了,调色板生成器、颜色转换器、色轮、对比度...

优设文章 2021-08-25

色采:找配色终于不用那么麻烦了

完成一个好的作品,除了需求一个好的构图外,好的配色也至关重要。在最初开始需要多重借鉴色卡的时候,需要花费大量时间查阅、找色。而「色采」就解决了这个问题,你可以直接通过相机实时取色,将眼前的场景色彩全部记录,也可以直接从相册中读取一张图片的色彩搭配,同时可以自行编辑色卡,找到最适合的色彩。

细节猎人 2021-08-24

想做好UI配色?只需要这三步!

一套产品色彩需要有哪几种色彩:品牌色+提醒类型颜色(成功、错误、警告)+中性黑白灰颜色(各种字体、背景、分割线颜色等)那么用到的色彩类型:品牌色品牌黑内容底色全局底色分割底色图标色文字链接可点击颜色提示信息错误提示错误提升文字颜色重要文字常规文字辅助文字 1辅助文字 2反白文字或图表次要的反白文字或图表分割线常规分割线(10%)、强调分割线(30%)、最弱分割线(5%)反白:常规分割线(10%)、强调分割线(3...

优设文章 2021-07-10

学会HSB色彩模式,让配色有理有据!

念起作为一名 UI 设计师,不免每天都会和色彩打交道,但有时总会苦恼于色感把握不准,让我们配的色彩,总是“不对味儿”。我结合在近期的一些项目中对于 HSB 色彩模式的应用,与大家分享一些结合 HSB(HSV)色彩模式帮助我们进行配色的理论和技巧。也欢迎大家一起讨论,共同进步。

优设文章 2021-04-08

找不到配色灵感?这个网站有全世界设计师的优秀色板!

如果你需要一些配色灵感,我介绍过许多色彩工具,通常都会给出不错的色彩组合,还有从特定主题挖掘色彩搭配,像是 Color Leap 时光机则是查询每个时代流行的配色组合:[link https://www.uisdc.com/color-leap]当然也有很多色彩工具是采用随机显示,相较于有明确主题可能需要更多创造力才行。本文要介绍「Veranda Colors」是最近新推出的调色盘、在线配色选色服务,主要可以随...

优设文章 2021-03-09

超详细!总监出品的B端设计规范指南(三):配色

B 端设计也是 UI 设计的一种,它的输出环境只存在于电子屏幕中,所以统一使用 RGB 色彩显示模式即可。RGB 即光的三原色,因为每个像素点是由 R 红色、G 绿色、B 蓝色三种颜色的不同色彩强度混合而成。所以 RGB 色的表示可以由 3 个颜色各自使用 0-255 中的数值来呈现,比如:这是 RGB 色彩最标准的记录方式,但显然看起来特别的不直观,或者说不方便。

优设文章 2021-02-22

找不到配色灵感?这个网站给你100种选择!

如果平常的工作和设计有关,对于色彩应该也会有一定的敏感度,若对颜色没那么熟悉,其实网络上有不少配色工具可以使用,通常会以不同方式产生调色盘,让使用者在各种颜色里快速选择取用色码,有助于降低色彩选择的难度和时间。之前推荐过一些以特定主题收录的色码表,像是 NIPPON COLORS 就有代表日本传统的 250 种颜色:[link uisdc.com/nippon-colors-free-website-build...

优设文章 2020-11-17

一个神仙中国风配色网站带你看遍最美「中国色」

「中国色」是一个中国传统色彩参考平台,收录了几百种完整的中国传统配色的色名、色谱、色值信息,并提供了CMYK与RGB两种模式的颜色色值。颜色之间切换还会有数据可视化的交互变化效果,使用感流畅又兼具美感。色谱信息参考了「中科院科技情报编委会名词室科学出版社」,专业性有保障,值得推荐。

细节猎人 2020-11-09

配色不够协调,该如何解决?

配色一直以来都是设计圈内老生常谈的话题,一幅优秀的作品离不开合理协调的颜色搭配。不同的颜色所表达的含义不同。即便是相同的颜色,明度和纯度不同,给人的视觉感受也不同。

优设文章 2020-10-26

筛选了100个配色工具后,我挑出了这25个!

UI 设计中,颜色几乎是最先被感知到的设计元素,好的色彩感知是成为一个优秀的设计师的基础,配色工具层出不穷,辞典酱在筛选了100多种配色工具后,精选了这25个,相信必然帮到你!Cool BackgroundsCool Background 是产品设计师 Moe Amay 创建,是由5个开源生成器整理组成的彩色图像工具集,内置5种不同的背景风格,每一种风格还提供了简单的参数配置。非常的炫酷美观,你可以将其添加到博...

优设文章 2020-08-24

10年经验的资深设计师,总结了这份 UI 配色终极奥义

配色,设计师的世纪难题。从平面到屏幕,CMYK 到 RGB,墨点到像素,色彩越来越丰富,形式越来越复杂。UI 的发展从拟物的繁琐细节中挣脱出来,却在色彩的展现中放飞了自我。

优设文章 2020-07-30