首页 > 网页教程 > 设计分享 > 那些技巧可以帮你玩转单色配色设计?

那些技巧可以帮你玩转单色配色设计?

时间:2017-10-17    来源:优设网

配色几乎是所有设计分支当中都绕不开的问题。通常我们所看到的配色都是由2~ 3 种主要的色彩构成,单色配色并不是设计师的首选配色方案。但是单色配色方案在很多设计项目当中,都呈现出了极具表现力的一面。结合许多新的趋势和新的技术,优秀的单色配色并不一定弱于多色配色。

由于绝大多数的设计项目都倾向于使用多色调配色方案,这使得单色配色在诸多不同的设计当中,更容易脱颖而出。

选择基础色

单色配色的设计最难的地方,其实也就是挑选色彩这个事情。诚然,设计师不需要进行多色调搭配筛选,但是直接决定整个设计的色彩,挑选起来其实更加艰难。

一般而言,不同的色彩有着不同的气质,传递出不同的情绪,你可以从这方面着手。

  • 红色:爱,激情

  • 蓝色:和谐,信任

  • 绿色:希望,自然

  • 黄色:乐趣,能量

  • 粉色:浪漫,女性化

  • 紫色:神秘,幻想

仔细想想你设计对象的品牌形象和产品定位,什么样的色彩会比较合适?

确定色彩的色相之后,接下来你需要考虑色彩的明暗和饱和度。你需要营造柔和的感觉还是明亮的效果?调整这些属性,让主色调更贴合你的设计目标。

学会调整明暗和饱和度

单色配色并不是指只有一种颜色,而是只有一种色相。我们在色环上常见的色彩,默认情况下饱和度和亮度都是100%。确定色相之后,你可以通过调整明暗和饱和度,来创造一套和而不同的配色方案。通常,我们会使用Tint(色彩)、Tone(色调,饱和度)和Shade(色度)这三个属性,来对色相下的颜色进行界定,以及调整。

  • Tint:用选定的颜色和白色混合产生的颜色

  • Tone:用选定的颜色和不同程度的灰色混合产生不同饱和度的颜色

  • Shade:用选定的颜色和不同程度的黑色混合产生不同色度的颜色

所以,确定了颜色之后,通过调整色彩、色调和色度,你能获得一个色相下不同的颜色,创造出有层次的配色方案。

当然,你所创造的这套配色方案内不同的颜色之间,要有足够的对比度,让用户能够识别出来。

你可以让不同的元素的色彩,在整个设计中保持色相相同明暗次第变化,构成一个阶梯型的色阶。

实际上,许多有趣的单色配色效果,在印刷品上面表现得颇为不俗。很大程度上,是因为它不仅能够呈现颜色,而且能够借助不同的工艺,实现不同的质感。

相关推荐
视觉设计之材质绘制的色彩理论
网页配色经验分享:叠柔配色技巧及图解分析
网页配色之色彩搭配技巧与色彩对用户的心理作用
走心的技巧!如何为色盲用户提升网页的可用性?
3个使用鲜艳配色来制作WEB/APP界面的技巧分享
色彩设计:10分钟就能学会超好用的「九宫格」配色技巧
移动应用图标配色诀窍 APP界面配色设计教程
网页色彩搭配教程:三个实用方法搞定网页配色设计
2015年网页设计配色趋势预测
QQ空间配色变迁解密:“杀集取卵”!
网页配色教程:六条网页设计安全配色指南
色彩搭配教程:颜色对用户究竟有哪些影响?
配色教程:手把手教你从大师的作品中借鉴配色灵感
网页配色设计:红色空间如何设计才好看?
网页配色设计:如何运用黄色来表达网页的光感?
网页配色设计:如何用蓝色调搭配出天空和大海的感觉?
年度总结:最新视觉设计六大趋势分享
5个色彩进阶技巧!帮你创造更优质的网页用户体验
双色调配色、分屏式设计、空间共享式排版的网页设计趋势
色彩设计:色盲用户的友好体验,你应该注意五点
配色设计:写给零基础新手的配色指南
100%提升转化率?据说懂这些色彩心理学知识就行
最受欢迎的色彩出炉了,她的名字叫马尔斯绿
配色设计一些有趣且有用的小技巧分享
超全面的UI设计配色指南 拿走不谢!
色彩设计:配色方法论之观感谜题
UI设计中最常用的色彩为什么是蓝色?
配色设计:如何在设计中搭配出好看的颜色?
PANTONE潘通预测的10种2017年秋冬两季流行色
深入探讨图片格式与网页设计的那点事儿
色调心理效应 颜色在网页设计中的重要性分析
网页设计新趋势:撞色风(Color Blocking)风格的网站欣赏
创造视觉冲击力的网页设计配色技巧
色彩情感对用户体验设计的影响

精彩推荐

热门教程