在网页设计中,色彩不仅用来造成视觉冲击力,而且还传递强有力的情感,几乎不需要任何文字,我们总能从网页的色彩中强烈感受到作者意图营造的氛围。
那么,该怎样在网页设计中得心应手地运用色彩呢?优设给童鞋们翻译了一系列关于网页设计中色彩运用的文章,希望对大家有一点帮助。
点击浏览更多色彩、配色相关的优秀文章
当我们还是孩童时,我们已经能意识到红色的东西会吸引我们的注意力了,没错,这就是红色的特点,接下来我们会从3方面详解红色,并且推荐一些出色地运用红色的案例,开始咯!
什么是红色?
红色相近于橘黄色、橙色,通常象征着危险、激情热血、美丽跟火焰,在很多国家的文化中,红色也代表着快乐与幸福,咱过年过节大红衣裳大红灯笼就是一典型例子。
![网页设计色彩剖析之瞩目红1](/Images/jiaocheng/2015-05-0702/4236668962.jpg)
小小科学家:红色在光谱中的波长是620——740,超过这个范围的,我们把它叫人眼不可见的红外线。
在传统的色彩体系中,红色与黄色、绿色统领色界,称三原色,但在现代色彩体系中,三原色是RGB,即红、绿、蓝。最纯的红色在RGB模式中数值为:255,0,0 ,你也可以输#FF0000,这种效果在CMYK中无法实现,但最接近的是0, 99, 100, 0
红色有什么作用?
在颜色体系中,红色是最具备力量的,它能强烈表达感情,也是抓住人的注意力的高手。
浅色调的红色,即粉红色是非常轻柔温和的颜色。而深红色则表达暖和与严肃的警告。这是大概的阐述,想要详细解释每一种色调是很困难的,所以我们在下面给大家推荐了一些优秀的红色系网站,童鞋们可以在观赏同时学习一下。
风格各异的红色调网站
粉红色
粉色是温和柔软的颜色,它能一击即中,让人们感觉到舒服
Dear Mum
![网页设计色彩剖析之瞩目红2](/Images/jiaocheng/2015-05-0702/3768103368.jpg)
鲜红色
鲜红色与红色相搭配,呈现出干净、专业与现代感
Revolver
![网页设计色彩剖析之瞩目红1](/UploadFile/jiaocheng/2016/1015/967361108.jpg)
深红色
深红色可以唤起可靠感,一个深红色的界面会很受欢迎,就像你在戏剧院看到的布局那样。
Toki
![网页设计色彩剖析之瞩目红3](/Images/jiaocheng/2015-05-0702/1617217564.jpg)
红、白与黑的色彩搭配
俩者的联合很符合简约主义,读者会在红色调的界面阅读到信息,而黑色调的界面让人严肃。总之,它是个干净!再干净的界面。
Eggs by Ellah
![网页设计色彩剖析之瞩目红4](/Images/jiaocheng/2015-05-0702/3200081812.jpg)
红与蓝
红与蓝的搭配给人充满勃勃的生气感,还有意想不到的惊喜效果
New Music USA
![网页设计色彩剖析之瞩目红5](/Images/jiaocheng/2015-05-0702/2926521606.jpg)
红色与其他颜色
这个搭配是为了突出红色中的信息,因为我们一开始注意的总是红色部分,所以可以在其中置放诸如时间等重要的信息
Minimal Monkey
![网页设计色彩剖析之瞩目红6](/Images/jiaocheng/2015-05-0702/3465664061.jpg)
利用红色突出信息,吸引注意
吸引注意是红色的特点,那么现在我们来看下有哪些网站是利红色来吸引读者注意的。
Oakley
![网页设计色彩剖析之瞩目红7](/Images/jiaocheng/2015-05-0702/2969330424.jpg)
Officeline
![网页设计色彩剖析之瞩目红8](/Images/jiaocheng/2015-05-0702/281210485.jpg)
Pierrick Calvez
![网页设计色彩剖析之瞩目红2](/UploadFile/jiaocheng/2016/1015/1641775025.jpg)
Urbotip
![网页设计色彩剖析之瞩目红3](/UploadFile/jiaocheng/2016/1015/4040828234.jpg)
Kiliwatch
![网页设计色彩剖析之瞩目红9](/Images/jiaocheng/2015-05-0702/3544205284.jpg)
Bernd Kammerer
![网页设计色彩剖析之瞩目红4](/UploadFile/jiaocheng/2016/1015/4039950977.jpg)
一些优秀的红色为主色调的企业网站
Trol Intermedia
![网页设计色彩剖析之瞩目红10](/Images/jiaocheng/2015-05-0702/3648710570.jpg)
Bubblecom
![网页设计色彩剖析之瞩目红11](/Images/jiaocheng/2015-05-0702/3228813548.jpg)
Rubicon
![网页设计色彩剖析之瞩目红5](/UploadFile/jiaocheng/2016/1015/51380997.jpg)
Pulp Design
![网页设计色彩剖析之瞩目红6](/UploadFile/jiaocheng/2016/1015/3725084034.jpg)
Cafe Rouge
![网页设计色彩剖析之瞩目红12](/Images/jiaocheng/2015-05-0703/3335811890.jpg)
Hundredth Monkey
![网页设计色彩剖析之瞩目红13](/Images/jiaocheng/2015-05-0703/1385115952.jpg)
Everything Design
![网页设计色彩剖析之瞩目红14](/Images/jiaocheng/2015-05-0703/186173180.jpg)
Bobadilium
![网页设计色彩剖析之瞩目红15](/Images/jiaocheng/2015-05-0703/1538875059.jpg)
Pizza Hut
![网页设计色彩剖析之瞩目红16](/Images/jiaocheng/2015-05-0703/3475942401.jpg)
Most Wanted
![网页设计色彩剖析之瞩目红17](/Images/jiaocheng/2015-05-0703/2777678259.jpg)
一些优秀的红色为主色调的个人网站
Liam Brummit
![网页设计色彩剖析之瞩目红18](/Images/jiaocheng/2015-05-0703/72478597.jpg)
Jon Wallace Design
![网页设计色彩剖析之瞩目红19](/Images/jiaocheng/2015-05-0703/1634283462.jpg)
Alex Flueras
![网页设计色彩剖析之瞩目红20](/Images/jiaocheng/2015-05-0703/555705851.jpg)
Roy Barber
![网页设计色彩剖析之瞩目红21](/Images/jiaocheng/2015-05-0703/495716509.jpg)
Florian J. Farber
![网页设计色彩剖析之瞩目红22](/Images/jiaocheng/2015-05-0703/1592895560.jpg)
Talita Pagani
![网页设计色彩剖析之瞩目红23](/Images/jiaocheng/2015-05-0703/3779879821.jpg)
Janko Jovanovic
![网页设计色彩剖析之瞩目红24](/Images/jiaocheng/2015-05-0703/625298981.jpg)
Chandu4u
![网页设计色彩剖析之瞩目红25](/Images/jiaocheng/2015-05-0703/4073151315.jpg)
Dark Crimson (Ben Lister)
![网页设计色彩剖析之瞩目红26](/Images/jiaocheng/2015-05-0703/1176985155.jpg)
Venkat Eswaran
![网页设计色彩剖析之瞩目红7](/UploadFile/jiaocheng/2016/1015/1652357967.jpg)
一些不同色调的红色系网站
你可以留意它们在不同领域对红色的应用
Fresh Ego Kid
![网页设计色彩剖析之瞩目红8](/UploadFile/jiaocheng/2016/1015/3672698007.jpg)
Franky Rizardo
![网页设计色彩剖析之瞩目红9](/UploadFile/jiaocheng/2016/1015/3374986561.jpg)
Lion’s Choice
![网页设计色彩剖析之瞩目红27](/Images/jiaocheng/2015-05-0703/29999106.jpg)
Green Onion
![网页设计色彩剖析之瞩目红28](/Images/jiaocheng/2015-05-0703/2353490763.jpg)
Codesign Studios
![网页设计色彩剖析之瞩目红29](/Images/jiaocheng/2015-05-0703/2563870037.jpg)
Revolucao do CSS
![网页设计色彩剖析之瞩目红10](/UploadFile/jiaocheng/2016/1015/1864879910.jpg)
SJ&P Internship Program
![网页设计色彩剖析之瞩目红30](/Images/jiaocheng/2015-05-0703/114991084.jpg)
JWI Louvres
![网页设计色彩剖析之瞩目红11](/UploadFile/jiaocheng/2016/1015/1517892629.jpg)
Cornelia
![网页设计色彩剖析之瞩目红12](/UploadFile/jiaocheng/2016/1015/2035980309.jpg)
Ketch Studio
![网页设计色彩剖析之瞩目红31](/Images/jiaocheng/2015-05-0703/23967101.jpg)
Boy-Coy
![网页设计色彩剖析之瞩目红32](/Images/jiaocheng/2015-05-0703/3517707588.jpg)
Fair & Lovely Fulbright Research
Formee
![网页设计色彩剖析之瞩目红34](/Images/jiaocheng/2015-05-0703/2847229526.jpg)
Motionoto
![网页设计色彩剖析之瞩目红35](/Images/jiaocheng/2015-05-0703/2440877991.jpg)
Khai Liew
![网页设计色彩剖析之瞩目红36](/Images/jiaocheng/2015-05-0703/2553945068.jpg)
Bowtie App
![网页设计色彩剖析之瞩目红37](/Images/jiaocheng/2015-05-0703/2155463693.jpg)
Born To Be On
![网页设计色彩剖析之瞩目红38](/Images/jiaocheng/2015-05-0703/1102510454.jpg)
Hype4
![网页设计色彩剖析之瞩目红39](/Images/jiaocheng/2015-05-0703/3394787973.jpg)
Mr. Mitote
![网页设计色彩剖析之瞩目红40](/Images/jiaocheng/2015-05-0703/2513946063.jpg)
Zirkua Estudio
![网页设计色彩剖析之瞩目红13](/UploadFile/jiaocheng/2016/1015/3594728763.jpg)
Les Dompteurs de Souris
![网页设计色彩剖析之瞩目红41](/Images/jiaocheng/2015-05-0703/2169208281.jpg)
Hatha Ciudad
![网页设计色彩剖析之瞩目红14](/UploadFile/jiaocheng/2016/1015/3914812501.jpg)
Mevem
![网页设计色彩剖析之瞩目红42](/Images/jiaocheng/2015-05-0703/1247593810.jpg)