網頁設計中的色彩策略

每年有很多網頁設計趨勢,總是有一個顏色,然而顏色是我們生活中在每個角落都會看到的重要設計元素,顏色會引來慾望、興奮等等,隨著時間流逝,設計師會大膽和戰略性的使用顏色,就是為了吸引大眾目光,不斷的突破,這種大膽方式通常它被用來傳達更好的故事或加強品牌體驗。

我來舉例說明:

一、創建一個強大的背景

幾年前有一個大膽的色彩背景趨勢,今天,這樣的趨勢還在繼續。
有了良好的設計,豐富多彩和強大的背景可以是對特定部分感興趣的好動作。
讓我們來看看Root Studio的切斯特動物園,除了最小的設計風格外,背景顏色也是一個重要的設計元素。

網頁設計中的色彩策略
▲index/By Root Studio

接下來,Root Studio 的網頁設計,使用鮮豔的色彩突出了投資組合的各個部分,有些部分是霓虹黃色,深藍色,甚至黑色,在下圖中,霓虹黃色與綠色,藍色,黑色,膚色配對。他們和諧有效地工作。

網頁設計中的色彩策略
▲index/By Root Studio

二、色彩聲明

有時你可以使用顏色來表達強大的語句,讓我們從優步的手語來到 Lander Page 開始,橙色漸變背景絕對吸引你的注意力,這個App設計頁面的目的是基於視覺線索教給人們基本的手語,所以這是一個很棒的設計策略。

網頁設計中的色彩策略
▲index_app/By Kickpush

Kickpush 利用顏色告訴使用者,這樣的設計手法讓人印象深刻,當時沒有公司這樣使用,他是這麼獨特的想法,利用文中的聲明與色澤搭配,讓這個網頁設計同時塑造的一個很好的品牌形象。

網頁設計中的色彩策略
▲index/By Kickpush

三、說故事方式

顏色有助於傳達故事,Bloom Protocol 的主頁是一個很好例子,他們整體使用藍色,與其他視覺元素再一起,藍色助於幫助用戶從頁首滾動到頁尾,這樣的視覺流程有不同的特色,也配合著生動故事想繼續往下看,是一個成功的網頁設計。

網頁設計中的色彩策略
▲index/By Bloom Protocol

Adobe Marketing Cloud 的 Lander Page,很有自己設計特色,乾淨簡潔有力,吸引用戶目光,Adobe Marketing Cloud 本身很會配顏色,使用自己的配色方案,而人物的陰影及色澤搭配的很好,色澤上的衝擊與吸引會令用戶想往下滑動。

網頁設計中的色彩策略
▲Lander Page/By Adobe Marketing Cloud

四、吸引興趣並增加個性

顏色可以用來使你的設計有趣,幾個眼色變化及簡單的組合排行,這個案例比較像是排版吸引,但是多了幾個顏色組合搭配,讓你會想繼續往下看,整理上的視覺上會吸引你。

其他排版佈局的設計文章:排版設計教學

網頁設計中的色彩策略
▲Lander Page/By Designmodo

例如:在Designmodo的Qards的Lander Page上,使用了各種小的顏色突發。

五、改進產品/品牌

Asnaha已更新設計,實施各種顏色的漸變,作為創建新身份的一部分,在網站的某些部分,顏色經常使用,但在其他部分有顏色使用較少的地方。這是一個平衡。

網頁設計中的色彩策略
▲Lander Page/By asana

對於這種顏色使用情況,條紋也是如此。他們使用相鄰顏色之間的漸變,如藍色和綠色。

網頁設計中的色彩策略

▲Lander Page/By stripe

最後一個例子是 Goulburn Valley 的網站,他們的品牌使用不同尋常的顏色 但設計非常好,在 Lander Page上使用品牌顏色。這是一個橙色口音和獨特的綠色。

網頁設計中的色彩策略
▲Lander Page/By Goulburn Valley

結論

色彩有助於塑造品格,特別是品牌形象,隨著網頁設計趨勢的變化,隨著設計師的成長,網頁設計中顏色的使用將會變得更好。


 

【想讓你的網站其他人優秀嗎?這些設計趨勢一個都不要錯過!】

1.9種讓你的網頁很專業
2.預測2018網頁設計趨勢
3.2018年手機應用UI設計趨勢
4.這3個設計趨勢是網頁設計師的最愛
5.2018必看設計懶人包手冊
6.高手進擊懶人包影片-設計師與開發者推薦的精選影片


 

給你最好的網頁設計Gogoshark


Also published on Medium.

GogoShark 小編主要分享: 網頁設計, 數位行銷, SEO, 品牌策略...等領域。是你的數位行銷解決方案專家。提供數位行銷知識、分析工具、解決方案與資源夥伴;精準蒐羅數位網路行銷懶人包、關鍵字行銷、社群行銷、內容行銷等。GogoShark 是間位於台北的網頁設計公司

客服支援

您的問題,由我們來解決 - 位於台北的專業網頁設計服務 GogoShark 可協助您拓展事業版圖,透過更加簡單快速的方法將一切數位化