配色方法,三种UI的选择配色方法插图

配色方法,三种UI的选择配色方法

UI设计师配色入门必修手册。

photoshop配色达人速成插图

photoshop配色达人速成

我参照了模板为什么最终效果很别扭,为什么我的页面总是很花哨?因为元素间的色相,明度,饱和度,调和不合理所致,下面是我对色彩的一些看法,让高手见笑了

广告位
配色方法,三种UI的选择配色方法(4)插图

配色方法,三种UI的选择配色方法(4)

方法一:色轮配色 色轮由 12 种基本的颜色组成。 首先包含的是三原色( Primary colors ),即蓝、黄、红。 原色混合产生了二次色( Secondary colors ),用二次色混合,产生了三次色( tertiary colors )。 色轮

配色方法,三种UI的选择配色方法(2)插图

配色方法,三种UI的选择配色方法(2)

d、分裂补色配色 如果我们同时用补色及类比色的方法来确定的颜色关系,就称为分裂补色。 优点:这种颜色搭配既具有类比色的低对比度的美感,又具有补色的力量感。形成了一种既和谐又有重点的颜色关系。如在上面三种

配色方法,三种UI的选择配色方法(3)插图

配色方法,三种UI的选择配色方法(3)

3、 调整透明度(1%-100%随意,省心的做法是直接键入一个整数值,比如:轻质感类页面可以选20%-40%,重质感感类可以键入60%或以上) 如下图(将色块使用柔光混合模式,调整不一样的数值得到不同的效果) 同样的方法

Photoshop教程:给漂亮MM配墨镜插图

Photoshop教程:给漂亮MM配墨镜

最终效果图 原图 素材图