10.12日(rì)音(yīn)訊，扁平化(huà)流行(xíng)起"≠¶來(lái)的(de)原因

　　10.12日(rì)音(yīn)訊，扁平化(♦₩huà)流行(xíng)起來(lái)的(de)原因，扁平化(huà)改↓₽變了(le)什(shén)麽?究竟有(yǒu)什(shé‍​n)麽魔力?讓我們揭開(kāi)扁平化(huà)設計(jì)的(d×↑e)神秘面紗，看(kàn)看(kàn)其卓越之處，分(fēn)析其技(j✘¶ ì)術(shù)核心，并探討(tǎo)哪些(xiē)技(jì)術(shù)>₩将薪火(huǒ)相(xiàng)傳。

　　當我們在談論「扁平化(huà)」的(de)時(shδ₩​₩í)候，我們在談論什(shén)麽?

　　扁平化(huà)設計(jì)最早可(kě‌→)追溯到(dào)瑞士極簡設計(jì)風(fēng)格(也(y©λ☆ě)叫國(guó)際主義平面設計(jì)風(fēng)格)，扁平化(h™×∞♠uà)設計(jì)在保留了(le)舊(jiù)有(yǒu)範式的(de)同時↓✔‌(shí)又(yòu)創造出了(le)新的(de)東(×σ♠&dōng)西(xī)。把扁平化(huà)設★↓>δ計(jì)的(de)五個(gè)元素剝離(lí)出來(lái)，從(cón≥'¶&g)這(zhè)五方面我們可(kě)以看(kànπ£‌©)出扁平化(huà)的(de)真正奧義。

　　1.長(cháng)陰影(yǐng)

　　在按鍵等大(dà)多(duō)數(shù)UI設計(jì)元素中，長(≈πcháng)陰影(yǐng)常常伴随亮(lià₹©< ng)色調的(de)控件(jiàn)出現(xiàn)。

　　為(wèi)什(shén)麽扁平化(huà)一(yī∑± ✘)夜之間(jiān)就(jiù)流行(xíng)起♦ ∑&來(lái)

　　陰影(yǐng)常常比較寬，且以45度角傾斜，鋒利的(de)邊角±♣≈使其一(yī)眼可(kě)辨。對(duì)陰影(yǐng)恰到(dào)好(h¥¥<ǎo)處的(de)應用(yòng)可(kě₹®≠‌)以起強調作(zuò)用(yòng)并使扁平的(de)φ€₩↔圖标更具立體(tǐ)感。

　　然而，這(zhè)種長(cháng)陰影(yǐng)有(yǒ∏÷&u)逐漸被淡雅的(de)陰影(yǐng)取代的(de)↕£ 趨勢。拭目以待更短(duǎn)的(de)陰影(yǐng)效果在未∏$來(lái)的(de)表現(xiàn)。

　　2.亮(liàng)色調

　　有(yǒu)趣的(de)是(sh쀧↓)，扁平化(huà)設計(jì)的(de)出現(xiàn)使φλπ得(de)大(dà)膽靓麗(lì)的(de)色彩運用(y×γ↕òng)得(de)以重生(shēng)。設計(jì)師(s​εhī)們比以前更多(duō)地(dì)運用(yòng)了(l≤↑♥Ωe)有(yǒu)趣又(yòu)充滿活力的(de)顔色↓γ©✘。

　　為(wèi)什(shén)麽扁平化(huà)一(yī)夜之間(jiānλδ)就(jiù)流行(xíng)起來(lái↓¶✔)

　　事(shì)實上(shàng)，一(yī)些(xiē)設計(♥✔jì)師(shī)們甚至建立了(le)專門(mé≈•✘n)的(de)網站(zhàn)用(yòng)以展示他☆↕≥(tā)們獨特的(de)配色方案。

　　3.簡化(huà)排版

　　說(shuō)到(dào)排版，扁平化(huλ♠à)的(de)排版不(bù)僅僅是(shì★±↔ )把字體(tǐ)替換成無襯線的(de)Helvetica或黑(hēi)體(t₩∑←→ǐ)。

　　當然，扁平化(huà)的(de)排版應采±&♦©用(yòng)簡單易讀(dú)的(de)字∑ 體(tǐ)，這(zhè)意味著(zhe)無襯線和(hé)等寬字<≤​體(tǐ)稱為(wèi)必然選擇。最好(hǎo)的(de)字體(tǐ)應​¥£☆該讓人(rén)将注意力集中到(dào)內(nèi)容本身(shē‌≥ ♦n)。

　　為(wèi)什(shén)麽扁平化(huà)一(yī)夜$α☆‍之間(jiān)就(jiù)流行(xíng)起來(lái)

　　盡管字體(tǐ)設計(jì)也(yě)是(shì)藝術(shù£‍ )的(de)一(yī)種，設計(jì)師(shī)們應該把可(kě)≤≠€♦讀(dú)性放(fàng)在第一(yī)位。扁平化(huà)設計↔©↕$(jì)使設計(jì)師(shī)們更加注重字體(α≠tǐ)的(de)選擇。甚至襯線字體(tǐ)也(yě)被簡化(huà)。

　　4.虛拟按鍵

　　透明(míng)且可(kě)點擊的(de)虛拟按鍵，®₹∑λ在提供了(le)可(kě)視(shì)化(huà)的(de)交互方塊的(d≤δ♦∞e)同時(shí)又(yòu)不(bù)會(huì)♥™↓遮擋住UI設計(jì)。

　　為(wèi)什(shén)麽扁平化(h♥∞∞uà)一(yī)夜之間(jiān)就(jiù)流行≠®(xíng)起來(lái)

　　虛拟按鍵由于透明(míng)，簡潔的(de)特性，∑<✔并不(bù)會(huì)吸引太多(duō)注意力。起初≠®€ ，虛拟按鍵以拟物(wù)設計(jì)革命者的(de)姿态出現(xià÷≠✘n)，其後在形狀與細節等方面有(yǒu)了(le)長(cháng)足δ€的(de)進步。虛拟按鍵與扁平化(huà)設計(jì→∏)相(xiàng)輔相(xiàng)成，構成了(le¶☆)極簡與抽象的(de)設計(jì)風(fēng)£©↕✘格。

　　5.極簡與抽象

　　扁平化(huà)設計(jì)天生(shē↔♥÷≠ng)就(jiù)是(shì)極簡的(d✘₽e)。當設計(jì)的(de)靈感并非來(lái)源于現(xiàn)實生(s'↔≤hēng)活，拟物(wù)化(huà)的(de)設計(jì)質感就(jiùε↔$>)理(lǐ)所應當被抛棄。

　　那(nà)麽，剩下(xià)的(de)就(jiù)是(shì ♥ )用(yòng)顔色，漸變，陰影(yǐng)，形狀§>α>，和(hé)其他(tā)視(shì)覺細微(wēi)之處的(deλ×εΩ)框架內(nèi)容。扁平設計(jì)在本質上(shàng)，迫使設計(‌αjì)師(shī)更具創造性——設計(jì)服務于內↓φ∏(nèi)容呈現(xiàn)，而不(bù)是(shì£★ )真實感的(de)呈現(xiàn)。

　　為(wèi)什(shén)麽扁平化(huà)一(yī)夜之間(ji​®ān)就(jiù)流行(xíng)起來(lái)

　　極簡主義的(de)概念并不(bù)新鮮，但(dàn)δ¥它因其潔淨美(měi)觀和(hé)網站(zhàn)的(de)性能(n ××éng)優勢(如(rú)降低(dī)網頁加載時(shí)間(jiān))最近×♠☆σ(jìn)又(yòu)開(kāi)始流行(xí‍δ¶∞ng)。這(zhè)随著(zhe)扁平化(h☆≈εuà)設計(jì)重生(shēng)，并使用♠π≥(yòng)了(le)鮮豔的(de)背景，簡單的(de)設計&£←(jì)，并演變成大(dà)量留白(bái)的(de)♣∑• 更簡單的(de)設計(jì)。

　　展望

　　扁平化(huà)設計(jì)最初的(de)概念是(shì₽♦)用(yòng)一(yī)個(gè)個(gè)沒有(yǒ'★≈♠u)特征且清晰可(kě)辨的(de)方塊呈現(x∏σΩiàn)設計(jì)框架。但(dàn)在與其他(tā)流行(xíng)的(deβ≤)設計(jì)語言融合之後，扁平化(huà)設計(jì)本身(s ®♠hēn)已經發生(shēng)了(le)巨大(dà)改變。

　　扁平化(huà)設計(jì)一(yī)夜之λ€ ♥間(jiān)成為(wèi)業(yè)界潮流，但(d<€≠£àn)它的(de)發展成熟無疑還(hái)需要&γ(yào)一(yī)些(xiē)時(shí)日(rì)。扁平化(₹λhuà)設計(jì)的(de)早期形式非∞®常激進的(de)想要(yào)做(zuò)出與拟物(wù)化(huà)渭泾分(×↕δfēn)明(míng)的(de)極簡設計(jì)★≠×，但(dàn)現(xiàn)在的(de)扁平化‌∏(huà)設計(jì)逐漸加上(shàng)了(le✔↑∑≠)修飾與質感。

　　讓我們看(kàn)看(kàn)出自(zì)設計(jì)師(↓≈shī)RyanAllen的(de)近(jìn)乎扁平化(huà)設計(jì β¶≥)(AlmostFlat)或稱扁平化(huà)↔£設計(jì)2.0。

　　為(wèi)什(shén)麽扁平化(huà)一(yī)♥π♣夜之間(jiān)就(jiù)流行(xíng)起來(lái)

　　大(dà)多(duō)數(shù)精美(měi)的(de)近(jìn✔✔×>)乎扁平化(huà)設計(jì)設計(jì)運用(yòng)在網頁領★₹×域，運用(yòng)“視(sh£​π•ì)差滾動”可(kě)以在一(yī)個(gè)屏幕中顯示豐富• $的(de)內(nèi)容。

　　為(wèi)什(shén)麽扁平化(huà)一(yī)夜之間(jiān)→ ±×就(jiù)流行(xíng)起來(lái)

　　CanalTP公司運用(yòng)如(rú)字體(tǐ)與≥πγ£色調等簡單的(de)特色，與動畫(huà)加上(shàng)視(shì×δ≠)差滾動相(xiàng)結合，使兩種範式偉大(dà)¶δ結合。這(zhè)種搭配有(yǒu)助于消除過&←β÷分(fēn)簡單的(de)扁平化(huà)帶ε₹∑來(lái)的(de)副作(zuò)用(yòng)，使其更實用(yòng&σσ​)且适用(yòng)于內(nèi)容複雜(zá)的(de)站(zhàn)點。

　　為(wèi)什(shén)麽扁平化(huà)一(yī)夜之間↕≤☆→(jiān)就(jiù)流行(xíng)起來(lái)

　　扁平化(huà)設計(jì)不(b₩↓↕ù)會(huì)過快(kuài)消失，隻是(shì)會(huì)增加動畫(γ huà)與交互設計(jì)，以适應更加複雜(zá)的(de)網站( φβεzhàn)。衆所周知(zhī)，“設計(jì)追展随內(nèi)容”，扁平化(huà)則是(shì)↑→♠ 呈現(xiàn)內(nèi)容的(de)最佳設計(j±"↔ì)範式。

　　網頁設計(jì)以實用(yòng)為(wèi)第↕★γβ一(yī)追求，每一(yī)個(gè)按鍵≠'↑，點擊與滑動都(dōu)應該有(yǒu)明(míng←±)确功能(néng)與視(shì)覺反饋。最重要( ‌δ≈yào)的(de)是(shì)，UI控件(jiàn)需要§☆ε(yào)有(yǒu)統一(yī)的(de)風(fēng)格，讓用(∑≠‌yòng)戶忽略頁面與設備的(de)差異。這(↕φzhè)些(xiē)基礎控件(jiàn)将被Ωε提取出各自(zì)特點構成扁平化(huà)的(de)圖标。

　　看(kàn)看(kàn)「漢堡包式菜單按鈕」的(de)出現(x↕≠​$iàn)——無論你(nǐ)是(shλ"↕ì)否同意這(zhè)種做(zuò)法，無疑，現☆≤♠€(xiàn)在其已經成為(wèi)司空(kōng)見(jiàn♥&←☆)慣的(de)導航符号。

　　扁平化(huà)設計(jì)也(yě)在漸漸加入其他(tā)細節‌×ε。

　　許多(duō)扁平化(huà)設計(jì)±↑或近(jìn)乎扁平化(huà)設計(jδ✔✔ì)的(de)網站(zhàn)包含大(dà)量圖片，這(zhè)₹↔在傳統網站(zhàn)上(shàng)是(shì)很(hěn"₽®•)少(shǎo)見(jiàn)的(de)。扁平化(huà)的(de)配色及÷✔π↓排版與圖片完美(měi)結合，這(zhè)↕α不(bù)需要(yào)對(duì)圖片有(yǒu)太多(duō)修飾就>∑(jiù)可(kě)以獲得(de)現(xiàn)代化(huà↓π™✔)的(de)風(fēng)格。

　　比如(rú)，有(yǒu)些(xiē)網↕£↕站(zhàn)運用(yòng)近(jìn)乎扁平化(huà)設計₽ β<(jì)設計(jì)風(fēng)格，在網頁中✔÷采用(yòng)深色背景圖片，扁平化(huà)的(de)按鈕，導航及字→♦體(tǐ)，令網站(zhàn)非常直觀簡潔，現(xiàn)代且易用(yòng)"•"。

　　正如(rú)設計(jì)師(shī)Wel¶↕¶​lsRiley所建議(yì)的(de)，經常審視( ↕shì)你(nǐ)設計(jì)的(de)實用(yòng≤®<•)性與易用(yòng)性。美(měi)感隻是(shì)設計(jì♥λσ)的(de)另一(yī)個(gè)維度，真正目的(de)是(shì)解""≈•決用(yòng)戶需求。

　　扁平化(huà)設計(jì)實際上(shàng)并沒有(yǒu)公認的™‍→(de)量化(huà)标準。它作(zuò)為(wèi)設計(jì)元素φεβ的(de)一(yī)種可(kě)以運用(γ♣"yòng)在各種更高(gāo)層次的(de)設♥↓計(jì)體(tǐ)系之中。将扁平化(huà)的(de)設計ε✔∏ (jì)元素嵌入各種設計(jì)之中常常有(yǒu÷®®→)意想不(bù)到(dào)的(de)驚喜，例如(rú)一(yī)§$個(gè)有(yǒu)過多(duō)內(nèi)容的(de)網站(z'•γhàn)，可(kě)以适當運用(yòng)扁平化(huà)設計(j₩★ì)元素以适應傳統的(de)平面設計(jì)方案。