相比許多只流行一季的網(wǎng)站設(shè)計(jì)趨勢,極簡主義可能是生命力最為持久的一種設(shè)計(jì)理念。盡管近幾年來隨著HTML5,CSS3以及其他一些建站技術(shù)的發(fā)展,做出一個頁面豐富的網(wǎng)站要比以往更加容易。但極簡主義還是憑借自身的優(yōu)勢立足了腳跟,收獲了一眾粉絲。極簡主義的網(wǎng)站設(shè)計(jì)不僅美觀、大方,還能更加有效、清晰地傳遞網(wǎng)站信息。今天小飛就帶大家詳細(xì)了解一下什么是極簡主義網(wǎng)頁設(shè)計(jì),為什么這種設(shè)計(jì)受到很多人的歡迎,探究分析極簡主義設(shè)計(jì)的優(yōu)勢所在。快來一起看看吧!
什么是極簡主義網(wǎng)頁設(shè)計(jì)?
極簡主義是一種設(shè)計(jì)風(fēng)格,追求簡單到極致。它不僅應(yīng)用在多個領(lǐng)域中:平面設(shè)計(jì)、繪畫、建筑、文學(xué)、音樂、網(wǎng)頁設(shè)計(jì)等,還作為一種價值觀及生活方式受到不少人的推崇。對極簡主義最為簡練的定義就是少即是多。就網(wǎng)站設(shè)計(jì)中的極簡主義而言,它旨在保持網(wǎng)站的整體框架,剔除多余的元素和裝飾(色彩、文本、形狀、紋理等),突出網(wǎng)站內(nèi)容,以清楚、簡潔的方式給用戶傳遞信息。
不過,極簡主義設(shè)計(jì)并不代表內(nèi)容空洞,在做極簡主義設(shè)計(jì)時,我們要做的是化繁為簡,刪除不必要的元素,保留最核心的內(nèi)容,而不是過度削減元素,使網(wǎng)站缺少必要的功能,影響網(wǎng)站的活力和交互性。目前流行的極簡主義設(shè)計(jì)風(fēng)格大多使用純粹的色彩和簡練的圖片。很多設(shè)計(jì)師也常常將極簡主義設(shè)計(jì)同其他流行設(shè)計(jì)趨勢結(jié)合起來使用,比如扁平化設(shè)計(jì)、卡片式設(shè)計(jì)、分屏式設(shè)計(jì),以做出令人印象深刻、耳目一新的網(wǎng)站。
極簡主義網(wǎng)頁設(shè)計(jì)的優(yōu)點(diǎn):
作為網(wǎng)站趨勢的"元老級"成員,極簡主義設(shè)計(jì)為什么能在反反復(fù)復(fù)的潮流之中一直保持著自己的地位呢?為什么它能夠歷久彌新、屹立不倒呢?下面是小飛整理的關(guān)于極簡主義設(shè)計(jì)風(fēng)格的9大優(yōu)點(diǎn)!
1.帶來更高的轉(zhuǎn)化率
簡潔的布局經(jīng)常會帶來更高的轉(zhuǎn)化率。就像前面說的,極簡主義設(shè)計(jì)有助于突出公司的品牌信息,傳遞銷售賣點(diǎn),在主頁面,我們還可以突出行為引導(dǎo)按鈕,再加上簡潔、友好的用戶體驗(yàn),網(wǎng)站的轉(zhuǎn)化率能不提高嗎?看看Yahoo和Google的主頁(見下圖),你會更偏向于使用哪一個搜索引擎?答案應(yīng)該很明顯吧!簡潔明了的設(shè)計(jì)風(fēng)格便于用戶的操作,能有效提高網(wǎng)站的轉(zhuǎn)化率。
2.更好的傳遞USP(獨(dú)特銷售賣點(diǎn))
極簡主義網(wǎng)站上的空間很寶貴,每項(xiàng)元素都應(yīng)該是有意義的,可以達(dá)成特定目的的。因此我們可以利用網(wǎng)站上的各項(xiàng)元素積極服務(wù)于產(chǎn)品的銷售,比如使用相關(guān)圖片突出產(chǎn)品的賣點(diǎn)。Helpscout(幫手)就是一個很好的栗子。網(wǎng)站的主頁布局簡單干凈,顯得優(yōu)雅大方。除了菜單欄和行為引導(dǎo)按鈕以外,頁面上只有十來個詞以及一張展示人們努力工作的背景圖片。這張背景圖片很有深意,網(wǎng)站主打給想要優(yōu)化用戶體驗(yàn)的人們提供幫助,而相關(guān)背景圖片能給用戶一種暗示,這些人就是用戶的幫手。另外,圖片更加生動形象,更能給用戶提供直觀的感受。
3.突出網(wǎng)站核心內(nèi)容
在網(wǎng)站中使用極簡主義設(shè)計(jì),最大的一個好處就在于我們可以通過剔除不必要的元素,減少它們對用戶的干擾,讓用戶集中注意力在網(wǎng)站的核心內(nèi)容上。人的注意力是有限的,不少人在做網(wǎng)站時沒有考慮到用戶的瀏覽特點(diǎn),覺得這個元素需要,那個元素也不能少,不知道取舍和優(yōu)先等級,最后只會落得網(wǎng)站擁擠、混亂,用戶不愿看的結(jié)果。而做極簡主義網(wǎng)站設(shè)計(jì)時,我們只需集中于一點(diǎn):網(wǎng)站的目的是什么?想要傳遞什么信息給用戶?直接了當(dāng)?shù)恼故揪W(wǎng)站重點(diǎn)內(nèi)容,分清主、次,千萬不要讓用戶覺得眼花繚亂。下圖的網(wǎng)站就是一個 反面教材 ,各種元素(圖片、視頻、文本)堆砌,毫無排版可言(大不對齊、無意義的留白),文本字體大小不統(tǒng)一,這只會帶來糟糕的瀏覽體驗(yàn)。
4.更易實(shí)現(xiàn)響應(yīng)式
極簡主義設(shè)計(jì)能與響應(yīng)式框架很好的結(jié)合在一起。一方面,現(xiàn)在移動用戶更加注重快速便捷的瀏覽體驗(yàn),不少網(wǎng)站會以移動端為先,首先想辦法滿足小屏幕設(shè)備的需求,但由于小屏幕的空間有限,極簡主義的設(shè)計(jì)是比較好的選擇。能有效應(yīng)對小屏幕的極簡主義設(shè)計(jì),在面對PC等大屏幕時自然也不在話下。另一方面,即使某個網(wǎng)站的設(shè)計(jì)首先面向PC端,將網(wǎng)站變成響應(yīng)式的或讓它適應(yīng)手機(jī)端的過程也很簡單,因?yàn)闃O簡主義網(wǎng)站的元素通常比較少、比較簡單。
5.提高網(wǎng)站可讀性和易讀性
由于極簡主義要求減少不必要的元素,網(wǎng)站中空白的區(qū)域會有所增加,這也是我們常說的留白或負(fù)空間。適當(dāng)?shù)牧舭讜粌H有助于突出網(wǎng)站的核心內(nèi)容、品牌信息,還能夠提高網(wǎng)站的可讀性和易讀性。這是因?yàn)榱舭卓梢杂迷诓煌膬?nèi)容區(qū)塊上,給不同的元素劃分明顯的界限,還能用在標(biāo)題、文字段落和菜單欄的字間距中,使文字易于瀏覽,提高閱讀體驗(yàn)。
6.簡化導(dǎo)航菜單
網(wǎng)站的極簡主義設(shè)計(jì)風(fēng)格常常還會體現(xiàn)在導(dǎo)航菜單上。就像網(wǎng)站上的其他元素一樣,菜單欄也應(yīng)該只保留下必要的選項(xiàng)欄,這樣有助于用戶快速找到自己想要獲取的信息,提升用戶體驗(yàn)。Helpscout這一點(diǎn)上也做的很好。頁面的主菜單上只有幾個選項(xiàng),重點(diǎn)突出訪客們最想知道的重要信息---產(chǎn)品、價格,博客。網(wǎng)站上的其他元素,比如關(guān)于頁面,指導(dǎo)手冊等都涵蓋在"更多"里面了,網(wǎng)站的導(dǎo)航菜單中沒有任何冗余。
7.良好的視覺外觀
極簡主義的網(wǎng)站常常采用純粹的顏色、有質(zhì)感的圖片和藝術(shù)性的排版,這樣的網(wǎng)站會給用戶以優(yōu)雅和精致的感覺,簡約的美感也會使網(wǎng)站更具個性化和感染力。truthlabs就是一個很好的栗子,純正的大紅色吸人眼球,頁面中心slogan簡短有力,重點(diǎn)突出,視覺感受極佳。
8.更快的加載速度
由于極簡主義的網(wǎng)站設(shè)計(jì)剔除很多不必要的元素,這意味著網(wǎng)站中沒有那些大容量的視頻、可有可無的fals*、圖片或是插件,網(wǎng)站的元素較少,在服務(wù)器上加載時占據(jù)的空間也比較少,這會加快網(wǎng)站的整體加載速度。據(jù)研究,47%的用戶希望一個頁面可以在兩秒或者更少的時間內(nèi)加載出來,緩慢的加載速度只會帶來用戶的流失。
9.節(jié)約后期維護(hù)成本
減少不必要的網(wǎng)站元素對于網(wǎng)站的更新與維護(hù)也是一個福音。本來更新網(wǎng)站的文本、圖片、插件,檢查各元素之間的兼容問題就夠讓人頭大了,如果元素太多,這項(xiàng)工程簡直不要太繁瑣、復(fù)雜。但是在極簡主義網(wǎng)站設(shè)計(jì)中就不存在這個問題,有限的元素、整潔的布局讓我們不用花費(fèi)太多時間和精力,能夠有效節(jié)約網(wǎng)站后期的維護(hù)成本。
雖然極簡主義設(shè)計(jì)風(fēng)格有以上這些優(yōu)點(diǎn),但它卻并不適用于所有網(wǎng)站。特別是對一些商城來說,它們想在短時間內(nèi)容給用戶提供豐富而全面的信息,但極簡主義的網(wǎng)站設(shè)計(jì)常常展示比較少的內(nèi)容,這與商城營銷的初衷背道而馳,不過也有一些小型商城會使用這種風(fēng)格讓自己的網(wǎng)站看上去更有格調(diào),更富創(chuàng)意。因此,在做網(wǎng)站時我們還是要考慮自身的實(shí)際情況,切忌盲目跟風(fēng),適合自己的才是最好的。
起飛頁自助建站平臺()上也有不少極簡主義風(fēng)格的模板,快來起飛頁自助建站平臺做一個網(wǎng)站吧!
申請創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!