在網(wǎng)頁(yè)設(shè)計(jì)中如何使用顏色
日期:2016/3/12 / 人氣:
色彩在網(wǎng)站設(shè)計(jì)目前的景觀是有趣的思考。大多數(shù)網(wǎng)站看起來(lái)或多或少相同,但顏色可以在設(shè)計(jì)上的強(qiáng)大工具。
我并不想說(shuō)出這是什么革命性的或作為一個(gè)非凡的發(fā)現(xiàn)。但是,如果大多數(shù)網(wǎng)站也有類似的配色方案,這是什么意思的顏色?其實(shí),這意味著很多。想象一下,一個(gè)世界里,每一個(gè)網(wǎng)站是豐富多彩 – 這將可能是很漂亮,彩虹繚繞,但是這將意味著什么脫穎而出。這就像在你的文章加粗每一個(gè)段落。
因此,當(dāng)配色方案是靜音,它允許很多機(jī)會(huì)。
提請(qǐng)注意任何你想要
大多數(shù)網(wǎng)站先從基本的灰度外觀 – 白色背景和黑色文字。顏色來(lái)自于作為讓你看的地方口音。這就是為什么網(wǎng)站不填充顏色 – 他們用它來(lái)讓你看一下按鈕,標(biāo)題或鏈接。
灰色
以充滿活力的,例如,當(dāng)你在自己的主頁(yè)上首次土地的背景和圖像是黑白的。徽標(biāo),呼吁采取行動(dòng)和漢堡包菜單是明亮的黃色。他們站出來(lái)并迅速抓住你的注意力。
另一個(gè)例子是Takeit ; 當(dāng)你第一次降落在自己的主頁(yè)上你迎接一個(gè)大的藍(lán)色背景。然而,一切是白色的。大標(biāo)題這是前面和中心也是人們關(guān)注的焦點(diǎn)。不久后你的眼睛注意到較小,但仍然明顯的App Store按鈕。這就是如何顏色可以引導(dǎo)用戶的關(guān)注。
拿去
創(chuàng)建個(gè)性
顏色是美妙的,因?yàn)樗梢詾榫W(wǎng)站或品牌的語(yǔ)氣和心情。Beagle是創(chuàng)造項(xiàng)目簡(jiǎn)介服務(wù)和更輕的土色他們的網(wǎng)站開始。當(dāng)你向下滾動(dòng)他們的網(wǎng)頁(yè)您查看的棕色,木炭,綠色和粉紅色,甚至愉快的陰影。地上的色調(diào)看起來(lái)很專業(yè),優(yōu)雅醞釀了代表公司的一大印象。
顏色網(wǎng)頁(yè)設(shè)計(jì)
有趣的一天是被指定到網(wǎng)站“一個(gè)奇怪的,為期一天的會(huì)議在奧斯陸峽灣的一個(gè)小島!蹦阕羁隙ǖ玫揭粋(gè)怪異的感覺不同,當(dāng)你的紅色背景,在它上面的紅色文字。這不是我們?nèi)粘?吹降臇|西。它看起來(lái)很棒,但最重要的配色方案清楚地傳達(dá)了事件的“怪異”的個(gè)性。
有趣的一天
做一個(gè)大聲明
通過(guò)色彩做一個(gè)聲明可真有趣。你必須確保在顏色脫穎而出,抓住用戶的注意力。這很容易。但它也必須被取得了良好的色彩選擇語(yǔ)句。你不能只是挑選任何霓虹色,它是有道理的頁(yè)面的整體目的,它的外觀和感覺。
就拿登陸頁(yè)面Gaga的交響曲。當(dāng)你登陸他們的網(wǎng)站上,你觸動(dòng)了一個(gè)明亮的粉紅色背景。這不是你所期望的交響樂。相反,你所期望的平靜顏色交響曲被認(rèn)為是更優(yōu)雅。但是,沒有這一個(gè)。加加交響曲充滿活力,樂趣和創(chuàng)造性。因此,火鍋粉是有道理的。
加加交響曲
提供凝聚力和流量
顏色也可以用于指導(dǎo)用戶與氣流一起。它酷似引導(dǎo)用戶的眼睛像Takeit但小于急劇的上述例子。顏色可以是微妙的,也并不需要是戲劇或過(guò)頂,以幫助沿著引導(dǎo)用戶。這是特別有用的,當(dāng)色調(diào)是彼此之間的凝聚力。它基本上是品牌顏色是如何工作的。
就拿奇跡或Dropbox的。這兩個(gè)應(yīng)用程序有很大的配色方案,主要是藍(lán)色的。但是你看他們的圖形像合身在一起綠色,橙色或紅色等顏色; 這就像他們是有意義的。
這些他們一起向下滾動(dòng)鬧了凝聚力和流動(dòng)宜人的網(wǎng)頁(yè)兩種顏色方案幫助指導(dǎo)用戶。
Dropbox的
奇跡
另一種不同的例子就是創(chuàng)新項(xiàng)目畫布。他們用綠顏色來(lái)引導(dǎo)用戶沿著他們的網(wǎng)頁(yè)滾動(dòng)時(shí)。你不需要為了創(chuàng)造一個(gè)非常好看流多種顏色; 它是用一個(gè)單色實(shí)現(xiàn)為好。創(chuàng)新項(xiàng)目帆布做了偉大的指導(dǎo)與只是他們綠色的用戶加入。
創(chuàng)新工程帆布
在彩色圖像
色彩搭配一個(gè)有趣的伎倆是,當(dāng)你使用它通過(guò)影像。UI元素不是唯一的,可以增加一些色彩到網(wǎng)站。隨著照片的背景和大的產(chǎn)品照片的崛起對(duì)著陸頁(yè)這是一個(gè)好主意,嘗試使用圖像的合成,使顏色到您的設(shè)計(jì)。
CartoDB
CartoDB是一個(gè)應(yīng)用程序,可以幫助您的視覺位置數(shù)據(jù)。什么更好的方式來(lái)炫耀自己的服務(wù)是多么偉大比呈現(xiàn)出美麗的地圖了嗎?這也正是他們?cè)谥黜?yè)的頂部做什么。這對(duì)他們的產(chǎn)品自己說(shuō)話,同時(shí)增加視覺趣味輝煌之路-色-頁(yè)面。
說(shuō)到這自己說(shuō)話的產(chǎn)品,ETQ也讓他們的鞋子勝過(guò)自己的UI。該網(wǎng)站是它的風(fēng)格延伸到色彩設(shè)計(jì)以及相當(dāng)小。他們把重點(diǎn)放在商品來(lái)代替。雖然不是所有的鞋子都是五顏六色的像在這個(gè)例子仍然走一段很長(zhǎng)的路要走,讓鞋子的顏色可以在他們的設(shè)計(jì)中最大的課程。它真正讓鞋子脫穎而出。
ETQ
誰(shuí)需要顏色反正?
有趣的是看到網(wǎng)站沒有顏色了。有時(shí)候,你并不需要它。網(wǎng)站仍然可以沒有華麗的紅色,綠色或藍(lán)色;叶扰渖桨缚梢詣(chuàng)建所需的外觀和感覺對(duì)于一個(gè)品牌,以及發(fā)言。
視覺士兵
視覺士兵確實(shí)蠻好的,SANS的顏色,就像托馬斯威索基的組合。這兩個(gè)網(wǎng)站有一定的優(yōu)雅給他們。他們搶的,因?yàn)榭傮w上缺乏色彩你的關(guān)注。您正在尋找的藍(lán)色或綠色在CTA或鏈接一些輕微的暗示,但它不存在。這沒關(guān)系。缺乏色彩的是,這兩個(gè)網(wǎng)站的品牌欄目。他們都是時(shí)尚,并在短短的黑白很好看。
托馬斯威索基。圖集
結(jié)論
正如你所看到的顏色是強(qiáng)大的。顏色可以做很多事情外觀設(shè)計(jì),如果你讓它; 顏色可以引導(dǎo)用戶的眼球,幫助引導(dǎo)用戶通過(guò)流量,以及使盛大聲明。顏色是充滿個(gè)性又可以很有趣的工作。就個(gè)人而言,我覺得顏色,或缺乏,賦予生命的設(shè)計(jì)。所以有它的樂趣!
作者:朋友圈科技
相關(guān)內(nèi)容 Related
- 為什么響應(yīng)式設(shè)計(jì)需要媒體查詢2016/8/5
- 虛擬主機(jī)被搜索引擎爬蟲訪問(wèn)耗費(fèi)大量流量解決方法2016/8/3
- 網(wǎng)站建設(shè)中如何創(chuàng)建完美的顏色組合2016/8/1
- 什么是長(zhǎng)尾關(guān)鍵詞?2016/8/1
- 建設(shè)企業(yè)或個(gè)人網(wǎng)站的好處2016/7/8
- 前端開發(fā)者需要知道的常識(shí)2016/7/6
- 12種方法為您拓展業(yè)務(wù)通道2016/7/27
- SEO優(yōu)化的三大技巧2016/7/24
- 10的方法來(lái)提高你的網(wǎng)站設(shè)計(jì)2016/7/24
- 網(wǎng)站統(tǒng)計(jì)用哪個(gè)比較好,百度?cnzz?2016/7/21