10.16日(rì)音(yīn)訊,扁平化(huà)的(de)應δ™₩用(yòng)已愈發受追捧。在今年(niáβ≥✔n)也(yě)就(jiù)是(shì)2013年(niáλ↓ ↑n)，大(dà)家(jiā)對(duì)于網頁設計(jìσλ≠)當中討(tǎo)論最多(duō)的(de)莫₹÷★過于網頁設計(jì)的(de)扁平化(huà)m↑×≤qs可(kě)以說(shuō)是(shì)扁平化(huà)設計(jì)"β的(de)一(yī)年(nián)。扁平化(huà$>≤₩)時(shí)代之前，設計(jì)師(shī)的(de)作(zuò®≤ )品往往非常的(de)寫實，非常的(de)有(yǒu)立體(tǐ)感!♣★& 但(dàn)是(shì)現(xiàn)在即便是(• shì)拟物(wù)設計(jì)的(de)引領者蘋果，也(yě)不(¶≥$✘bù)得(de)不(bù)轉變設計(jì)思路(lù)，在iOS7上(s↓±≥hàng)開(kāi)始著(zhe)手扁平化(huà)設計(j£↑ì)的(de)探索。
什(shén)麽是(shì)扁平化(huà)≈♠設計(jì)？
對(duì)于網站(zhàn)建設設計(jì)師(shī)來(lái)說≈α↔∞(shuō)，扁平化(huà)設計(jì)是(shì)一(y€♣✔ī)種實打實的(de)設計(jì)風(fēng)格，不(bσ¶≈ù)要(yào)花(huā)招，不(bù)要(yφ ÷ào)粉飾。從(cóng)整體(tǐ)的(¶ ∏de)角度來(lái)講，扁平化(huà)設計(j±♠ ↔ì)是(shì)一(yī)種極簡主義美(měi)學♥×>，附以明(míng)亮(liàng)柔和(hé)的(de)色彩，φ最後配上(shàng)粗重醒目，而風(fē∑βng)格又(yòu)複古的(de)字體(tǐ)。扁平化(huà)設計(jì)簡π®"化(huà)了(le)諸如(rú)按鈕、圖标一(yī)類的(deαλ✔')界面元素。
大(dà)圖片取代了(le)動效。在極簡主義風(fēεng)格的(de)設計(jì)中，設計(jì)ε 師(shī)通(tōng)常給予內(nèβ÷←i)容充足的(de)空(kōng)間(jiān)以供傳達，這(₩♥'zhè)樣就(jiù)能(néng)夠簡單、直接的(deγ×)講述內(nèi)容。從(cóng)扁平化(huà)設計(jì)✔∏中又(yòu)衍生(shēng)出幾個(↕©£gè)不(bù)同的(de)小(xiǎo)流派：”似扁™♥平化(huà)設計(jì)”和απ≤λ(hé)”長(cháng)投影(yǐng)設計(jì)&r₩λ÷€dquo;就(jiù)是(shì)最近(jì₹★n)被反複強調的(de)兩個(gè)概念。
“似扁平化(huà)設計(jì)”(Almos¥φtFlatDesign)是(shì)以扁平化(≥• →huà)設計(jì)為(wèi)基礎，但(dàn)是(¥λ≠¶shì)添加了(le)一(yī)些(xiē)簡單的(de)效果≈，比如(rú)簡單的(de)投影(yǐng)，基本的(de)漸變。
“長(cháng)投影(yǐng)設計(≈ £₩jì)”圖标設計(jì)中使用(yòn$ £g)較多(duō)，一(yī)般是(shì)一(yī)道(dào)45ε§★☆度角的(de)陰影(yǐng)從(cóng)圖$¶×标中延伸而出，最近(jìn)的(de)圖标設計&♦(jì)，大(dà)部分(fēn)都(dōu)♣✘↑采用(yòng)”長(cháng)投影(yǐng)設計(ε₩€☆jì)”。
高(gāo)效率應用(yòng)扁平化$€>∑(huà)UI套件(jiàn)（UIkits）
通(tōng)過UI套件(jiàn)，我們可(kě)以初步了(le)解扁₹±±平化(huà)設計(jì)。套件(jiàn)非常的(de)節省↓→時(shí)間(jiān)—&mdas•¥h;可(kě)以自(zì)由選擇套件(jiàn)中的(d£€e)元素，然後進行(xíng)自(zì)己的(de)實驗↓π®。大(dà)多(duō)數(shù)UI套件(jiàn♦$>β)的(de)格式是(shì)PSD，非常易于編輯。
扁平化(huà)UI套件(jiàn)推薦
下(xià)面推薦的(de)UI套件(jiàn)'<₩種類不(bù)一(yī)，從(cóng)簡單免費(fèi)的(de)到≥$(dào)複雜(zá)收費(fèi)的(de)，扁平化(hu£≠à)的(de)UI套件(jiàn)可(kě)真是(shì)越來(lái)越γ多(duō)了(le)。
簡約、支持視(shì)網膜（Retina)，照(zhào)片滾動箭♦↑&€頭、按鈕、簡單的(de)圖标，什(shén)麽♦→×都(dōu)有(yǒu)。大(dà)小(xiǎo)♠→适中，顔色複古。
包含了(le)一(yī)些(xiē)非®€<常實用(yòng)的(de)基本元素，比如(rú)©&∑×社交網絡登錄按鈕，菜單、媒體(tǐ)播放(fàng)器(qì)，λ >配色非常扁平化(huà)。
包含了(le)從(cóng)下(xià)拉菜單到(dào)導航條再到Ωε(dào)社交分(fēn)享工(gōng)具在內(nèi)的(dφ☆π≠e)大(dà)量元素。
扁平化(huà)圖标推薦
扁平化(huà)設計(jì)的(de)圖标無處不(bδ>ù)在，資源也(yě)非常豐富。跟UI套件(jiàn)一(yī)樣，大↑♠↕(dà)多(duō)數(shù)的(de)圖标采用(yòng ≥&δ)PSD格式，這(zhè)樣可(kě)以根據個(gè)人(rén)情≤φ 況進行(xíng)修改。很(hěn)多(duō)圖标的(de)設計(∞←jì)非常的(de)具有(yǒu)專業(yè)性，專£≠門(mén)為(wèi)某類應用(yòngλβ>)而設計(jì)。這(zhè)種圖标，用(yòng)來(lá↕∏αi)做(zuò)按鈕也(yě)很(hěn)合适。當選擇圖®↑¥标下(xià)載時(shí)，記得(de)尺寸大(dà ←♥)小(xiǎo)選擇要(yào)合适。有(y↓ǒu)的(de)是(shì)矢量圖形，而有(yǒu)的(de)放(fàngε© ±)大(dà)時(shí)會(huì)損失質量。
用(yòng)途廣泛，涵蓋了(le)歐美(m×←ěi)幾乎所有(yǒu)流行(xíng)÷≈≠€的(de)網站(zhàn)，并采用(yòσ₩ng)了(le)長(cháng)投影(yǐng)設計(jì)。'↕通(tōng)過用(yòng)色和(hé)投影®÷₹₹(yǐng)上(shàng)的(de)細§φ微(wēi)差别，達到(dào)了(le)不(¥≈§ bù)同圖标之間(jiān)的(de)高(g↔>āo)辨識度。每種圖标有(yǒu)4種大(dà)小( γ™xiǎo)——32,64,128以及256π÷，扁平化(huà)+長(cháng)投影(yǐnδαg)，對(duì)于一(yī)些(xiē)機(jī)構≈¥來(lái)說(shuō)非常合适。說(shuō)到(dào)最後，其實'∑φβ隻要(yào)大(dà)家(jiā)多(duō)嘗試，你(nǐ)β♦也(yě)能(néng)做(zuò)好(hǎo)扁平化(huà∑)設計(jì)，歡迎大(dà)家(jiā)一(yī<₹↔)起來(lái)和(hé)
邯鄲網站(zhàn)建設首創網絡來(lái)進行(xíng)溝通(tōng)$ β★交流，共同提高(gāo)！
