網頁設計配色精髓
發布時間：2019-05-08 16:12:15
已幫助：656人
來源：北京京博文教育
相信大家和小編一樣，看所有的網站都覺得非常相似，其實網頁設計中的配色和用色方式，是一件非常有趣又值得思考的事情，巧妙的用色會讓布局平庸的網站顯得不同凡響，小編為大家找來了網頁設計配色精髓的相關內容介紹，一起來了解下吧。
用色彩引導用戶注意力
絕大多數網站在布局設計之初，通常就采用簡單的黑白灰，白色背景+黑色文字。而色彩在這種情況下會起到強調和高亮的作用，可以引導用戶注意按鈕、標題和鏈接。
以Vibrant的網頁設計為例，他們的首頁中背景和圖像都采用的是黑白色調，但是LOGO，按鈕和漢堡圖標都采用的是閃亮的黃色，它們可以很快抓住用戶的注意力。
Takeit的頁面設計同樣如此，整屏的藍色背景讓白色的網頁元素顯得非常明顯。白色的大標題是視覺重心，然后用戶會注意到標題周圍的App Store按鈕，LOGO和漢堡菜單。
這些案例都講述了如何用色彩來吸引用戶注意力。
創造個性
色彩的美好之初字啊與，它可以為網站或者品牌定下基調或者營造情感、傳達情緒。Beagleis為用戶提供制作項目簡介的服務，而他們的網站配色采用的是自然系色彩。當你向下滾動的時候，背景色會從綠色變為棕色、深灰甚至粉紅色。自然色能給人優雅而專業的感受，從而讓這個服務給人留下深刻的印象。
An interesting Day是為一個“在奧斯陸峽灣的小島上上為期一天的奇怪小型會議”而設計的網站。黃色背景上用紅色文字的網站并不多見，配合著個性十足的圖片，整個網站所有的設計元素都是在為你闡明“奇怪”的特色。
用色彩發聲
用色彩來發聲，做一個屬于自己網站的聲明，這比起單純的“吸引用戶”來的更加有趣。要吸引用戶注意力，色彩足夠突出就行，但是更重要的是，這種色彩要足夠為你“做聲明”。你不能隨便挑選一個鮮艷的色彩，這個色彩還要契合你的精神，想要傳遞的獨特情緒。
就以Gaga交響樂的著陸頁為例，當你打開網站的時候，鮮亮的粉色會讓你眼前一亮。在“交響樂”的主題之下，用戶對網站風格的預期是沉穩的色調，但是亮粉色則完全不再低調優雅之列，但是它符合網站中交響樂活力四射、樂趣無窮和創造力十足的特色，所以，此處的亮粉色符合邏輯，也為設計者“發聲”了。
增強凝聚力，引導用戶流程
色彩同樣可以用來引導用戶來進行用戶流程。就像上方Takeit的案例，色彩會引導用戶的眼睛，但是不會采用太過激烈的搭配方式。微妙而富有凝聚力的配色方案會讓用戶更加舒適，引導效果也更好。色彩彼此襯托營造獨特的品牌視覺，也構成用戶的視覺路徑，吸引他們看下去。
諸如著名的生產力工具Dropbox和Marvel也是這樣來進行配色的，Dropbox尤為典型。兩個工具都采用了藍色作為主色調，同時還使用了綠色、橙色和紅色來搭配，整個近似色和對比色都有了，幾種色彩在一起會給人一種相互搭配良好的感覺。
Innovation Project Canvas的情況則稍有不同，設計師使用單純的綠色來引導用戶瀏覽，網頁并未使用更多的色彩，但是童言非常優秀地完成了極具凝集力的色彩設計。
圖片中的色彩
借助圖片中的色彩來構建配色是非常有趣的用色技巧，UI元素確實不是網頁中唯一可設計的色彩。大圖背景和高清產品圖的流行使得圖片色彩成為整個設計中不可忽視的和總要組成，通過合成圖片將色彩注入到設計中，也是相當不錯的選擇。
CartoDB是一款可以將位置數據可視化的有趣APP，那么有什么能比真實的地圖來的更加直觀美麗呢？所以它出現在網站首頁，用最視覺化的方式來呈現自己的產品，讓色彩為產品代言。
說道讓產品，ETQ也同樣讓產品優先級壓過UI，極簡的網站設計風格之下，配色方案顯然是延續自產品配色。設計師讓產品本身成為視覺重心，盡管不是所有的鞋子都是五顏六色，但依然盡量讓配色兼容盡量多的產品，這也是真正意義上的以產品為中心。
不是所有網站都要顯眼的色彩
并不是所有的網站都需要鮮艷的色彩。依然有許多獨特的網站使用經典的黑白灰來作為配色方案，而這些中性色也很好地呈現出了屬于它們的情緒。
Visual Soldiers和Tomasz Wysocki的網站都是這樣，優雅而干練的色調是它們的基因。簡練的布局和獨特的品牌定位，使得它們無需鮮艷的色彩來呈現CTA按鈕和邊角的菜單，安靜的白與黑就足夠了。
以上就是小編為大家找來的網頁設計配色精髓的相關內容介紹，有需要的學員可以來做個相關的學習，想要了解更多相關的知識可以繼續關注小編的后續文章更新，北京京博文教育為學員設置網頁設計培訓班，歡迎學員咨詢了解。
北京平面設計培訓
北京室內設計培訓
北京辦公軟件培訓
北京網頁設計培訓
北京電腦維修培訓