首頁?>?知識?資訊?>?極簡主義的實現(xiàn)-平面網(wǎng)頁設(shè)計(扁平化網(wǎng)站設(shè)計)?>?正文

極簡主義的實現(xiàn)-平面網(wǎng)頁設(shè)計(扁平化網(wǎng)站設(shè)計)

2019/12/25 0:00:00 · 稿源:傳誠信

像其同時代產(chǎn)品一樣,自互聯(lián)網(wǎng)問世以來,Windows徽標一直沒有停止更改。隨著時間的流逝,Microsoft操作系統(tǒng)的徽標變得越來越簡單,更不用說極簡了。網(wǎng)頁設(shè)計領(lǐng)域也出現(xiàn)了類似的趨勢:簡單的線條必須使設(shè)計完整。今天,我們對極簡主義網(wǎng)頁設(shè)計的一種非常特殊的派生形式:平面設(shè)計感興趣。

fl1.png

什么:Windows

除了Windows 8徽標之外,整個用戶界面都很簡單。這種趨勢的靈感來自Windows Phone的磁貼系統(tǒng)以及房屋開發(fā)的平板電腦Surface。所謂的“扁平化”趨勢也已進入網(wǎng)絡(luò),并且可以吹噓為“手動”指定的多個網(wǎng)頁設(shè)置動畫。在向您介紹一些出色的平面設(shè)計示例之前,讓我們仔細研究一下這種趨勢。

平面網(wǎng)頁設(shè)計(扁平化網(wǎng)站設(shè)計)詳細

與主導網(wǎng)頁設(shè)計的舊趨勢不同,平面設(shè)計的所有元素都是極簡主義的:徽標,按鈕,字體,甚至“內(nèi)容容器”或內(nèi)容字段都為“平面”。為此,大多數(shù)網(wǎng)頁設(shè)計師使用的方形形狀讓人聯(lián)想到Windows 8磁貼。

在對瓷磚感興趣之后,觀察一下平面設(shè)計所拒絕的東西很有趣。Web設(shè)計人員避免使用擬形或3D外觀的對象。在蘋果的黃金時代,擬形或3D方面元素特別受到贊賞。已設(shè)計出許多應(yīng)用程序來調(diào)用日常對象。記事本應(yīng)用程序的設(shè)計類似于紙質(zhì)版本,看起來像記事本。在平面設(shè)計中,我們放棄了這些小工具:簡約是關(guān)鍵詞。下面的截圖是很好的例子。

平面網(wǎng)頁設(shè)計(扁平化網(wǎng)站設(shè)計)中的瓷磚

正如我們已經(jīng)提到的,瓷磚是平面網(wǎng)頁設(shè)計的主要元素之一。下面的示例顯示了良好的Web設(shè)計可以實現(xiàn)它們的多樣性。

fl2.jpg


荷蘭數(shù)字制作公司Blocklevel在其網(wǎng)站上選擇了一種非常方形的設(shè)計,例如Windows8。但是,網(wǎng)頁設(shè)計的特殊性在于每個磁貼都是動畫的。因此,每個極簡主義符號都會轉(zhuǎn)變?yōu)樽屛挥谟嘘P(guān)代理商的各種信息。通過將鼠標指針放在符號上,可以看到有用的信息……或其他信息,例如當前洗碗機中的咖啡數(shù)量少的信息。一個不錯且高效的網(wǎng)頁設(shè)計,一個真正的紅線,可以在整個網(wǎng)站上找到。這種做事方式使位置而不是設(shè)計引人注目,而對內(nèi)容感到自豪。但是,由于采用了扁平化設(shè)計,因此舞臺布置得很好。

徽標和符號

磁貼也可以用于其他用途,例如徽標和符號。對于SumAll,所有符號都放置在圖塊上。

fl3.jpg


使用了諸如Facebook,YouTube,Twitter和許多其他服務(wù)之類的徽標,并以匹配的顏色將其放置在圖塊中。這樣可以創(chuàng)建清晰緊湊的Web設(shè)計,用戶可以在其上輕松導航??梢浴按蜷_”每個圖塊,以便與網(wǎng)頁設(shè)計相協(xié)調(diào)地將完美壓縮的所有基本信息呈現(xiàn)給用戶。

平鋪為“信息容器”或內(nèi)容字段

瓷磚不僅美觀,還節(jié)省了空間。方形的優(yōu)勢在于,網(wǎng)頁設(shè)計師可以像拼圖一樣放置和移動它們。Geckoboard應(yīng)用程序就是一個很好的例子。

fl4.jpg


Geckoboard在一個布局非常清晰的窗口中收集用戶的所有關(guān)鍵數(shù)據(jù)。借助該應(yīng)用程序,用戶不僅可以從出色的概覽中受益,而且還可以從其所有數(shù)據(jù)的精美表示中受益,此外,還提供了適當?shù)念伾a。這使用戶更容易過濾掉重要信息。

結(jié)論

對于平面網(wǎng)頁設(shè)計(扁平化網(wǎng)站設(shè)計:越簡單越好。此外,我們的示例很快揭示了為什么如此:盡管極簡主義的實現(xiàn),網(wǎng)頁設(shè)計還是通過平面元素突出顯示了內(nèi)容,并將其精美地呈現(xiàn)在舞臺上。此外,磁貼可以進行最佳定位,從而使網(wǎng)頁設(shè)計井井有條,并為用戶提供良好的概覽。自然,它需要有才能的網(wǎng)站設(shè)計師的所有經(jīng)驗才能賦予網(wǎng)站自己的個性


  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門
  • 最新
客戶服務(wù)
咨詢熱線

010-62199213

24小時咨詢熱線

139-1050-5354