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

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

2019/12/25 0:00:00 · 稿源:傳誠(chéng)信

像其同時(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ì)感興趣。

fl1.png

什么: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)它們的多樣性。

fl2.jpg


荷蘭數(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)都放置在圖塊上。

fl3.jpg


使用了諸如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è)很好的例子。

fl4.jpg


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è)性


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

010-62199213

24小時(shí)咨詢熱線

139-1050-5354