雜志化的網(wǎng)頁(yè)設計趨勢發(fā)布者：本站     時(shí)間：2022-01-07 09:01:05

繼微軟推出win8操作系統后，扁平化和擬物化的討論就沒(méi)有停止過(guò)。2013年6月11日，WWDC 2013 發(fā)布會(huì )蘋(píng)果推出iOS7，顛覆性的界面設計，使”扁平化”和”擬物化”再次被推到風(fēng)口浪尖上。

這篇文章我并不想討論”擬物”和”扁平”哪個(gè)好?它們都可能好，也都可能不好。

先來(lái)看看幾組變化：

詳細解析雜志化的<a href=/photoshop/web/ target=_blank class=infotextkey>網(wǎng)頁(yè)設計</a>趨勢,PS教程,

詳細解析雜志化的網(wǎng)頁(yè)設計趨勢,PS教程,

詳細解析雜志化的網(wǎng)頁(yè)設計趨勢,PS教程,

詳細解析雜志化的網(wǎng)頁(yè)設計趨勢,PS教程,

過(guò)去的很長(cháng)一段時(shí)間內,界面設計的風(fēng)格都處在循序漸進(jìn)的改變，”扁平化”的設計卻是在短短十幾個(gè)月的時(shí)間內迅速流行起來(lái)。從本質(zhì)上看，這不僅僅是一種視覺(jué)風(fēng)格的改變，而是一種設計語(yǔ)言和思維方式的演化。

就像上個(gè)世紀在建筑領(lǐng)域極簡(jiǎn)主義運動(dòng)對過(guò)度裝修的沖擊，扁平化設計可能是一個(gè)對已經(jīng)被使用多年的過(guò)度設計、或者過(guò)于花哨的網(wǎng)站和界面的一個(gè)顛覆。

詳細解析雜志化的網(wǎng)頁(yè)設計趨勢,PS教程,

扁平化設計意味著(zhù)在界面與圖標中材質(zhì)、陰影、立體感的消失等等。實(shí)際上對于界面設計來(lái)說(shuō)，正如人們對于視覺(jué)感官的新鮮需求和疲勞度是與生俱來(lái)的。

讓界面更加干凈，易用，輕薄。而不是在用戶(hù)沉浸于頁(yè)面閱讀時(shí)，對用戶(hù)產(chǎn)生干擾。把復雜的頁(yè)面梳理的非常易用。

“扁平化” = “雜志化”?

先來(lái)看看兩個(gè)頁(yè)面：

詳細解析雜志化的網(wǎng)頁(yè)設計趨勢,PS教程,

(圖1) 微軟首頁(yè)

詳細解析雜志化的網(wǎng)頁(yè)設計趨勢,PS教程,

(圖2) 《TIME》

時(shí)代周刊是美國影響最大的新聞周刊，有世界”史庫”之稱(chēng)。

(圖1)是微軟的首頁(yè)，明顯的扁平化設計。

(圖2)是TIME的網(wǎng)站，確然也呈現扁平化的設計風(fēng)格，但是卻和微軟的首頁(yè)風(fēng)格不一樣。

網(wǎng)頁(yè)雜志化設計，是扁平化更具體的一種體現，并不是去掉漸變，陰影等繁復的修飾，就可以說(shuō)是雜志化的網(wǎng)頁(yè)設計。

一、 字體&排版 ：排布打破常規

雜志化設計，建立在整齊而美觀(guān)的文字排版基礎之上，文字排版為內容創(chuàng )建結構和節奏感。用不同的字體，和字體的大小、顏色，進(jìn)行設計。

平面雜志的官網(wǎng)設計風(fēng)格都會(huì )和雜志的設計風(fēng)格靠攏，并且比起其他資訊類(lèi)網(wǎng)站風(fēng)格更鮮明，有著(zhù)自己雜志的元素融入在網(wǎng)頁(yè)設計中。

詳細解析雜志化的網(wǎng)頁(yè)設計趨勢,PS教程,

(圖3)《ELLE》

著(zhù)名法國時(shí)裝品牌ELLE，以時(shí)尚導向，是女性化的、現代的、積極向上、親切的、潮流而又充滿(mǎn)生活氣息。

二、布局：視覺(jué)的引導

扁平化用清晰的圖形元素創(chuàng )建最簡(jiǎn)潔的視覺(jué)效果，去掉多余的線(xiàn)和框，僅用內容本身來(lái)布局內容，為內容留出呼吸空間。

雜志化的頁(yè)面，不同的區域，善于用線(xiàn)分割頁(yè)面，實(shí)線(xiàn)，虛線(xiàn)，粗線(xiàn)，細線(xiàn)，不同明度的線(xiàn)，分割巧妙。

詳細解析雜志化的網(wǎng)頁(yè)設計趨勢,PS教程,

(圖4)《VANITYFAIR》(名利場(chǎng))

美國著(zhù)名時(shí)尚雜志。報道內容多為明星私生活，同時(shí)其新聞、評論、隨筆等內容也具有一定深度。

三、功能按鈕 ：沉浸于內容中

按鈕，翻頁(yè)，滾動(dòng)條等功能操作沉浸于整體內容之中，不突兀。

詳細解析雜志化的網(wǎng)頁(yè)設計趨勢,PS教程,

(圖5) 功能按鈕沉浸于整體設計中

四、留白的藝術(shù)：負空間的設計魅力

留白——設計中負空間的重要性與魅力。利用界面空間的留白來(lái)增強內容。

留白空間是界面的重要組成部分，留白是內容的一部分，以及內容意境的一種伸展，優(yōu)秀的留白空間設計，使內容變得更加美好，富有憧憬。

詳細解析雜志化的網(wǎng)頁(yè)設計趨勢,PS教程,

(圖6)《紐約客》(The New Yorker)

是一份美國知識、文藝類(lèi)的綜合雜志。

無(wú)論寫(xiě)實(shí)的擬物設計或寫(xiě)意的扁平化設計，如何圍繞需求，讓人們沉浸在他們喜歡的內容中。