小卓卓在这里一说Bigbang,很多妹子指不定就尖叫起来,对于YG公司目前最有影响力的男团,吸引万千粉丝为之疯狂。当大家在看他们的MV时,除了听觉上极强的节奏感,视觉上更是一场色彩盛宴,作为设计师的你难道不看?想要做好网站建设中的网页设计,一定要去看一看,今天就让张家港网站建设的小编我给各位具体讲讲吧!
第一印象决定一切,大家都可以从各自的外表上大概看出一个人的性格。同样的,这个理论也可以延伸到设计工作里。影响设计工作的因素有很多,但是第一时间被关注到的应该是颜色。
大家看完这些配色分析之后,对于什么是互补色?相似色?对比色?是不是也想深入的了解一下呢?下面我们就来给大家讲讲配色的基础知识。
所谓安全配色,就是遵循一些设计规范,色彩规范,适应于Web和其它方面的UI设计,在这些色彩的基础上,只要能控制好比例,就可以大胆的配色,无需参考,无需临摹,无需借鉴。一种感性的安全配色,一种符合标准的安全配色。
学习配色的3种方法
1:颜料涂鸦
买一点颜料,水彩,水粉,丙烯都可以,学习一点点色彩的基础知识,然后使用各种颜料大胆的调色,你会发现,原来色彩与色彩之间很神奇,又那么好玩,何为优秀?无需去考虑,跟着自己的喜好走,乱涂乱画,使用颜料大胆调和。
2:观察生活
比如我们的木质桌子,它由那些相似的棕色组成?杂点,灰尘,晚上使用台灯或者白天的自然光下,桌子的颜色的饱和度,明暗度会有什么改变。再如外面的大树,不同的时间,它的阴影的长短,深浅,角度,有什么不同,不同植物的绿色有什么样的差别,多看看,多拍拍,你会有很多色彩的感觉。
3:玩转软件
比如使用Photoshop CS以上的插件Adobe Kuler, CC2015版本是Adobe Color Themes. 观察他们的色彩模式,色环角度,颜色位置,也能大幅度找到很多色彩感觉。
要零配色,不经过任何参考创造UI界面设计的安全配色方案,我们可以通过四个阶段来训练,来学习。
第一阶段,色彩知识理解
如果要对色彩把控准确一些,多一些感觉,我们可以学习一些常用的色彩知识,当然一些不是怎么用的了解一下,我这里也不列出来,下面是我自己常用的一些色彩知识。
1. 色环、色相、明度、对比色、冷暖色
2. 三原色
三原色分为两种:
a)光源、显示屏:红绿蓝(RGB),设计常用。
b)颜料、油漆桶、美术:红黄蓝。

3. 无色系
说简单点,黑白灰,现实生活中,无色系色彩是相当多的。
4. 类比色,相似色

5. 互补色,对比色

6. 单色

7. 分裂补色

8. 二次色(三位一体)

9. CMYK
CMY是3种印刷油墨名称的首字母:青色Cyan、品红色Magenta、黄色Yellow。而K取的是Black最后一个字母,之所以不取首字母,是为了避免与蓝色(Blue)混淆。

10. 色彩心理学
这个是我自己看了美国视觉设计教材后摘下的,也就是大家常说的色彩的内涵,色彩传达的意义。当你使用颜料玩色彩的时候就比较常用啦,如果用Photoshop 去玩的话,那是可以反悔的。
偏黄:减黄
偏红、品:加青(红色的补色)、减品
偏紫:(多大量蓝,少量红)加黄,减品
偏绿:加品
第二阶段,配色软件运用
快速了解了上面常用的一些色彩知识后,就可以使用软件进行配色啦,小编没吃饭,就不上图了。
1. 马赛克配色法
这种方法非常简单,不需要使用软件搭建色彩关系,随便选一张图片,建议『风景照』,因为大自然的色彩是最和谐的,最安全的,不建议使用别人的插画或者设计作品来马赛克。
a)首先要想想自己做的设计的目标是什么?我是要做个人网站?还是要做万圣节UI?还是要做企业产品站?还是要做女生主题?还是…….
b)然后根据你了解的色彩心理学,如果是要做女生使用的UI,那我们可以使用粉红,紫色等等女生会喜欢的鲜艳的色彩,那我们尝试找一张『秋天,落叶,唯美』风景照
c)然后使用Photoshop把它马赛克了,滤镜下的马赛克,记得要大大的码。
d)好了,配色方案已经出来了,很安全,你还要怎样?如果你嫌弃这个颜色,要调整,图层建立一个饱和度调节层即可,方便快速。
第三阶段,色彩记忆感
熟悉web设计中的常用配色,甚至可以多记忆,培养一种下意识的色彩感觉,记忆常用的色彩的英文名称和中文名称。
常用背景颜色
常用文字颜色
第四阶段,高质量色彩资源探索学习
学习譬如Google design中的Color,Material design等新玩意儿,学习新的色彩思维和创意方法。
通过以上4各阶段的学习,或者一般情况学习到第二个阶段,你就可以运用软件安全的创造一套配色方案。不需要太深的色彩基础。如果你确实很懒,没关系,只要掌握了第二阶段的软件配色方法,就OK,当然色彩的比例要自己多练习多把控了,并不是说你创造了配色方案就能做出漂亮的作品。这就需要我们掌握色彩比例控制。

![]() |
|
|