网页设计师的色彩搭配方案

➜马克·扎克伯格是红绿色盲

➜他,只能看到蓝色

由于无法向其本人证实,媒体小编们都这么说,暂且相信这是真的。但无论怎么说,色彩对于任何视觉设计来说,都处于绝对重要的地位。尤其是互联网大爆炸的时代,网站色彩漂亮又科学,那它至少成功了一半。

下面的网页配色方案,或许能帮助你找到创作灵感。

- 01 -

明亮多彩  

1. 温暖与明亮 

图| 网页设计配色—明亮多彩

温和的色彩,不是小朋友的专利。粉、蓝、橙、黄的搭配,干净、明亮又温暖。明明有小公主的既视感。

2.清新与活力

图| 网页设计配色—明亮多彩  

以蓝色作为背景,显得清晰且专业。蓝绿色、橙色、黄色三色,虽然对比度很高,但效果非常干净。使用这样的组合,会让你的网站看起来清新、简洁,又充满活力。

3. 和谐与多彩  

图| 网页设计配色—明亮多彩  

这是一个儿童类网站,画面上虽然使用了很多颜色,但适当的降低了一些饱和度,且增加了很多留白设计。这个网站明明是丰富多彩的用色,但带给眼睛的感受却非常舒服。

4.明快与动感 

图| 网页设计配色—明亮多彩  

明亮的组合,总能带来一种欢快、有趣的气氛。蓝色、橙色、浅灰色,散发出活力又俏皮的时尚感。飞溅的几何型设计,为这个网页增加了生动感。

5.简单的时尚 

图| 网页设计配色—明亮多彩  

黄、绿、蓝的组合,以及画面中阴影的效果,看上去新鲜又时尚。视觉上,可以达到舒缓压力的效果。

- 02 -

低调的色彩 

1.温和与平静

图| 网页设计配色—低调色彩  

想要一个温暖平和感受的网站,可以选择这样的色调。温暖的金黄色与海蓝色,它们相互作用,产生了平衡感。

2.迷人的复古

图| 网页设计配色—低调色彩  

这是一家咖啡馆的网站,温暖的金色与低调的绿色、灰白色,创造出来一种复古迷人的效果。

3. 暴风雨色调  

图| 网页设计配色—低调色彩  

如何让网站低调时尚,且不能直接使用黑色。可以试一试这个组合:深紫色、深蓝色、粉红色,虽然颜色低调,但极具层次感。

4.温和的放松

图| 网页设计配色—低调色彩  

柔和的色彩与温和的光,这个网站呈现出来的效果自然而平静,能让我们很快放松下来。

5.天然的纯粹

图| 网页设计配色—低调色彩  

这家网站色彩灵感,来自于蔬菜与新鲜泥土。新鲜、干净的感受迎面而来。蔬菜的绿色、深红色、紫色,不加修饰的天然色,体验到的是一种难得的舒适与纯粹。

- 03 -

艺术般的色彩 

1.梵高的启发 

图| 网页设计配色—艺术色彩  

如何寻找色彩灵感?让大师梵高告诉你。名画传世百年仍旧充满活力,这就是艺术的魅力。温暖的黄、浪漫的蓝、舒适的绿,简单明快且透出灵性。大师的色彩组合,果然不一般。

2.波普艺术

图| 网页设计配色—艺术色彩  

粉色、黄色、蓝色,明亮的色调,吸引充满活力的年轻人。他们热爱极具个性,且热爱生活。这样的色彩设计,正符合他们的品味。

- 04 -

同一色调  

1.专业蓝

图| 网页设计配色—同一色调  

需要视觉上有沉稳感、专业感,深蓝色与灰白色的组合非常合适。简洁的设计,让这个网站更现代。

2.优雅的蓝与紫

图| 网页设计配色—同一色调  

柔和的不饱和色调,创造中一种低调优雅的气质。这样色调的网站,散发出一种高级感。

3.纯净的蓝

图| 网页设计配色—同一色调  

利用深浅不同的蓝色与深浅不同的灰色,纯净、清爽、简单,但绝不单调无趣。反而,看到了一种灵动。

4.丰富的紫

图| 网页设计配色—同一色调  

利用最少的颜色,达到最丰富的效果,其实并不难实现。看看这个组合,只用了一种颜色,调整了不同的色调。网站的效果纯净、优雅,且不失有趣。

- 05 -

  冷暖色系的碰撞  

1. 质感

图| 网页设计配色—冷与暖  

暖色调与冷色调的组合会有什么效果?温暖的橙色和黄色,与冷静的金属灰和青铜色,构成一种有力量的冲突感。网页的实现效果,很特别。

2.梦幻

图| 网页设计配色—冷与暖  

又是一组暖色调与冷色调的色彩组合,它们构成一种独特的氛围。网页设计用色大胆,充满活力的红色、紫色与冷酷的深蓝色、黑色,碰撞出一种非现实的梦幻感。

- 06 -

高饱和度 

1.霓虹灯视觉

图| 网页设计配色—高饱和度  

这是一个非常大胆的色彩组合,利用高对比度色彩与黑色背景,碰撞出惊艳的视觉感。

2.食欲感

图| 网页设计配色—高饱和度  

高饱和度的网站色彩,是会令人兴奋到尖叫。明艳的粉红色和黄色,为这家美食网站增加了食欲感。

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

设计师在搜索资料、浏览网站时,有时会遇到非常漂亮的网站。就像这样,做一个色彩组合分析,网页设计中使用了哪些色彩?为什么这样的组合会让你喜欢?

尝试着把合适的色彩组合,运用到自己的网页设计中,真是一个相当明智的做法。



- END -

以上图片 | 来源于网络

▌在这里,你将会看到:

1.设计圈新资讯

2.精彩作品解析

3.创作经验分享

4.课程亲测推荐

5.课程优惠活动

重要的是:

你有什么想法,或是想要看什么内容,记得直接告诉!不然,我可能会偷懒……^_^

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,905评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,140评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,791评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,483评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,476评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,516评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,905评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,560评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,778评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,557评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,635评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,338评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,925评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,898评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,142评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,818评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,347评论 2 342

推荐阅读更多精彩内容