扁平化設(shè)計(jì)如日中天。去除繁雜裝飾的極簡(jiǎn)主義界面設(shè)計(jì)正當(dāng)時(shí)。扁平化設(shè)計(jì)聚焦兩點(diǎn)：視覺(jué)的極簡(jiǎn)主義，功能的最優(yōu)表達(dá)。用最簡(jiǎn)單的用戶界面達(dá)成最詳備的功能。

　　在革新了由iPhone建立的擬物時(shí)代后，扁平化成為設(shè)計(jì)風(fēng)格的領(lǐng)導(dǎo)者。

　　大家都認(rèn)為蘋(píng)果iOS7采用扁平化設(shè)計(jì)是”改朝換代”的信號(hào)：業(yè)內(nèi)領(lǐng)軍企業(yè)蘋(píng)果都做出了改變，那么你還有什么理由不去緊跟潮流呢?

　　但設(shè)計(jì)往往是復(fù)雜的，設(shè)計(jì)跟穿衣服一樣，固然有潮流，但是潮流是不適合你又是另外一回事了。

　　量體裁衣——你認(rèn)為扁平化設(shè)計(jì)真的符合你的項(xiàng)目嗎?

　　初步認(rèn)識(shí)扁平化設(shè)計(jì)

　　本文既不否定扁平化，也不盲目追隨扁平化。

　　扁平化的好與壞取決于兩點(diǎn)：

　　1.設(shè)計(jì)師個(gè)人設(shè)計(jì)理念與設(shè)計(jì)造詣的高低。

　　2.扁平化是否與設(shè)計(jì)需求相符。

　　那么怎么判斷扁平化是否合適呢?首先，我們需要初步了解扁平化設(shè)計(jì)

　　極簡(jiǎn)主義

　　極簡(jiǎn)主義裝飾風(fēng)格

　　扁平化設(shè)計(jì)天生簡(jiǎn)約。我們需要回歸到事物的本質(zhì)，追尋最重要的特質(zhì)加以體現(xiàn)——這樣，最重要的元素便顯得突出，成為了視覺(jué)焦點(diǎn)。

　　參考：

　　網(wǎng)頁(yè)設(shè)計(jì)的極簡(jiǎn)主義：少即是多

　　推薦：50個(gè)極簡(jiǎn)主義的網(wǎng)頁(yè)設(shè)計(jì)

　　字體

　　具有50多年歷史的Helvetica字體

　　因?yàn)楸馄交O(shè)計(jì)是簡(jiǎn)約的，形狀是最基本的。那么扁平化設(shè)計(jì)中，字體將被打造成視覺(jué)焦點(diǎn)。

　　扁平化設(shè)計(jì)習(xí)慣加粗字體，提高視覺(jué)表現(xiàn)和辨識(shí)度。

　　字體應(yīng)該在極簡(jiǎn)背景下視覺(jué)表現(xiàn)良好，例如無(wú)襯線字體Helvetica便是典型。

　　參考：

　　怎樣給扁平化風(fēng)格選擇合適的字體(附字體案例)

　　24套適用于扁平化設(shè)計(jì)的免費(fèi)英文字體

　　按鈕樣式

　　按鈕務(wù)求形狀簡(jiǎn)單，不帶有投影、光效以及漸變，色彩扁平。色彩之間對(duì)照感要強(qiáng)，從而提高辨識(shí)度。

　　但，凡事都在發(fā)展，長(zhǎng)投影、3D 扁平式、多邊形的應(yīng)用為扁平化按鈕設(shè)計(jì)加入了更多的變數(shù)。

　　色彩

　　2013年流行色——Emerald

　　扁平化設(shè)計(jì)多姿多彩，用色大膽，因?yàn)榧?xì)節(jié)的缺失必然要用色彩加以彌補(bǔ)。光鮮整潔的色彩將為整體設(shè)計(jì)加分。

　　參考：

　　推薦：扁平化設(shè)計(jì)與色彩趨勢(shì)

　　干貨!專(zhuān)屬扁平化設(shè)計(jì)的PS色板(配色庫(kù))

　　形狀

　　一改傳統(tǒng)的蜂巢型

　　幾何形狀是扁平化設(shè)計(jì)采用的主要形式，優(yōu)雅整齊。

　　圖標(biāo)

　　圖標(biāo)能起到形象化簡(jiǎn)述內(nèi)容的作用。扁平化的圖標(biāo)設(shè)計(jì)務(wù)求簡(jiǎn)單。使用圖標(biāo)可以減少文字，提高網(wǎng)站的整齊感。

