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

什么：Windows

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

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

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

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

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

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

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

徽標和符號

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

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

平鋪為“信息容器”或內容字段

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

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

結論

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

文章題目：極簡主義的實現(xiàn)-平面網(wǎng)頁設計（扁平化網(wǎng)站設計）
分享地址：http://www.rwnh.cn/news/80880.html

網(wǎng)站建設、網(wǎng)絡推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡營銷seo公司；服務項目有網(wǎng)站設計等

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)