征集网锐志网络淘途找素材上91
创意在线首页
平面设计交互设计CG动漫工业设计建筑环境数码影像创意搜
 首页大赛征集资讯教程画廊访谈作品集创企同盟设计招聘人才专区竞赛台专题论吧 找素材看酷站设计网址库
交互设计首页
当前位置:首页 > 交互设计 > 观点 > 正文
网页颜色论:创建属于自己的网站配色方案
作者:北纬二十五度 来源:译言 发表时间:2010-3-2 16:48:51 浏览:

以下是Kuler给我们的基于这张图片的五种配色方案:


彩色


亮色


柔和色


深色


暗色

下图是基于同一张图片使用Photoshop得到的配色方案:

正如你所看到的,使用Photoshop得到的版本和Kuler提供的版本完全不同,但是以上的所有配色方案都具有视觉上的吸引力。这里的Photoshop版本了比上例用了更长的时间,部分原因图像颜色的多样性。

最简单的配色方案

正如我们前面提到的那样,在别的中性色调色板中添加强调亮色是创建配色方案的最简单方法。运用这种方法也可以创造出最引人注目的视觉效果。如果你对自己在创建自定义配色方案的技术方面没有自信的话,可以先从这种类型的调色板开始。

这里有几个例子可以让你理解我刚刚说的内容:

这里可以看到如何使用棕色,而不是灰色使整个方案看起来更偏向于暖色,即使在用蓝色来强调的时候。

在这种类型的方案中,可以使用任何颜色的色调代替灰色或者棕色,只需要保持接近灰色的范围内就可以得到最简单的结果。作为一般规则,冷灰色和纯灰色对于现代设计是最好的选择。在传统的设计中,偏向暖色的灰色和棕色搭配在一起看起来更好。

有多少种颜色?

您会注意到本文通篇使用的配色方案只有五种不同的颜色。五是一个很好的数字,它为这里的概念图解提供了许多的选择,同时,在设计中它也是一个可行的数字。当然在你自己的方案中可以任意选择更多或者更少的颜色。

绝大多数网站可能只在其设计使用3种颜色。甚至有一些只使用2个。而有些可能使用8种或10种,这相对于仅使用少量颜色的网站来说难度更大。通过实验决定在你的设计中使用多少颜色。但是你可能希望从五种颜色的调色板开始,然后在设计的过程中决定是增加还是减少颜色以达到最合适的状态。

添加一种颜色最简单的方法是立足于已有的传统配色方案,然后基于这些配色方案来开始工作。这至少给你一个方向定位,直到有其他的颜色可以考虑。

配色方案精美的10大网站

为了给你更多的灵感,这里有10个具有完美配色方案的网站可以参考。下面的一些配色方案可能乍眼看起来有些奇怪,但是可以参考他们是如何使用极尽可能广范围的配色方案来展现的。


1 2 3 4 5
在线编辑:xudf
本文链接:


推荐阅读:
·2021第十五届“创意中国”设计大奖 征稿章程
·2021第七届“学院派奖”全国艺术与设计大赛征集公告
·青春唯美插画培训网络远程班正在招生
·第八届中国高等院校设计作品大赛启动
·第十二届中国高校美术作品学年展获奖名单公布
·2021第七届“学院派奖”全国艺术与设计大赛征集公告
·第六届“包豪斯奖”国际设计大赛获奖名单揭晓
免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息。对本文有异议,请联络本站!
转载要求:文章作者及来源信息必需保留。转载之图片、文件请不要盗链本站地址,且不准打上各自站点的水印!

近期推荐报道 返回首页更多精彩等着你!

Illustrator| 用AI创建精细矢量插图徽章Photoshop| PS经典合成张开血盆大嘴樱桃
Photoshop| Photoshop自制个性的黑色翅膀摄影佳作| 德国Thomas Wuhrer长腿女郎性
Photoshop| Photoshop制作超酷的边缘发光的荧CorelDraw| CorelDRAW制作编织效果详细教程
Illustrator| illustrator制作潮流海报字体摄影佳作| 惊艳的Francesco Marconi
Photoshop| 利用画笔及图层样式制作方格子艺术纹理背景Photoshop| Photoshop制作简单时尚的彩色放射
关于本站 | 联系方式 | 商业服务 | 合作伙伴 | 站点地图 | 免责声明 | 版权声明 | 在线投稿