　　參考：

　　9款適合扁平化設(shè)計(jì)的圖標(biāo)懸浮效果

　　趨勢(shì)!來(lái)瞧瞧扁平化設(shè)計(jì)進(jìn)化成哪些類(lèi)別了

　　我的設(shè)計(jì)應(yīng)不應(yīng)該”扁平化”?

　　關(guān)于扁平化設(shè)計(jì)，最錯(cuò)誤的理念便是：扁平化設(shè)計(jì)意味著視覺(jué)風(fēng)格的扁平。字體、圖像、圖標(biāo)一律都要扁平嗎?全面扁平化、全面擬物化是不可取的，真要是這樣，設(shè)計(jì)連一點(diǎn)可操作性都沒(méi)有，還要設(shè)計(jì)師干嘛?

　　扁平化設(shè)計(jì)是一種糅合視覺(jué)與理念的設(shè)計(jì)風(fēng)格，不能從字面意義上理解這種風(fēng)格。很多網(wǎng)站明白這個(gè)道理，將扁平化提煉至純粹，采用適合他們網(wǎng)站風(fēng)格的扁平化元素。

　　視覺(jué)上可以部分使用扁平化風(fēng)格，但是組織形式和主題表達(dá)上卻不必拘泥形式。如果一味的盲目跟風(fēng)，兼容性、可發(fā)揮的地方必然有限。

　　例如，如果你的網(wǎng)頁(yè)用來(lái)販賣(mài)產(chǎn)品，那么你的設(shè)計(jì)中必須要包含產(chǎn)品圖像。顯而易見(jiàn)，產(chǎn)品圖像不是扁平化的，會(huì)給頁(yè)面增添一種深度感。但是我們可以在其他地方使用扁平化元素。

　　這就說(shuō)明了：扁平化設(shè)計(jì)有的地方能夠提高你的視覺(jué)表現(xiàn)了，達(dá)成設(shè)計(jì)目標(biāo)。有的地方不能。靈活使用，才能走的更遠(yuǎn)。

　　記住，我們做的是設(shè)計(jì)，而不是扁平化設(shè)計(jì)。

　　看看 Nitrografix這個(gè)網(wǎng)站。

　　網(wǎng)站的美學(xué)風(fēng)格與內(nèi)容相符。通過(guò)扁平化設(shè)計(jì)去除了繁雜元素，提供了更容易上手的導(dǎo)航。將機(jī)構(gòu)的創(chuàng)意體現(xiàn)大化。

　　再來(lái)看看魔獸世界的網(wǎng)站。

　　這個(gè)網(wǎng)站并不適合扁平化風(fēng)格。導(dǎo)航條和圖像增添了整體的神秘感和中世紀(jì)氛圍。如果采用扁平化設(shè)計(jì)，很明顯，設(shè)計(jì)和內(nèi)容無(wú)法聯(lián)系到一起。

　　在進(jìn)行重設(shè)計(jì)時(shí)，一定要考慮新美學(xué)風(fēng)格與內(nèi)容的聯(lián)系性。新風(fēng)格適合內(nèi)容嗎?新風(fēng)格與產(chǎn)品描述相符嗎?

　　如果不幸的錯(cuò)誤使用扁平化設(shè)計(jì)，會(huì)對(duì)網(wǎng)站形象造成損害。

　　要記住好的設(shè)計(jì)是超越潮流的，一定要謀而后定。

　　那么，什么情況下適合?什么情況下不適合?

　　那么如何判定扁平化風(fēng)格是否適合你的網(wǎng)頁(yè)設(shè)計(jì)呢?

　　采用扁平化：

　　如果你的用戶能夠認(rèn)可扁平化網(wǎng)站、熟悉扁平式導(dǎo)航

　　扁平化設(shè)計(jì)后，網(wǎng)站信息依然組織有效

　　內(nèi)容過(guò)載，信息量大，需要整潔、有序的設(shè)計(jì)風(fēng)格時(shí)。

　　當(dāng)你需要收束一下頁(yè)面中過(guò)于自由、散漫的設(shè)計(jì)元素時(shí)。

　　一些具有進(jìn)步精神的行業(yè);諸如數(shù)碼界和科技界就適合，而兒童站點(diǎn)不適合。

　　不要采用扁平化：

　　面向用戶無(wú)法接受扁平化這么新潮的風(fēng)格

　　扁平化對(duì)你的設(shè)計(jì)沒(méi)什么提高。如果你的頁(yè)面本來(lái)就高效整潔，又何必多此一舉?

