你还在选择免费建站-网页色彩的搭配教程:三个

--------

你还在选择免费建站

-------

创刊词:最值得个人收藏的颜色设计方案方式!颜色搭配是一门花式多种多样的大学问,但任天地奇招再多,独孤九剑总有破法,今日阿里巴巴的同学这篇颜色设计方案方式,唯一简易3大类,但包括了诸多顶尖的配色技能,不能多得的集大德篇,别错过咯。

小编强烈推荐:网页页面配色设计方案实例教程专题 【网页页面配色基础理论、配色专用工具一扫而光!】

为何要梳理设计方案颜色方式?

在颜色设计方案运用中,大家对色调不一样程度的了解,危害到设计方案网页页面的主要表现,娴熟地应用颜色搭配,设计方案时岂不事半功倍。一张出色的设计方案著作,它的颜色搭配必然和睦得体,让人赏心 悦目,反思大家在设计方案全过程中,如何的颜色搭配更非常容易做到设计方案目地,又是甚么危害了大家的配色逻辑思维呢?

以下几点常会危害颜色搭配逻辑思维:

仅关心颜色表象 搭配方式不足系统软件 颜色与组成把握不到位

最先,大家简易了解一下色相和色彩定义:

接下来大家按三个大类的配色方式,结合一些实例 ,剖析颜色在网页页面中的运用技巧。

一、色相差而产生的配色方法

1.1 有主导颜色配色

这是由一种色相构 成的统一性配色。即由某一种色相操纵、统一画面的配色,假如并不是同一种色相,色环上相邻的相近色还可以产生相近的配色实际效果。自然,也有一些色相差别较大的做法,例如撞色的比照,或有没有颜色的比照,但这里先讲述带主导色的配色实例。

1.1 -1 同色系配色

同色系配色是指主色和辅色都在统一色相上,这类配色方式常常会给人网页页面很一致化的体会。

twitter的实例

总体蓝色设计方案带来统一印象,色调的浓淡各自承载不一样种类的内 容信息内容,例如信息内容內容控制模块,白色底意味着客户內容,浅蓝色底意味着回应內容,更深一点的蓝色底意味着可回应实际操作,色调主导着信息内容层级,也维持了twitter的品牌形象。

见解:色调差分信号割网页页面层级和控制模块,并意味着不一样作用每日任务特性。

1.1-2 相邻色 配色

近邻色配色方式比较普遍,搭配比同色系略微丰富多彩,色相温和过渡看起来也很和睦。

ALIDP的实例

纯度高的颜色,基本用于组控制和文字题目色调,各控制选用相邻色使网页页面不那末简单,再把颜色饱和状态度减少用于不一样情况色和控制模块区划。

见解:根据品牌色的相邻色应用,灵便应用到各类控制中。

1.1-3 相近色配色

相近色配色也是常见的配色方式,比照不强给人色感平静、调合的觉得。

BENMAPT的实例

红黄双色主导网页页面,颜色基本用于不一样组控制主要表现,鲜红色用于导 航控制、按钮和标志,同时也作輔助元素的主色。运用偏橙的黄色替代品牌色,用于內容标识和情况搭配。

见解:根据品牌色的相近色应用,有主次地用到网页页面各类控制和行为主体內容中。

上一页 1 2 3 4 5 下一页 ---------

你还在选择免费建站

------------