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

那么,該怎樣在網(wǎng)頁(yè)設(shè)計(jì)中得心應(yīng)手地運(yùn)用色彩呢??jī)?yōu)設(shè)給童鞋們翻譯了一系列關(guān)于網(wǎng)頁(yè)設(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)頁(yè)設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁(yè)案例)

小小科學(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)頁(yè)設(shè)計(jì)色彩剖析之矚目紅(附百枚網(wǎng)頁(yè)案例)

鮮紅色

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

Revolver

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

深紅色

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

Toki

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

紅、白與黑的色彩搭配

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

Eggs by Ellah

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

紅與藍(lán)

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

New Music USA

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

紅色與其他顏色

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

Minimal Monkey

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

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

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

Oakley

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

Officeline

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

Pierrick Calvez

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

Urbotip

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

Kiliwatch

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

Bernd Kammerer

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

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

Trol Intermedia

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

Bubblecom

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

Rubicon

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

Pulp Design

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

Cafe Rouge

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

 

Hundredth Monkey

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

Everything Design

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

Bobadilium

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

Pizza Hut

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

Most Wanted

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

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

Liam Brummit

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

Jon Wallace Design

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

Alex Flueras

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

Roy Barber

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

Florian J. Farber

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

Talita Pagani

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

Janko Jovanovic

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

Chandu4u

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

 

Dark Crimson (Ben Lister)

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

Venkat Eswaran

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

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

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

Fresh Ego Kid

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

Franky Rizardo

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

Lion's Choice

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

Green Onion

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

Codesign Studios

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

Revolucao do CSS

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

SJ&P Internship Program

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

JWI Louvres

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

Cornelia

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

Ketch Studio

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

Boy-Coy

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

Fair & Lovely Fulbright Research

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

 

Formee

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

Motionoto

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

Khai Liew

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

Bowtie App

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

Born To Be On

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

Hype4

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

Mr. Mitote

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

Zirkua Estudio

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

Les Dompteurs de Souris

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

Hatha Ciudad

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

Chop Dawg Studios

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

Mevem

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

War Child

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

Le 28 Thiers

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

Keenan Wells

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

Pfister

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

McMillers Sweets Emporium

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

Poster Ninjas

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

Kinetic

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

Yookoso

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

Plus Footwear – Big Bang

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

MKJ Creative

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

FontYou

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

Kaus

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

HAG

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

Stratum Management

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

Them Crooked Vultures

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

MiO Nights

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

Design Studio

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

Brooklyn Beta

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

True & Co Anniversary

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

Endzeit

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

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

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

 
================關(guān)于優(yōu)設(shè)網(wǎng)================
“優(yōu)設(shè)網(wǎng)uisdc.com“是一個(gè)分享網(wǎng)頁(yè)設(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)頁(yè)設(shè)計(jì)?,歡迎關(guān)注獲取網(wǎng)頁(yè)設(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)頁(yè)設(shè)計(jì)?微信號(hào):【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加:

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

收藏 9
點(diǎn)贊 1

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