2013-06-20 分類: 網(wǎng)站設(shè)計
色彩對人們的視覺沖擊力非常重要。網(wǎng)站設(shè)計中的整體色彩搭配會影響網(wǎng)站用戶的整體印象。因此,在網(wǎng)站設(shè)計中,如何處理好網(wǎng)站的顏色,如何與網(wǎng)站的顏色相匹配,是必須慎重的。
目前,網(wǎng)頁設(shè)計中的色彩搭配和使用方法非常有趣,值得思考。雖然絕大多數(shù)網(wǎng)站看起來非常相似,但巧妙運(yùn)用色彩會讓平庸網(wǎng)站的布局顯得非同尋常。
事實(shí)上,我不是在談?wù)撘恍└锩缘念伾褂眉夹g(shù)或一些新發(fā)現(xiàn),但大多數(shù)網(wǎng)站設(shè)計的顏色匹配看起來非常相似。那么顏色搭配是什么意思呢?如果世界上所有的網(wǎng)站都使用五顏六色,沒有哪個網(wǎng)站會脫穎而出。當(dāng)然,今天的網(wǎng)頁設(shè)計界已經(jīng)非常接近這種情況。從這個角度來看,柔和的顏色會更容易讓用戶提亮。
在版式設(shè)計之初,大多數(shù)網(wǎng)站設(shè)計通常使用簡單的黑白灰黑相間的白色背景文字。在這種情況下,顏色會起到強(qiáng)調(diào)和突出的作用,可以讓用戶注意到按鈕、標(biāo)題和鏈接。
以vibrant的網(wǎng)頁設(shè)計為例。他們主頁上的背景和圖像是黑白的,但是徽標(biāo)、按鈕和圖標(biāo)是亮黃色的,這樣可以很快吸引用戶的眼球。
它的頁面設(shè)計是一樣的。整個屏幕的藍(lán)色背景使白頁元素非常明顯。白色標(biāo)題是視覺重心,然后用戶會注意到標(biāo)題周圍的應(yīng)用商店按鈕、徽標(biāo)和菜單。這些案例是關(guān)于如何使用顏色來吸引用戶的注意力。
色彩最美的部分是它可以為網(wǎng)站(品牌)設(shè)定一種情感基調(diào),或者傳達(dá)某種思想。Beagleis為用戶提供創(chuàng)建項目配置文件的服務(wù),而他們的網(wǎng)站使用自然色。當(dāng)您向下滾動時,背景顏色從綠色變?yōu)樽厣?、深灰色甚至粉色。自然的色彩能給人優(yōu)雅而專業(yè)的感覺,讓這項服務(wù)留下深刻的印象。
一個有趣的一天是一個網(wǎng)站,為一個“怪異的小會議在奧斯陸峽灣的小島上一天”。黃色背景上有紅色文字的網(wǎng)站并不多,整個網(wǎng)站的設(shè)計元素都是用個性十足的圖片為你澄清“陌生”的特點(diǎn)。
用顏色來表達(dá)你自己的網(wǎng)站比簡單的“吸引用戶”更有趣。為了吸引用戶的注意,顏色應(yīng)該足夠突出,但更重要的是,顏色應(yīng)該足夠?yàn)槟恪氨戆住?。你不能隨便選鮮艷的顏色。你應(yīng)該注意顏色,它應(yīng)該符合你的精神,表達(dá)你想要表達(dá)的情感。以嘎嘎交響樂的登陸頁為例。當(dāng)你打開網(wǎng)站,明亮的粉紅色會讓你的眼睛明亮。以“交響樂”為主題,用戶對網(wǎng)站風(fēng)格的期待是穩(wěn)重的基調(diào),但亮粉色根本不在低調(diào)優(yōu)雅之列,而是符合網(wǎng)站交響樂的特點(diǎn),充滿活力、樂趣和創(chuàng)造力。因此,這里的亮粉色是合乎邏輯的,也是設(shè)計師的“人聲”。
網(wǎng)站設(shè)計顏色也可以用于指導(dǎo)用戶完成用戶過程。就像上面提到的takeit,顏色會引導(dǎo)用戶的眼睛,但不會太強(qiáng)烈。微妙而內(nèi)聚的配色方案會讓用戶更加舒適,更好的引導(dǎo)。色彩相互襯托,創(chuàng)造出獨(dú)特的品牌視覺,同時也構(gòu)成了用戶的視覺路徑,吸引著他們的目光。著名的生產(chǎn)力工具Dropbox和marvel也一樣,尤其是Dropbox。這兩種工具使用藍(lán)色作為主色,也使用綠色、橙色和紅色進(jìn)行匹配。提供全部近似顏色和對比度顏色。幾種顏色搭配在一起會給人一種很好的搭配感覺。創(chuàng)新工程畫布的情況略有不同。設(shè)計師采用純綠色引導(dǎo)用戶瀏覽,網(wǎng)頁不使用更多的顏色,但同硯完成了色彩設(shè)計,具有很強(qiáng)的凝聚力。這是一個非常有趣的顏色使用技巧,建立顏色匹配的幫助下,在圖片的顏色。用戶界面元素并不是網(wǎng)頁中唯一可以設(shè)計的顏色。大背景和高清晰度產(chǎn)品圖片的普及,使得圖片色彩成為整個設(shè)計的重要組成部分。通過合成圖片給設(shè)計注入色彩也是一個不錯的選擇。
Cartodb是一個有趣的應(yīng)用程序,可以可視化的位置數(shù)據(jù),那么有什么能比真正的地圖更直觀和美麗呢?因此,它出現(xiàn)在網(wǎng)站主頁上,以最直觀的方式展示產(chǎn)品,并使顏色代表產(chǎn)品。在產(chǎn)品方面,etq也將產(chǎn)品的優(yōu)先級放在UI之上。在極簡主義網(wǎng)站設(shè)計風(fēng)格下,配色方案明顯延續(xù)了產(chǎn)品配色。設(shè)計師將產(chǎn)品本身打造成一個視覺中心。雖然不是所有的鞋子都是五顏六色的,但它們?nèi)匀槐M量使顏色搭配與盡可能多的產(chǎn)品相兼容。這也是真正意義上的以產(chǎn)品為中心。
不是所有的網(wǎng)站都需要亮色。仍然有許多獨(dú)特的網(wǎng)站使用經(jīng)典的黑白灰作為配色方案,這些中性的顏色也很好地展現(xiàn)了他們的情感。視覺解算器和Tomasz Wysocki的網(wǎng)站設(shè)計都是這樣的,他們的語氣優(yōu)雅而簡潔。簡單的布局和獨(dú)特的品牌定位使他們不需要明亮的顏色來呈現(xiàn)CTA按鈕和角落菜單。安靜的白色和黑色就夠了。
色彩是強(qiáng)大的,他們適合在各種方式的設(shè)計。它們除了具有很強(qiáng)的視覺特性外,還具有很好的功能性,引導(dǎo)用戶,增強(qiáng)凝聚力,展示風(fēng)格,傳達(dá)信息,勾勒人物,甚至賦予設(shè)計和意義。你需要多多少少考慮顏色,了解網(wǎng)頁設(shè)計中顏色的程度,熟悉每種顏色的特點(diǎn),了解如何在復(fù)雜的噪音和廣闊的世界中找到自己的位置。
當(dāng)然,我們不能滿足所有用戶的需求,我們只需要確保目標(biāo)用戶能夠喜歡它。恰當(dāng)?shù)?a href="http://redsoil1982.com.cn/wangzhan.html">網(wǎng)站設(shè)計色彩搭配將加深用戶對網(wǎng)站整體的良好印象。
當(dāng)前文章:網(wǎng)站設(shè)計色彩和版式的注意事項
網(wǎng)頁網(wǎng)址:http://redsoil1982.com.cn/news19/7919.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有網(wǎng)站設(shè)計等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容