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

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

鉴于此,我们不妨看看这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网—UI设计师学习教程平台 » 玩转整体色彩搭配!看看这40个经典案例

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.ccopus.com?”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.ccopus.com” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.ccopus.com” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.ccopus.com” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@ccopus.com,也可以找各个群的管理】

 
你可能喜欢的:
黄色在电商设计中的玩法与禁忌【设计干货】黄色在电商设计中的玩法与禁忌【设计干货】
设计师必备!人工智能时代的配色方案?。凵衿鳎?/span>
怎么为你的产品选择最合适的颜色?怎么为你的产品选择最合适的颜色?
彩铅插画:紫藤如何绘制?[教程]彩铅插画:紫藤如何绘制?[教程]
2018年春夏流行色报告2018年春夏流行色报告
设计基?。毫牧摹吧使钩伞比朊判≈?/span>
六种配色方法让你的设计方案666六种配色方法让你的设计方案666
2017年色彩趋势分析与运用[渐变色篇]2017年色彩趋势分析与运用[渐变色篇]
明亮的色彩如何应用在UI设计中?明亮的色彩如何应用在UI设计中?
设计师必备配色基本公式设计师必备配色基本公式
?