其實今天網頁設計中的配色和用色方式,是一件非常有趣又值得思考的事情。盡管絕大多數的網站看起來非常相似,但是巧妙的用色會讓布局平庸的網站顯得不同凡響。
其實我并不是想說某種革命性的用色技巧或者某個全新的發現,但是絕大多數的網站配色看起來確實非常相似。那么配色的意義又何在呢?如果全世界所有的網站都采用五彩繽紛的配色,那么不會有任何網站從中脫穎而出。當然,今天的網頁設計界已經很接近這個狀況了。從這個角度上來看,柔和的色調會更容易讓用戶眼前一亮。
用色彩引導用戶注意力
絕大多數網站在布局設計之初,通常就采用簡單的黑白灰,白色背景+黑色文字。而色彩在這種情況下會起到強調和高亮的作用,可以引導用戶注意按鈕、標題和鏈接。
以Vibrant 的網頁設計為例,他們的首頁中背景和圖像都采用的是黑白色調,但是LOGO,按鈕和漢堡圖標都采用的是閃亮的黃色,它們可以很快抓住用戶的注意力。
Takeit 的頁面設計同樣如此,整屏的藍色背景讓白色的網頁元素顯得非常明顯。白色的大標題是視覺重心,然后用戶會注意到標題周圍的App Store按鈕,LOGO和漢堡菜單。
這些案例都講述了如何用色彩來吸引用戶注意力。
創造個性
色彩的美好之初字啊與,它可以為網站或者品牌定下基調或者營造情感、傳達情緒。Beagleis 為用戶提供制作項目簡介的服務,而他們的網站配色采用的是自然系色彩。當你向下滾動的時候,背景色會從綠色變為棕色、深灰甚至粉紅色。自然色能給人優雅而專業的感受,從而讓這個服務給人留下深刻的印象。
An interesting Day 是為一個“在奧斯陸峽灣的小島上上為期一天的奇怪小型會議”而設計的網站。黃色背景上用紅色文字的網站并不多見,配合著個性十足的圖片,整個網站所有的設計元素都是在為你闡明“奇怪”的特色。
用色彩發聲
用色彩來發聲,做一個屬于自己網站的聲明,這比起單純的“吸引用戶”來的更加有趣。要吸引用戶注意力,色彩足夠突出就行,但是更重要的是,這種色彩要足夠為你“做聲明”。你不能隨便挑選一個鮮艷的色彩,這個色彩還要契合你的精神,想要傳遞的獨特情緒。
就以Gaga 交響樂的著陸頁為例,當你打開網站的時候,鮮亮的粉色會讓你眼前一亮。在“交響樂”的主題之下,用戶對網站風格的預期是沉穩的色調,但是亮粉色則完全不再低調優雅之列,但是它符合網站中交響樂活力四射、樂趣無窮和創造力十足的特色,所以,此處的亮粉色符合邏輯,也為設計者“發聲”了。
增強凝聚力,引導用戶流程
色彩同樣可以用來引導用戶來進行用戶流程。就像上方Takeit的案例,色彩會引導用戶的眼睛,但是不會采用太過激烈的搭配方式。微妙而富有凝聚力的配色方案會讓用戶更加舒適,引導效果也更好。色彩彼此襯托營造獨特的品牌視覺,也構成用戶的視覺路徑,吸引他們看下去。
諸如著名的生產力工具Dropbox和Marvel也是這樣來進行配色的,Dropbox尤為典型。兩個工具都采用了藍色作為主色調,同時還使用了綠色、橙色和紅色來搭配,整個近似色和對比色都有了,幾種色彩在一起會給人一種相互搭配良好的感覺。
Innovation Project Canvas 的情況則稍有不同,設計師使用單純的綠色來引導用戶瀏覽,網頁并未使用更多的色彩,但是童言非常優秀地完成了極具凝集力的色彩設計。
一份簡單明了的上海網頁設計用色指南
發布時間:2017-03-02
相關文章
- 略談網頁設計的“四項基本原則”
- 上海網站設計之——復古風設計賞析
- 9大電商網站設計常犯錯誤,你躺槍了嗎?
- 上海網站設計是網站成功與否的關鍵要素
- 網站設計 | 網站響應式圖片的設計
- 上海網頁制作怎么設計才能讓用戶喜歡你的網站
- 上海網站設計應把控內容豐富度
- 上海網站制作難度大嗎?效果好嗎?
- 色彩搭配適宜,網站設計才能賞心悅目!
- 上海網頁設計公司如何通過溝通來了解客戶的需求
- 多少錢可以在上海網頁設計公司可以設計一個好的網站
- 淺析手機網頁設計技巧及推廣方法
- 上海網頁制作-九月優化新算法:據說百度偏愛網站內頁!
- 企業網站如何體現自己企業的競爭力?
- 上海網頁設計中網頁分頁導航優化細節分享
- 如何提升落地頁轉化率?
- 上海網站設計采用深色系設計的注意事項
- 一般上海網站設計的風格規范有哪些內容?
- 來看看將成為明日主流的七大網頁設計趨勢
- 2015年,上海網頁設計公司該何去何從?