到底什么是扁平化設計?百度百科的解釋是一種界面設計方式,凸顯必要的信息,剔除不必要的信息,簡單、抽象。而在一些平面設計師或者網(wǎng)站設計師眼中,扁平化設計與極簡設計等同??梢哉f,沒有一個關于扁平化設計的準確定義。
即便如此,就網(wǎng)站設計而言,大家普遍的共識是——如下網(wǎng)站設計理念或者方法,就是網(wǎng)站設計的扁平化設計。
網(wǎng)站組織構(gòu)架:扁平
網(wǎng)站的組織構(gòu)架更加扁平,這是扁平化設計在網(wǎng)站設計中的重要表現(xiàn)之一。我們不妨以企業(yè)網(wǎng)站為例。
非扁平化的企業(yè)網(wǎng)站,導航欄目往往在五到八個左右,如首頁、產(chǎn)品、服務、案例、聯(lián)系方式、論壇等等,并且,每一個頻道之下還有二級乃至三級頻道,網(wǎng)站的縱深可以達到五層以上。
為什么要這樣設計呢?我們認為有兩個原因。其一,帶寬的原因,由于帶寬的限制,一些頁面如果信息量多的話,會出現(xiàn)加載緩慢的情況,不得已,只能分頁、分欄目。其二,優(yōu)化的原因。如果一個網(wǎng)站的頁面數(shù)量很多,是被搜索引擎更加看重的。
而扁平化的網(wǎng)站組織構(gòu)架,一方面減少首頁的導航數(shù)量,另一方面增加二級欄目的數(shù)量。如此一來,首先更加干凈,網(wǎng)站的層級也大大減少,通常不會超過三層。網(wǎng)站設計元素:更少、留白
設計業(yè)內(nèi)經(jīng)常將扁平化設計與擬物化設計對立。擬物化設計,就是設計元素全部來自于實物,可以實現(xiàn)一一對應。典型的如蘋果和錘子手機的圖標設計。但是扁平化設計是與其相反的,較為抽象。
由于無須一一對應,所以,一個抽象的概念就可以包容大量的現(xiàn)實。這一點很關鍵詞。因為只有這樣,扁平化設計才能僅僅呈現(xiàn)更少的元素。例如,很多網(wǎng)站的首頁,就只有一個元素。如汽車網(wǎng)站,就是一個汽車的配圖。元素少,是扁平化設計的特點之一。
因為元素少,大量的頁面就只能留白。留白多,也是扁平化設計的特點之一。、網(wǎng)站的配色:漸變和同色系
為什么扁平化的網(wǎng)站多使用同色系或者漸變色呢?因為非扁平化的網(wǎng)站,不能用。
非扁平化的網(wǎng)站因為元素多,不同的元素需要不同的顏色搭配,所以網(wǎng)站會使用不同的顏色搭配。但是扁平化網(wǎng)站元素少、留白多,一種顏色就能夠?qū)⒄麄€頁面覆蓋,但是,這會讓網(wǎng)站顯得很單調(diào),所以,漸變色就成為一種選擇。網(wǎng)站的操作設計:更小、更偏
扁平化網(wǎng)站有一個目的:一個頁面盡量讓用戶專注于一點、進行一到兩種操作。
所以,扁平化網(wǎng)站會刻意消減或者隱藏一些操作按鈕,通過動效的方式呈現(xiàn)。當用戶需要某種操作的時候,按鈕就會出現(xiàn),當用戶不需要的時候,就會隱藏。
例如,不少扁平化網(wǎng)站會在頁面隱藏回到首頁、回到頂端的按鈕,當用戶點擊頁面,按鈕才會出現(xiàn)。
雖然扁平化設計較為流程,也是響應式網(wǎng)站的基本設計理念,但是也有人對扁平化設計“無感”。
需要承認,扁平化設計也有缺點,例如,過度抽象導致信息傳遞簡單、粗暴,不能給用戶留下思考的空間;再例如,刪除了細節(jié),粗暴地表現(xiàn)方式,讓整個頁面顯得有些單調(diào),缺少溫暖的情感表達;還例如,在PC端的呈現(xiàn),扁平化設計的變現(xiàn)不太完美,看起來就像是一幅模糊的油畫。
以上就是關于扁平化設計在定制網(wǎng)站中的應用以及其缺點(不正確的是),希望對你有幫助,更多內(nèi)容關注創(chuàng)新互聯(lián)。
網(wǎng)頁題目:扁平化設計在定制網(wǎng)站中的應用以及其缺點(不正確的是)
轉(zhuǎn)載源于:http://redsoil1982.com.cn/news0/314100.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站內(nèi)鏈、標簽優(yōu)化、移動網(wǎng)站建設、軟件開發(fā)、建站公司、微信公眾號
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)