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

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

鉴于此,我们不妨看看这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个经典案例

登录收藏
 
你可能喜欢的:
苹果Google微软魔鬼般的配色设计技巧,你肯定没注意苹果Google微软魔鬼般的配色设计技巧,你肯定没注意
色彩 | 你需要get的配色小技巧~色彩 | 你需要get的配色小技巧~
[译文] 如何设计图表色彩[译文] 如何设计图表色彩
所谓配色达人,就是一次出48个方案所谓配色达人,就是一次出48个方案
配色套路太多记不住,那就记住Google这个配色套路太多记不住,那就记住Google这个
一篇吃透 Dark Mode ,搞定“暗黑/深色”适配一篇吃透 Dark Mode ,搞定“暗黑/深色”适配
配色基础技巧配色基础技巧
别以为,色彩的知识你全懂了之基础知识篇——色彩系列第 01_01 篇别以为,色彩的知识你全懂了之基础知识篇——色彩系列第 01_01 篇
色彩难把控?这些配色知识可助你一臂之力……色彩难把控?这些配色知识可助你一臂之力……
【海平面】迷人的色彩神经科学——以及它对设计的意义【海平面】迷人的色彩神经科学——以及它对设计的意义