@承志Rt网页设计中,色彩不仅用来造成视觉冲击力,而且还传递强有力的情感,几乎不需要任何文字,我们总能从网页的色彩中强烈感受到作者意图营造的氛围。

那么,该怎样在网页设计中得心应手地运用色彩呢?优设给童鞋们翻译了一系列关于网页设计中色彩运用的文章,希望对大家有一点帮助。
点击浏览更多色彩、配色相关的优秀文章

当我们还是孩童时,我们已经能意识到红色的东西会吸引我们的注意力了,没错,这就是红色的特点,接下来我们会从3方面详解红色,并且推荐一些出色地运用红色的案例,开始咯!

什么是红色?

红色相近于橘黄色、橙色,通常象征着危险、激情热血、美丽跟火焰,在很多国家的文化中,红色也代表着快乐与幸福,咱过年过节大红衣裳大红灯笼就是一典型例子。

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

小小科学家:红色在光谱中的波长是620——740,超过这个范围的,我们把它叫人眼不可见的红外线。

在传统的色彩体系中,红色与黄色、绿色统领色界,称三原色,但在现代色彩体系中,三原色是RGB,即红、绿、蓝。最纯的红色在RGB模式中数值为:255,0,0 ,你也可以输#FF0000,这种效果在CMYK中无法实现,但最接近的是0, 99, 100, 0

红色有什么作用?

在颜色体系中,红色是最具备力量的,它能强烈表达感情,也是抓住人的注意力的高手。

浅色调的红色,即粉红色是非常轻柔温和的颜色。而深红色则表达暖和与严肃的警告。这是大概的阐述,想要详细解释每一种色调是很困难的,所以我们在下面给大家推荐了一些优秀的红色系网站,童鞋们可以在观赏同时学习一下。

风格各异的红色调网站

粉红色

粉色是温和柔软的颜色,它能一击即中,让人们感觉到舒服

Dear Mum

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

鲜红色

鲜红色与红色相搭配,呈现出干净、专业与现代感

Revolver

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

深红色

深红色可以唤起可靠感,一个深红色的界面会很受欢迎,就像你在戏剧院看到的布局那样。

Toki

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

红、白与黑的色彩搭配

俩者的联合很符合简约主义,读者会在红色调的界面阅读到信息,而黑色调的界面让人严肃。总之,它是个干净!再干净的界面。

Eggs by Ellah

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

红与蓝

红与蓝的搭配给人充满勃勃的生气感,还有意想不到的惊喜效果

New Music USA

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

红色与其他颜色

这个搭配是为了突出红色中的信息,因为我们一开始注意的总是红色部分,所以可以在其中置放诸如时间等重要的信息

Minimal Monkey

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

利用红色突出信息,吸引注意

吸引注意是红色的特点,那么现在我们来看下有哪些网站是利红色来吸引读者注意的。

Oakley

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Officeline

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Pierrick Calvez

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Urbotip

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Kiliwatch

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Bernd Kammerer

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

一些优秀的红色为主色调的企业网站

Trol Intermedia

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Bubblecom

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Rubicon

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Pulp Design

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Cafe Rouge

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

 

Hundredth Monkey

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Everything Design

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Bobadilium

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Pizza Hut

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Most Wanted

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

一些优秀的红色为主色调的个人网站

Liam Brummit

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Jon Wallace Design

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Alex Flueras

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Roy Barber

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Florian J. Farber

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Talita Pagani

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Janko Jovanovic

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Chandu4u

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

 

Dark Crimson (Ben Lister)

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Venkat Eswaran

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

一些不同色调的红色系网站

你可以留意它们在不同领域对红色的应用

Fresh Ego Kid

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Franky Rizardo

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Lion's Choice

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Green Onion

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Codesign Studios

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Revolucao do CSS

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

SJ&P Internship Program

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

JWI Louvres

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Cornelia

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Ketch Studio

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Boy-Coy

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Fair & Lovely Fulbright Research

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

 

Formee

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Motionoto

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Khai Liew

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Bowtie App

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Born To Be On

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Hype4

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Mr. Mitote

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Zirkua Estudio

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Les Dompteurs de Souris

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Hatha Ciudad

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Chop Dawg Studios

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Mevem

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

War Child

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Le 28 Thiers

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Keenan Wells

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Pfister

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

McMillers Sweets Emporium

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Poster Ninjas

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Kinetic

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Yookoso

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Plus Footwear – Big Bang

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

MKJ Creative

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

FontYou

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Kaus

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

HAG

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Stratum Management

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Them Crooked Vultures

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

MiO Nights

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Design Studio

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Brooklyn Beta

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

True & Co Anniversary

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

Endzeit

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)

是否从中得到某些灵感呢,欢迎留言与我们交流。

原文地址:onextrapixel
优设网翻译:@承志Rt

 
================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计讲座:每月邀请国内互联网公司设计前辈及行业总监在群内及YY语音(YY频道:15335158)分享实战经验。
设计微博:拥有粉丝量45万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

超赞!网页设计色彩剖析之瞩目红(附百枚网页案例)
 

收藏 9
点赞 1

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。