@承志Rt網(wǎng)頁設(shè)計(jì)中,色彩不僅用來造成視覺沖擊力,而且還傳遞強(qiáng)有力的情感,幾乎不需要任何文字,我們總能從網(wǎng)頁的色彩中強(qiáng)烈感受到作者意圖營(yíng)造的氛圍。

那么,該怎樣在網(wǎng)頁設(shè)計(jì)中得心應(yīng)手地運(yùn)用色彩呢??jī)?yōu)設(shè)給童鞋們翻譯了一系列關(guān)于網(wǎng)頁設(shè)計(jì)中色彩運(yùn)用的文章,希望對(duì)大家有一點(diǎn)幫助。
點(diǎn)擊瀏覽更多色彩、配色相關(guān)的優(yōu)秀文章

當(dāng)我們還是孩童時(shí),我們已經(jīng)能意識(shí)到紅色的東西會(huì)吸引我們的注意力了,沒錯(cuò),這就是紅色的特點(diǎn),接下來我們會(huì)從3方面詳解紅色,并且推薦一些出色地運(yùn)用紅色的案例,開始咯!

什么是紅色?

紅色相近于橘黃色、橙色,通常象征著危險(xiǎn)、激情熱血、美麗跟火焰,在很多國(guó)家的文化中,紅色也代表著快樂與幸福,咱過年過節(jié)大紅衣裳大紅燈籠就是一典型例子。

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

小小科學(xué)家:紅色在光譜中的波長(zhǎng)是620——740,超過這個(gè)范圍的,我們把它叫人眼不可見的紅外線。

在傳統(tǒng)的色彩體系中,紅色與黃色、綠色統(tǒng)領(lǐng)色界,稱三原色,但在現(xiàn)代色彩體系中,三原色是RGB,即紅、綠、藍(lán)。最純的紅色在RGB模式中數(shù)值為:255,0,0 ,你也可以輸#FF0000,這種效果在CMYK中無法實(shí)現(xiàn),但最接近的是0, 99, 100, 0

紅色有什么作用?

在顏色體系中,紅色是最具備力量的,它能強(qiáng)烈表達(dá)感情,也是抓住人的注意力的高手。

淺色調(diào)的紅色,即粉紅色是非常輕柔溫和的顏色。而深紅色則表達(dá)暖和與嚴(yán)肅的警告。這是大概的闡述,想要詳細(xì)解釋每一種色調(diào)是很困難的,所以我們?cè)谙旅娼o大家推薦了一些優(yōu)秀的紅色系網(wǎng)站,童鞋們可以在觀賞同時(shí)學(xué)習(xí)一下。

風(fēng)格各異的紅色調(diào)網(wǎng)站

粉紅色

粉色是溫和柔軟的顏色,它能一擊即中,讓人們感覺到舒服

Dear Mum

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

鮮紅色

鮮紅色與紅色相搭配,呈現(xiàn)出干凈、專業(yè)與現(xiàn)代感

Revolver

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

深紅色

深紅色可以喚起可靠感,一個(gè)深紅色的界面會(huì)很受歡迎,就像你在戲劇院看到的布局那樣。

Toki

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

紅、白與黑的色彩搭配

倆者的聯(lián)合很符合簡(jiǎn)約主義,讀者會(huì)在紅色調(diào)的界面閱讀到信息,而黑色調(diào)的界面讓人嚴(yán)肅。總之,它是個(gè)干凈!再干凈的界面。

Eggs by Ellah

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

紅與藍(lán)

紅與藍(lán)的搭配給人充滿勃勃的生氣感,還有意想不到的驚喜效果

New Music USA

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

紅色與其他顏色

這個(gè)搭配是為了突出紅色中的信息,因?yàn)槲覀円婚_始注意的總是紅色部分,所以可以在其中置放諸如時(shí)間等重要的信息

Minimal Monkey

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

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

吸引注意是紅色的特點(diǎn),那么現(xiàn)在我們來看下有哪些網(wǎng)站是利紅色來吸引讀者注意的。

Oakley

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Officeline

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Pierrick Calvez

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Urbotip

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Kiliwatch

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Bernd Kammerer

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

一些優(yōu)秀的紅色為主色調(diào)的企業(yè)網(wǎng)站

Trol Intermedia

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Bubblecom

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Rubicon

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Pulp Design

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Cafe Rouge

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

 

Hundredth Monkey

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Everything Design

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Bobadilium

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Pizza Hut

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Most Wanted

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

一些優(yōu)秀的紅色為主色調(diào)的個(gè)人網(wǎng)站

Liam Brummit

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Jon Wallace Design

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Alex Flueras

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Roy Barber

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Florian J. Farber

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Talita Pagani

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Janko Jovanovic

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Chandu4u

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

 

Dark Crimson (Ben Lister)

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Venkat Eswaran

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

一些不同色調(diào)的紅色系網(wǎng)站

你可以留意它們?cè)诓煌I(lǐng)域?qū)t色的應(yīng)用

Fresh Ego Kid

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Franky Rizardo

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Lion's Choice

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Green Onion

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Codesign Studios

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Revolucao do CSS

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

SJ&P Internship Program

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

JWI Louvres

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Cornelia

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Ketch Studio

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Boy-Coy

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Fair & Lovely Fulbright Research

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

 

Formee

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Motionoto

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Khai Liew

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Bowtie App

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Born To Be On

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Hype4

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Mr. Mitote

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Zirkua Estudio

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Les Dompteurs de Souris

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Hatha Ciudad

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Chop Dawg Studios

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Mevem

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

War Child

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Le 28 Thiers

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Keenan Wells

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Pfister

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

McMillers Sweets Emporium

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Poster Ninjas

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Kinetic

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Yookoso

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Plus Footwear – Big Bang

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

MKJ Creative

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

FontYou

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Kaus

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

HAG

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Stratum Management

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Them Crooked Vultures

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

MiO Nights

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Design Studio

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Brooklyn Beta

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

True & Co Anniversary

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

Endzeit

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)

是否從中得到某些靈感呢,歡迎留言與我們交流。

原文地址:onextrapixel
優(yōu)設(shè)網(wǎng)翻譯:@承志Rt

 
================關(guān)于優(yōu)設(shè)網(wǎng)================
“優(yōu)設(shè)網(wǎng)uisdc.com“是一個(gè)分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計(jì)講座:每月邀請(qǐng)國(guó)內(nèi)互聯(lián)網(wǎng)公司設(shè)計(jì)前輩及行業(yè)總監(jiān)在群內(nèi)及YY語音(YY頻道:15335158)分享實(shí)戰(zhàn)經(jīng)驗(yàn)。
設(shè)計(jì)微博:擁有粉絲量45萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì)?,歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航:全球頂尖設(shè)計(jì)網(wǎng)站推薦,設(shè)計(jì)師必備導(dǎo)航:http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的”福利”嗎?
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì)?微信號(hào):【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加:

超贊!網(wǎng)頁設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁案例)
 

收藏 9
點(diǎn)贊 1

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。