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