<
>

超实用!设计师自学手册之色彩搭配简易指南

2017-11-02 19:33:11 来源:易采站长网友投稿 作者:优设网

  那篇文章比力体系的引见了寻觅配色计划灵感的一些思绪,辅以年夜量案例去注释配色办法,浅显易懂,最合适新脚了。

  颜色是设想师脚中壮大的兵器。

  它吸收着用户的视野,唤起感情,转达内在。正在一项闭于颜色的调研中,研讨职员发明,用户关于产物的快持久策 90% 是基于颜色的。

  以是颜色的使用关于设想去道相当主要,每种色彩皆有本人的意义,而多种色彩的组开也需求实际指点。

  挑选配色计划

  

uisdc-color-20161215-(0)

 

  偶然候颜色拆配是一时的灵光乍现,但更多时分,它有更体系的方法去拆配。

  肯定目标

  正在开端设想之前,先肯定设想目标。正在开端前问本人那些成绩:

  您念用您的设想转达甚么疑息?

  您的设想的目标是甚么?要供给疑息?压服?

  您念让您的设想唤起甚么感情?

  您的设想的目标该当为您挑选您的调色板时做为指北。

  肯定您的受寡群体

  

uisdc-color-20161215-(1)

 

  人们对色彩的觉得是差别的。色彩是不雅察者内部呈现的心思征象。色彩按照小我私家偏偏好,文明培育战经历对人们有差别的影响。因而,为了理解人们怎样对您的设想做出反响,您需求肯定您的受寡。

  固然了,也有一些遍及合用的颜色的寄义。绿色遍及代表年夜天然,果为它是植被的色彩。但是,像白色那样的色彩正在差别文明中的注释差别。正在西圆天下,白色取水,暴力战战役有闭。它也取爱战热情有闭。但是,像中国那样的国度将白色取繁华战幸运联络正在一同。

  

uisdc-color-20161215-(2)

 

  果为色彩有许多差别的寄义,以是将您做为设想师的心思色彩模子取您的不雅寡相婚配长短常主要的。

  要理解更多闭于差别国度战生齿统计的色彩意味着甚么,请检察色彩正在市场营销战品牌的色彩心思教战色彩的意义。

  白色篇:《设想师的念书条记!带您从头片面熟悉颜色系列之白色篇》

  橙色篇:《深化浅出教配色!带您从头片面熟悉颜色系列之橙色篇》

  黄色篇:《深化浅出教配色!带您从头片面熟悉颜色系列之黄色篇》

  绿色篇:《深化浅出教配色!带您从头片面熟悉颜色系列之绿色篇》

  蓝色篇:《深化浅出教配色!带您从头片面熟悉颜色系列之蓝色篇》

  紫色篇:《深化浅出教配色!带您从头片面熟悉颜色系列之紫色篇》

  回忆颜色实际

  颜色实际是混淆色彩的逻辑构造战理论指北。它包罗从色轮到各类色彩的意义的统统。

  《颜色拆配速成!3个真用办法帮您片面弄定配色》是很好的设想办法。您能够经由过程研读而大白为何Facebook 是蓝色?

  寻觅灵感

  许多时分我们能够出有灵感,不妨,便算是再巨大的艺术家也会云云,我们能够鉴戒别人的做品,得到启示。

  搜索灵感的好网站是:

  Dribbble

  Behance

  假如您念要找配色计划大概 Material 的灵感,能够尝尝

  MaterialUI

  FlatUIColors

  那些网站是有效的,但测验考试看看从您正正在设想的特定媒体以外的设想。那样做将协助您念出出人意料的共同战使人高兴的颜色计划。比方,您能够看看室内设想。

  

uisdc-color-20161215-(3)

 

  假如您念要差别的工具,寻觅色彩灵感正在其他文明的设想。比方,韩国音乐视频散设想以其丰硕多彩战眼睛捕获的调色板而著名。每一个框架皆能够做为灵感滥觞。

  

uisdc-color-20161215-(4)

 

  颜色计划无处没有正在,包罗您的一样平常糊口。下一次进来,停下去浏览您四周的色彩。

  

