开始设计时,选择一种颜色不容易,确定整体的配色更是一件难上加难的事情,常常让设计新手手足无措。

好不容易确定了网站的主色,还要花大把时间去调适点缀色。
而那些新潮、流行的设计总是能够使用户为其出众的色彩搭配而眼前一亮。

鉴于此,我们不妨看看这40个网站的配色,看看是否能够在其中学习借鉴到些什么,每个网站截图下方都有一目了然的配色卡。试着以后也为你的网站找到合适的色彩再设计哟。

如果您在配色上确实还处于迷茫阶段,可以看看腾讯同学分享的一篇经典文章《网页配色进阶篇:叠柔配色技巧》

SecretKey

SecretKey

SecretKey Palette

Scott McCarthy Design

Scott McCarthy Design

Scott McCarthy Design Palette

El Designo

El Designo

El Designo Palette

Melonfree

Melonfree

Melonfree Palette

Glue Pro

Glue Pro

Glue Pro Palette

SquareFactor

SquareFactor

SquareFactor Palette

Hyundai Veloster

Hyundai Veloster

Hyundai Veloster Palette

Pixels & Aromates

Pixels & Aromates

Pixels & Aromates Palette

Fitz Fitzpatrick

Fitz Fitzpatrick

Fitz Fitzpatrick Palette

Barni Design

Barni Design

Barni Design Palette

SoftwareMill

SoftwareMill

SoftwareMill Palette

The Enterprise Foundation

The Enterprise Foundation

The Enterprise Foundation Palette

RS Collab

RS Collab

RS Collab Palette

Paw Studio

Paw Studio

Paw Studio Palette

Viximo

Viximo

Viximo Palette

NAF – The Daily Commute

NAF - The Daily Commute

NAF - The Daily Commute Palette

TCM – Summer Under the Stars

TCM - Summer Under the Stars

TCM - Summer Under the Stars Palette

Spektrum Media

Specktrum Media

Specktrum Media Palette

Cheval Blanc

Cheval Blanc

Cheval Blanc Palette

NASA: Prospect

NASA: Prospect

NASA: Prospect Palette

TV Safety

TV Safety

TV Safety Palette

Lorenzo Verzini

Lorenzo Verzini

Lorenzo Verzini Palette

Like There Is No Tomorrow

Like There Is No Tomorrow

Like There Is No Tomorrow Palette

Gubb & Mackie

Gubb & Mackie

Gubb & Mackie Palette

Neilson Photography

Neilson Photography

Neilson Photography Palette

Kikk Festival

Kikk Festival

Kikk Festival Palette

These Are Things

These Are Things

These Are Things Palette

The Shihab

The Shihab

The Shihab Palette

Duplos

Duplos

Duplos Palette

Speed Motion

Speed Motion

Speed Motion Palette

Cuisines Schmidt

Cuisines Schmidt

Cuisines Schmidt Palette

Dashag

Dashag

Dashag Palette

Sqd

Sqd

Sqd Palette

MeetInnov

MeetInnov

MeetInnov Palette

Masha Studio

Masha Studio

Masha Studio Palette

Kavat Eventbyra

Kavat Eventbyra

Kavat Eventbyra Palette

Fernando Nako

Fernando Nako

Fernando Nako Palette

Josef Kjaergaard

Josef Kjaergaard

Josef Kjaergaard Palette

Activate Media

Activate Media

Activate Media Palette

Heimplanet Zelte

Heimplanet

Heimplanet Palette

总结:

多尝试、多搭配,除了经典配色,还可以试试混搭,很快你会自成一派。

原文地址:onextrapixel
本文由优设网原创翻译

转载请注明:学UI网 » 玩转整体色彩搭配!看看这40个经典案例

登录收藏
 
你可能喜欢的:
为什么颜色很重要为什么颜色很重要
生硬的渐变!我要和你说再见!(上)生硬的渐变!我要和你说再见!(上)
拆解·暗黑模式の文字配色拆解·暗黑模式の文字配色
UI设计师必备的配色理论(附案例演示)UI设计师必备的配色理论(附案例演示)
设计师如何突破瓶颈?设计师如何突破瓶颈?
Duotone双色调设计风格 | 五步轻松搞定Duotone双色调设计风格 | 五步轻松搞定
「佳作翻译」如何在UI设计中使用颜色「佳作翻译」如何在UI设计中使用颜色
如何定义你的色板?如何定义你的色板?
初级设计师必备-色彩基础部分【内附干货】初级设计师必备-色彩基础部分【内附干货】
Dribbble-变化的尝试Dribbble-变化的尝试