雜志化的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)發(fā)布者：本站 時(shí)間：2022-01-07 09:01:05
繼微軟推出win8操作系統(tǒng)后，扁平化和擬物化的討論就沒(méi)有停止過(guò)。2013年6月11日，WWDC 2013 發(fā)布會(huì)蘋果推出iOS7，顛覆性的界面設(shè)計(jì)，使”扁平化”和”擬物化”再次被推到風(fēng)口浪尖上。
這篇文章我并不想討論”擬物”和”扁平”哪個(gè)好?它們都可能好，也都可能不好。
先來(lái)看看幾組變化：
詳細(xì)解析雜志化的<a href=/photoshop/web/ target=_blank class=infotextkey>網(wǎng)頁(yè)設(shè)計(jì)</a>趨勢(shì),PS教程,
詳細(xì)解析雜志化的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì),PS教程,
詳細(xì)解析雜志化的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì),PS教程,
詳細(xì)解析雜志化的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì),PS教程,
過(guò)去的很長(zhǎng)一段時(shí)間內(nèi),界面設(shè)計(jì)的風(fēng)格都處在循序漸進(jìn)的改變，”扁平化”的設(shè)計(jì)卻是在短短十幾個(gè)月的時(shí)間內(nèi)迅速流行起來(lái)。從本質(zhì)上看，這不僅僅是一種視覺(jué)風(fēng)格的改變，而是一種設(shè)計(jì)語(yǔ)言和思維方式的演化。
就像上個(gè)世紀(jì)在建筑領(lǐng)域極簡(jiǎn)主義運(yùn)動(dòng)對(duì)過(guò)度裝修的沖擊，扁平化設(shè)計(jì)可能是一個(gè)對(duì)已經(jīng)被使用多年的過(guò)度設(shè)計(jì)、或者過(guò)于花哨的網(wǎng)站和界面的一個(gè)顛覆。
詳細(xì)解析雜志化的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì),PS教程,
扁平化設(shè)計(jì)意味著在界面與圖標(biāo)中材質(zhì)、陰影、立體感的消失等等。實(shí)際上對(duì)于界面設(shè)計(jì)來(lái)說(shuō)，正如人們對(duì)于視覺(jué)感官的新鮮需求和疲勞度是與生俱來(lái)的。
讓界面更加干凈，易用，輕薄。而不是在用戶沉浸于頁(yè)面閱讀時(shí)，對(duì)用戶產(chǎn)生干擾。把復(fù)雜的頁(yè)面梳理的非常易用。
“扁平化” = “雜志化”?
先來(lái)看看兩個(gè)頁(yè)面：
詳細(xì)解析雜志化的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì),PS教程,
(圖1) 微軟首頁(yè)
詳細(xì)解析雜志化的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì),PS教程,
(圖2) 《TIME》
時(shí)代周刊是美國(guó)影響最大的新聞周刊，有世界”史庫(kù)”之稱。
(圖1)是微軟的首頁(yè)，明顯的扁平化設(shè)計(jì)。
(圖2)是TIME的網(wǎng)站，確然也呈現(xiàn)扁平化的設(shè)計(jì)風(fēng)格，但是卻和微軟的首頁(yè)風(fēng)格不一樣。
網(wǎng)頁(yè)雜志化設(shè)計(jì)，是扁平化更具體的一種體現(xiàn)，并不是去掉漸變，陰影等繁復(fù)的修飾，就可以說(shuō)是雜志化的網(wǎng)頁(yè)設(shè)計(jì)。
一、 字體&排版 ：排布打破常規(guī)
雜志化設(shè)計(jì)，建立在整齊而美觀的文字排版基礎(chǔ)之上，文字排版為內(nèi)容創(chuàng)建結(jié)構(gòu)和節(jié)奏感。用不同的字體，和字體的大小、顏色，進(jìn)行設(shè)計(jì)。
平面雜志的官網(wǎng)設(shè)計(jì)風(fēng)格都會(huì)和雜志的設(shè)計(jì)風(fēng)格靠攏，并且比起其他資訊類網(wǎng)站風(fēng)格更鮮明，有著自己雜志的元素融入在網(wǎng)頁(yè)設(shè)計(jì)中。
詳細(xì)解析雜志化的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì),PS教程,
(圖3)《ELLE》
著名法國(guó)時(shí)裝品牌ELLE，以時(shí)尚導(dǎo)向，是女性化的、現(xiàn)代的、積極向上、親切的、潮流而又充滿生活氣息。
二、布局：視覺(jué)的引導(dǎo)
扁平化用清晰的圖形元素創(chuàng)建最簡(jiǎn)潔的視覺(jué)效果，去掉多余的線和框，僅用內(nèi)容本身來(lái)布局內(nèi)容，為內(nèi)容留出呼吸空間。
雜志化的頁(yè)面，不同的區(qū)域，善于用線分割頁(yè)面，實(shí)線，虛線，粗線，細(xì)線，不同明度的線，分割巧妙。
詳細(xì)解析雜志化的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì),PS教程,
(圖4)《VANITYFAIR》(名利場(chǎng))
美國(guó)著名時(shí)尚雜志。報(bào)道內(nèi)容多為明星私生活，同時(shí)其新聞、評(píng)論、隨筆等內(nèi)容也具有一定深度。
三、功能按鈕 ：沉浸于內(nèi)容中
按鈕，翻頁(yè)，滾動(dòng)條等功能操作沉浸于整體內(nèi)容之中，不突兀。
詳細(xì)解析雜志化的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì),PS教程,
(圖5) 功能按鈕沉浸于整體設(shè)計(jì)中
四、留白的藝術(shù)：負(fù)空間的設(shè)計(jì)魅力
留白——設(shè)計(jì)中負(fù)空間的重要性與魅力。利用界面空間的留白來(lái)增強(qiáng)內(nèi)容。
留白空間是界面的重要組成部分，留白是內(nèi)容的一部分，以及內(nèi)容意境的一種伸展，優(yōu)秀的留白空間設(shè)計(jì)，使內(nèi)容變得更加美好，富有憧憬。
詳細(xì)解析雜志化的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì),PS教程,
(圖6)《紐約客》(The New Yorker)
是一份美國(guó)知識(shí)、文藝類的綜合雜志。
無(wú)論寫實(shí)的擬物設(shè)計(jì)或?qū)懸獾谋馄交O(shè)計(jì)，如何圍繞需求，讓人們沉浸在他們喜歡的內(nèi)容中。
選擇我們，優(yōu)質(zhì)服務(wù)，不容錯(cuò)過(guò)
1. 優(yōu)秀的網(wǎng)絡(luò)資源，強(qiáng)大的網(wǎng)站優(yōu)化技術(shù)，穩(wěn)定的網(wǎng)站和速度保證
2. 15年上海網(wǎng)站建設(shè)經(jīng)驗(yàn)，優(yōu)秀的技術(shù)和設(shè)計(jì)水平，更放心
3. 全程省心服務(wù)，不必?fù)?dān)心自己不懂網(wǎng)絡(luò)，更省心。
------------------------------------------------------------
24小時(shí)聯(lián)系電話：021-58370032
關(guān)鍵詞標(biāo)簽：上海網(wǎng)站建設(shè) 上海網(wǎng)站制作 網(wǎng)站優(yōu)化 小程序開發(fā)