資訊

網站扶植資訊 ? 網站設想趨向

從品牌網站扶植到收集營銷籌謀,從戰略到履行的一站式辦事

一份簡略了然的網頁設想用色指南-深圳網站扶植分享

來歷:戈壁風網站扶植公司 | 2015.12.14

一份簡略了然的網頁設想用色指南

實在明天網頁設想中的配色和用色體例,是一件很是風趣又值得思慮的工作。雖然絕大大都的網站看起來很是類似,可是奇妙的用色會讓規劃平淡的網站顯得差別凡響。

實在我并不是想說某種反動性的用色技能或某個全新的發明,可是絕大大都的網站配色看起來確切很是類似。那末配色的意思又安在呢?若是全天下一切的網站都接納五彩絢麗的配色,那末不會有任何網站從中鋒芒畢露。固然,明天的網頁設想界已很靠近這個狀態了。從這個角度下去看,溫和的色采會更輕易讓用戶面前一亮。

用色采指導用戶注重力

絕大大都網站在規劃設想之初,凡是就接納簡略的口角灰,白色背景+玄色筆墨。而色采在這類環境下會起到夸大和高亮的感化,能夠指導用戶注重按鈕、標題和鏈接。

一份簡略了然的網頁設想用色指南

以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按鈕和邊角的菜單,寧靜的白與黑就充足了。

一份簡略了然的網頁設想用色指南

結語

色采是壯大的,它們會以各類體例融入設想。它們除壯大的視覺特點,還具備不俗的功效性,指導用戶,晉升凝固力,揭示氣概,通報信息,勾畫性情,乃至付與設想以寄義。

你須要思慮色采的多與少,領會色采在網頁設想中的度,熟習每種色采的性情,大白如安在復雜的樂音和廣袤的天下中找到屬于自身的地位。

十八年 建站經歷

多一份參考,總無益處

接洽戈壁風,收費取得專屬《籌謀計劃》及報價

征詢相干題目或預定面談,能夠經由過程以下體例與咱們接洽

營業熱線:400-688-6062 / 大客戶專線   深圳:15818561755