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