uisdc-color-20161215-(5)

 

  构建立计体系

  一个设想体系,偶然被称为款式指北,是一个框架,启拆一切的元素到您的设想内。那包罗从按钮到排版的统统。您需求思索,甚么样的按钮战您的导航栏看起去像甚么。

  有闭设想体系的示例,请检察网易的设想标准:《内部教程!超真用6步透视网易设想标准(附完好PDF下载)》,每一个初教者正在开端设想前皆该当好都雅看。

  

uisdc-color-20161215-(6)

 

  构建立计体系对配色有极年夜的协助,即便是个草图,也会给您供给思绪,甚么样的色彩,元素合适团体计划。

  连结 Kiss 本则(只管简朴),色彩越少越好,关于年夜大都设想体系,一下构造是一个好的初步:

  布景

  次要夸大

  主要夸大

  毛病色彩

  胜利色彩

  本色是最经常使用于主要按钮战重音的色彩。关于很多公司,那也是他们的标记的色彩。

  

uisdc-color-20161215-(7)

 

  帮助色彩是用于辨别主要操纵战次要操纵的色彩。比方,主按钮战帮助按钮。毛病战胜利色彩,凡是是白色战绿色,转达设想形态。比方,胜利或毛病告诉。

  

uisdc-color-20161215-(8)

 

  挑选配色计划

  如今您具有灵感战设想体系的大略草图,如今是挑选一个配色计划的时分了。关于一个根本的调色板,我喜好把我的色彩并排,便像是各人整洁天等候开会。

  

uisdc-color-20161215-(9)

 

  根底色彩能够多一些,没有关键怕测验考试斗胆的色彩。

  正在进一步确认挑选色彩的时分,再问本人:

  设想目标战受寡皆分明了么?

  甚么色彩能够简单了解?

  甚么色彩有视觉打击力战吸收您的眼睛?

  您需求一个亮堂或深色配色计划吗?

  一天的甚么时分人们会利用您的产物?

  您念让您的设想转达甚么样的表情?

  您的配色计划比同范例他人做的更好么?

  正如我正在上一节中提到的,色彩将正在您的设想体系中有差别的脚色。那也意味着每种色彩正在您的体系中皆有差别的权重。比方,您的布景色彩将比次要提醒更频仍天利用。

  

uisdc-color-20161215-(10)

 

  因而,偶然创立一个由差别尺寸的外形构成的一次性设想是有益处的,每一个尺寸大抵即是给定页里上的色彩的呈现频次战争均外表积。(园少:色彩权重越下,里积越年夜,好比布景色尺寸 > 次要提醒色尺寸)

  举个例子,那有个 Invision 的配色计划:

  

uisdc-color-20161215-(11)

 

  您能够把根底色变按照权重,换成差别巨细去预览配色计划。

  

uisdc-color-20161215-(12)

 

  使用配色计划

  为了让各人理解怎样将色彩使用于设想体系,让我们去看看 Airbnb。Airbnb 的本色是Rausch(下图左两),以公司来源的街讲定名。Kazan(下图左一) 用做主要色彩,两个灰色用做布景色彩。

  

uisdc-color-20161215-(13)

 

  关于年夜大都页里,Airbnb 利用雾灰色做为布景。您能够看到,他们利用 Rausch 做为他们的次要色彩夸大主要的动作,如请求预订列表。

  

uisdc-color-20161215-(14)

 

  Kazan 用于捕获战吸收您的眼睛。留意它怎样弥补本色。

  

uisdc-color-20161215-(15)

 

  关于毛病动静,Airbnb 利用浅白色,能够道是一种阳影。白色,连同感慨号,立刻吸收您的眼睛,并告诉您体系的形态。

  

uisdc-color-20161215-(16)

 

  念念您的设想中的视觉条理构造。思索甚么设想组件要凸起显现战分派恰当的色彩。别的,请思索对悬停战面击形态等内容利用差别色彩的阳影。试着把配色使用到您的产物上。

  

uisdc-color-20161215-(17)

 

  最初

  进修怎样用色彩设想关于设想师去道是无价的,配色计划皆是需求不竭测验考试战迭代的。假如您念更熟能生巧天处置色彩,独一的办法是做更多的事情战测验考试。

暂时禁止评论

微信扫一扫

易采站长站微信账号