　　基于本能層的設(shè)計(jì)，需要對(duì)觀眾產(chǎn)生情緒作用。

　　網(wǎng)站高度依賴(lài)視覺(jué)、交互元素，這時(shí)扁平化設(shè)計(jì)會(huì)起到限制作用。

　　幾條建議

　　網(wǎng)站是機(jī)構(gòu)面子的豪華汽車(chē)。進(jìn)行扁平化設(shè)計(jì)時(shí)要審慎，不要讓汽車(chē)輪胎也”扁平”了，否則會(huì)跑不起來(lái)。

　　不要被扁平化設(shè)計(jì)的名字唬住，扁平化不是全盤(pán)肯定，也不是全盤(pán)否定。扁平化設(shè)計(jì)主要提倡一種極簡(jiǎn)設(shè)計(jì)理念，消滅華而不實(shí)，將一切變得簡(jiǎn)單。記住，是將一切變得簡(jiǎn)單輕松，而不是讓一切看起來(lái)枯燥呆板。

　　不要復(fù)制那些優(yōu)秀設(shè)計(jì)師的作品。微軟是喜歡標(biāo)題和小方塊，但是你沒(méi)必要學(xué)微軟。做自己的設(shè)計(jì)。

　　不要忽略字體。字體要和網(wǎng)站的色彩和視覺(jué)風(fēng)格搭調(diào)。

　　扁平化設(shè)計(jì)的目標(biāo)是通過(guò)簡(jiǎn)潔讓重要元素更加醒目。因此要在布局上下功夫。

　　結(jié)論：世界是平的嗎?

　　平化世界的支持者會(huì)向你滔滔不絕的講述科技進(jìn)步，全球一體化，全時(shí)段的數(shù)字時(shí)代，更扁平化的信息傳遞模式。某種角度來(lái)看，他們的說(shuō)法沒(méi)錯(cuò)。任何一個(gè)人通過(guò)手機(jī)，幾秒鐘之內(nèi)就能實(shí)現(xiàn)上網(wǎng)。因此，對(duì)設(shè)計(jì)可用性的要求更高了。我們需要更人性化的的觸感和更聯(lián)系用戶的設(shè)計(jì)方法，打造更好的用戶瀏覽體驗(yàn)?那么扁平化設(shè)計(jì)是用戶體驗(yàn)的絆腳石，影響了設(shè)計(jì)的兼容性嗎?只要不盲目使用扁平化風(fēng)格，就不會(huì)。

　　值得一提的是，扁平化設(shè)計(jì)對(duì)響應(yīng)式設(shè)計(jì)大有裨益，因?yàn)楸馄交O(shè)計(jì)的核心便是簡(jiǎn)約，網(wǎng)頁(yè)的”減負(fù)”，自然能讓響應(yīng)式設(shè)計(jì)更高效。

　　時(shí)至今日，扁平化風(fēng)格已經(jīng)被多家大公司采用，隨后，全世界都在跟風(fēng)。

　　我們必須謹(jǐn)記一點(diǎn)：一切都是周而復(fù)始，反之亦然的，反復(fù)、循環(huán)、更替的出現(xiàn)，扁平化設(shè)計(jì)必然會(huì)在未來(lái)的某一天被取代。

　　扁平化設(shè)計(jì)的變種有很多，但是還沒(méi)有出現(xiàn)一種統(tǒng)一的標(biāo)準(zhǔn)風(fēng)格。這是好事，這說(shuō)明還是有一部分人沒(méi)有盲從潮流，他們做出了一種反射式的設(shè)計(jì)：根據(jù)趨勢(shì)與理念，摻雜一點(diǎn)個(gè)人理解，在趨勢(shì)的基礎(chǔ)上進(jìn)行創(chuàng)造。

　　在使用扁平化風(fēng)格之前，一定要進(jìn)行種種考慮，到底這種風(fēng)格和你的網(wǎng)頁(yè)、內(nèi)容是否能夠協(xié)調(diào)。如果能提升功能性，那么自然可以。如果僅僅是為了追趕一時(shí)潮流，將風(fēng)格強(qiáng)加給用戶，且與內(nèi)容不相符，那么這種設(shè)計(jì)模式是不可取的。

　　扁平化浪潮過(guò)后，又會(huì)是誰(shuí)?

本文名稱(chēng)：全世界都被拍扁！你應(yīng)如何理性對(duì)待扁平化設(shè)計(jì)
文章網(wǎng)址：http://www.rwnh.cn/news/168644.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站收錄、外貿(mào)建站、虛擬主機(jī)、面包屑導(dǎo)航

廣告

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