像其同時(shí)代產(chǎn)品一樣,自互聯(lián)網(wǎng)問(wèn)世以來(lái),Windows徽標(biāo)一直沒(méi)有停止更改。隨著時(shí)間的流逝,Microsoft操作系統(tǒng)的徽標(biāo)變得越來(lái)越簡(jiǎn)單,更不用說(shuō)極簡(jiǎn)了。網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域也出現(xiàn)了類似的趨勢(shì):簡(jiǎn)單的線條必須使設(shè)計(jì)完整。今天,我們對(duì)極簡(jiǎn)主義網(wǎng)頁(yè)設(shè)計(jì)的一種非常特殊的派生形式:平面設(shè)計(jì)感興趣。
什么:Windows
除了Windows 8徽標(biāo)之外,整個(gè)用戶界面都很簡(jiǎn)單。這種趨勢(shì)的靈感來(lái)自Windows Phone的磁貼系統(tǒng)以及房屋開發(fā)的平板電腦Surface。所謂的“扁平化”趨勢(shì)也已進(jìn)入網(wǎng)絡(luò),并且可以吹噓為“手動(dòng)”指定的多個(gè)網(wǎng)頁(yè)設(shè)置動(dòng)畫。在向您介紹一些出色的平面設(shè)計(jì)示例之前,讓我們仔細(xì)研究一下這種趨勢(shì)。
平面網(wǎng)頁(yè)設(shè)計(jì)(扁平化網(wǎng)站設(shè)計(jì))詳細(xì)
與主導(dǎo)網(wǎng)頁(yè)設(shè)計(jì)的舊趨勢(shì)不同,平面設(shè)計(jì)的所有元素都是極簡(jiǎn)主義的:徽標(biāo),按鈕,字體,甚至“內(nèi)容容器”或內(nèi)容字段都為“平面”。為此,大多數(shù)網(wǎng)頁(yè)設(shè)計(jì)師使用的方形形狀讓人聯(lián)想到Windows 8磁貼。
在對(duì)瓷磚感興趣之后,觀察一下平面設(shè)計(jì)所拒絕的東西很有趣。Web設(shè)計(jì)人員避免使用擬形或3D外觀的對(duì)象。在蘋果的黃金時(shí)代,擬形或3D方面元素特別受到贊賞。已設(shè)計(jì)出許多應(yīng)用程序來(lái)調(diào)用日常對(duì)象。記事本應(yīng)用程序的設(shè)計(jì)類似于紙質(zhì)版本,看起來(lái)像記事本。在平面設(shè)計(jì)中,我們放棄了這些小工具:簡(jiǎn)約是關(guān)鍵詞。下面的截圖是很好的例子。
平面網(wǎng)頁(yè)設(shè)計(jì)(扁平化網(wǎng)站設(shè)計(jì))中的瓷磚
正如我們已經(jīng)提到的,瓷磚是平面網(wǎng)頁(yè)設(shè)計(jì)的主要元素之一。下面的示例顯示了良好的Web設(shè)計(jì)可以實(shí)現(xiàn)它們的多樣性。
荷蘭數(shù)字制作公司Blocklevel在其網(wǎng)站上選擇了一種非常方形的設(shè)計(jì),例如Windows8。但是,網(wǎng)頁(yè)設(shè)計(jì)的特殊性在于每個(gè)磁貼都是動(dòng)畫的。因此,每個(gè)極簡(jiǎn)主義符號(hào)都會(huì)轉(zhuǎn)變?yōu)樽屛挥谟嘘P(guān)代理商的各種信息。通過(guò)將鼠標(biāo)指針?lè)旁诜?hào)上,可以看到有用的信息……或其他信息,例如當(dāng)前洗碗機(jī)中的咖啡數(shù)量少的信息。一個(gè)不錯(cuò)且高效的網(wǎng)頁(yè)設(shè)計(jì),一個(gè)真正的紅線,可以在整個(gè)網(wǎng)站上找到。這種做事方式使位置而不是設(shè)計(jì)引人注目,而對(duì)內(nèi)容感到自豪。但是,由于采用了扁平化設(shè)計(jì),因此舞臺(tái)布置得很好。
徽標(biāo)和符號(hào)
磁貼也可以用于其他用途,例如徽標(biāo)和符號(hào)。對(duì)于SumAll,所有符號(hào)都放置在圖塊上。
使用了諸如Facebook,YouTube,Twitter和許多其他服務(wù)之類的徽標(biāo),并以匹配的顏色將其放置在圖塊中。這樣可以創(chuàng)建清晰緊湊的Web設(shè)計(jì),用戶可以在其上輕松導(dǎo)航??梢浴按蜷_”每個(gè)圖塊,以便與網(wǎng)頁(yè)設(shè)計(jì)相協(xié)調(diào)地將完美壓縮的所有基本信息呈現(xiàn)給用戶。
平鋪為“信息容器”或內(nèi)容字段
瓷磚不僅美觀,還節(jié)省了空間。方形的優(yōu)勢(shì)在于,網(wǎng)頁(yè)設(shè)計(jì)師可以像拼圖一樣放置和移動(dòng)它們。Geckoboard應(yīng)用程序就是一個(gè)很好的例子。
Geckoboard在一個(gè)布局非常清晰的窗口中收集用戶的所有關(guān)鍵數(shù)據(jù)。借助該應(yīng)用程序,用戶不僅可以從出色的概覽中受益,而且還可以從其所有數(shù)據(jù)的精美表示中受益,此外,還提供了適當(dāng)?shù)念伾a。這使用戶更容易過(guò)濾掉重要信息。
結(jié)論
對(duì)于平面網(wǎng)頁(yè)設(shè)計(jì)(扁平化網(wǎng)站設(shè)計(jì)):越簡(jiǎn)單越好。此外,我們的示例很快揭示了為什么如此:盡管極簡(jiǎn)主義的實(shí)現(xiàn),網(wǎng)頁(yè)設(shè)計(jì)還是通過(guò)平面元素突出顯示了內(nèi)容,并將其精美地呈現(xiàn)在舞臺(tái)上。此外,磁貼可以進(jìn)行最佳定位,從而使網(wǎng)頁(yè)設(shè)計(jì)井井有條,并為用戶提供良好的概覽。自然,它需要有才能的網(wǎng)站設(shè)計(jì)師的所有經(jīng)驗(yàn)才能賦予網(wǎng)站自己的個(gè)性