9.09日(rì)音(yīn)訊,網頁設計(jì)之認識扁♥§∏平化(huà)設計(jì)

　　9.09日(rì)音(yīn)訊,網頁設計(jì)之認識扁平∑₩化(huà)設計(jì)。目前我們越來(lái)λ∏¥越多(duō)的(de)會(huì)談到(dào)網頁的δ≠₩↓(de)扁平化(huà)設計(jì)，其實這(zhè)個(gè)在幾年(n♥↓≠ián)前就(jiù)已經有(yǒu)過這(σΩ πzhè)樣的(de)案例了(le)，隻不(bù♦™)過當時(shí)由于我們的(de)認識的(de)角度不(b✔‌<ù)同，這(zhè)一(yī)設計(jì∞•> )并沒有(yǒu)發展開(kāi)來(lái)，現(xiàn)在我$₽Ω↓們發現(xiàn)了(le)它的(de)優美(měi)，等于是 ¶©ε(shì)又(yòu)再一(yī)次卷土(t♣ ǔ)重來(lái)了(le)。許多(duō)新網站(zhàn)以及₽ 需要(yào)重新設計(jì)的(de)網站(zhàn)都(dōu) ☆¶紛紛采用(yòng)了(le)扁平化(huà)設計(jì)的(de)方案，₹→這(zhè)種趨勢無論是(shì)在網頁λ←‍₽設計(jì)或者移動端的(de)設計(jì)方面都(dōu)已經蔓延×¥§開(kāi)了(le)。

　　随著(zhe)融彙了(le)扁平化(hu♥₽λβà)設計(jì)美(měi)學的(de)w8以φ§及新版谷歌(gē)的(de)推出，以及其他(tā)人(π≈©εrén)氣網站(zhàn)紛紛采用(yòng)這(zh♥≠è)種扁平化(huà)的(de)主題設計(jì)  ，這(zhè)種扁平化(huà)的(de)趨勢将很✔β(hěn)有(yǒu)可(kě)能(néng)受 Ω​↕到(dào)更加多(duō)的(de)親睐。

　　你(nǐ)是(shì)否考慮過？你(nǐ)能(néng)夠把它運用(≈₹yòng)到(dào)你(nǐ)的(de)項目$λ當中嗎(ma)？這(zhè)種設計(jì)方案是(shì)否能(néng)>λε夠給你(nǐ)帶來(lái)更加輕松的(de)工(g® ₹↔ōng)作(zuò)體(tǐ)驗？

　　扁平化(huà)設計(jì)具有(yǒu)著(zhe)一(yī)種讓人γ™→(rén)心醉的(de)美(měi)麗(lì).沒有(yǒu)大(dà)量σ§★的(de)修飾，它能(néng)以一(yī)個(gè)簡單直™♦ 白(bái)的(de)方式來(lái)傳遞一(yī)個(gè✔σ÷✘)信息或者幫助一(yī)個(gè)産品以及思想變得(de)↔ 更加深入人(rén)心。所以說(shuō)，趁在下(x₹‍ià)一(yī)個(gè)新的(de)設計(jì)潮流到(dà≠←o)來(lái)之前，我們現(xiàn)在就(jiù$≤£)必須好(hǎo)好(hǎo)把握當前的(de)設計(jì)趨勢。

　　什(shén)麽是(shì)扁平化(huà)≈↑♦設計(jì)？

　　扁平化(huà)設計(jì)正是(shì)通(tōng)λ'±過放(fàng)棄任何附加效果的(de)方式，創∞ ×建了(le)一(yī)個(gè)“零&rdq"✘uo;3D屬性的(de)設計(jì)方案。在這("∞∑✔zhè)裡(lǐ)，沒有(yǒu)droλ£☆&pshadows陰影(yǐng)效果,bevels斜角,em≤✘bossing浮雕,gradients漸變等其他(tā€←↕β)方法來(lái)幫助lift元素産生(shēng)φ£相(xiàng)對(duì)于屏幕的(de)凹凸效果。不(bù)帶₹✘ ©有(yǒu)羽化(huà)邊緣以及陰影(yǐng)效果的(≥≥≈de)圖标和(hé)UI元素也(yě)都(dōu)是(shì)看(kàn)起來®>(lái)非常鮮明(míng)。

　　扁平極簡就(jiù)是(shì)Flatdesign的(de)靈魂所§±α在。

　　Flatdesign并不(bù)是"∞(shì)徹底放(fàng)棄效果。它隻是(shì)不(bù)存在那(nà ≈×)些(xiē)能(néng)讓人(rén)産生(shēng)立體(tǐ •®≈)感覺的(de)深度depth和(hé)維度dimension.我們什(sφ∞hén)麽甚至可(kě)以這(zhè)樣♥₩×認為(wèi)，更多(duō)的(de)設計(jì)傾向于&ldquo∑&;準扁平化(huà)”的(de)範疇，這(zhè)時(shí§₽↔×)候我們從(cóng)産品的(de)大(dà)體(tǐ)角度來(lái)看φ↓(kàn)，仍然存在很(hěn)小(xiǎo)‌<一(yī)部分(fēn)的(de)效果。

　　技(jì)術(shù)

　　忘掉所有(yǒu)的(de)修飾元素.它們♠☆¶♦不(bù)是(shì)扁平化(huà)設計(jì✔↕)要(yào)關注的(de)地(dì)方。

　　在這(zhè)裡(lǐ)我們需要(y←δ↕✔ào)把注意力放(fàng)在色彩上(shàn∑→‌≥g)。扁平化(huà)的(de)設計(jì)方案經常使用(yòng)×"許多(duō)鮮明(míng)的(de)色彩。從(cóng)∞γ∞色塊，色形以及色調來(lái)看(kàn)，色彩确實是(shì)提升扁平化 ★‍(huà)設計(jì)一(yī)個(gè)不(bù)可(kě)或缺Ω↑φ≥的(de)組成部分(fēn)。在你(nǐ)的(de)logo上(shàng)的π™ ✘(de)用(yòng)色方面多(duō)加斟酌，能(néng®¥)夠使得(de)你(nǐ)的(de)網站(zhàn)引人(r♠¥én)入勝。在扁平化(huà)方案上(shàngβ♠γ↔)僅僅使用(yòng)白(bái)色和(hé)黑(h®¶​₩ēi)色就(jiù)能(néng)夠産生(shēng)不(bù)錯(cuò €σ)的(de)效果，但(dàn)你(nǐ)想著(zhe)這(zhè)效果要(yδ∞♠₽ào)更進一(yī)步，那(nà)也(yě)可(kě→™±→)以采用(yòng)更多(duō)的(de)色∞​∑彩。

　　注意字體(tǐ).文(wén)字是(shì)必不(bù)可(kě)少(s★★hǎo)的(de)-他(tā)們提供了(le)>↕信息，它作(zuò)為(wèi)了(le)一(yī)個(gè)工σ>®✘(gōng)具在你(nǐ)的(de)網站(zhàn)上(shàng)引←€ 導你(nǐ)的(de)用(yòng)戶該做(zuò)什(shén)麽。​₩使用(yòng)一(yī)些(xiē)有(y∞✘ǒu)趣且獨特的(de)字體(tǐ)來(lái)修飾λα§‍文(wén)字，當然了(le)，在這(zhè)裡(l ★ǐ)你(nǐ)就(jiù)不(bù)要(≥≤​yào)再想著(zhe)Arial（微(wēi)軟字體(tǐ)）.挑選♦∑&出字體(tǐ)來(lái)配合你(nǐ)所要(yào)表達的↓λ "(de)信息.記住扁平化(huà)方案的(de)要(yào)旨是(sh↕βπεì)極簡，因此在字體(tǐ)的(de)運用(yòng)中，我們應βδ該考慮其如(rú)何切合這(zhè)個(gè)要(yào)點.簡單的(de↔δ)sansserif類字體(tǐ)在這(zhè)個(gè)方案中可(k∞↑∑ě)應用(yòng)的(de)種類非常廣泛.或者我們不(bù)妨做(‍&≈zuò)出一(yī)點稍微(wēi)“越軌”的(de)∑≥處理(lǐ)方法，考慮更加在一(yī)個(gè)扁平化​♦≈(huà)設計(jì)方案中選擇一(yī)≥∑≠個(gè)新奇的(de)字體(tǐ)作(zu& ò)為(wèi)美(měi)術(shù)元素，這(zhè)必定比簡單的★‍$(de)字體(tǐ)的(de)運用(yòng)更加奪人(rén)眼球。

　　做(zuò)到(dào)惜字如(rú)金(‌< ≈jīn)。許多(duō)扁平化(huà)設計(jì)同樣λ ε也(yě)運用(yòng)了(le)少(shǎo)量文(wén)字'♥來(lái)營造一(yī)個(gè)簡約的(de)✔↔←風(fēng)格。因此，因此，我們要(yào)确"'保表在每個(gè)字中都(dōu)能(néng)發揮出重要(β±yào)的(de)作(zuò)用(yòng)。

　　簡約的(de)用(yòng)戶界面和(hé)UI元素。↕πδ用(yòng)于被點擊的(de)按鈕不(bù)需要(¶ εyào)過于複雜(zá)的(de)設計(jì)。隻要(yào)這(zhè)些(>γ£xiē)風(fēng)格要(yào)素有(yǒu)了(le)明(mí<☆ ng)确的(de)定義，就(jiù)不(bù)會(huì)阻>←β∑礙他(tā)們成為(wèi)“稱職的(de)”按鈕。這 ≠✘λ(zhè)些(xiē)要(yào)素包括顔色，輪廓，框架或者甚至是(shì)不​→©Ω(bù)同字體(tǐ)或者形狀。

　　創建層級.在扁平化(huà)設計(jì)中，即便在被點擊的(de©​©)區(qū)域中使用(yòng)了(le)shadows陰影(yǐ ≈↕£ng),gradients漸變,bevelλ s斜角等其他(tā)效果來(lái)進行(xíng)特别注明(míng)，一(∞'©yī)些(xiē)人(rén)還(hái)是(∏♠δshì)感覺這(zhè)些(xiē)用(yòng)于被點擊的(de)區(q↕"ū)域表現(xiàn)得(de)還(hái)不(bù)夠明→∑∑¶(míng)顯。這(zhè)足以說(shuō)明(míng)，創建一β♠☆(yī)個(gè)明(míng)顯的(de)層級結構在任何一(yī)個÷•Ω(gè)網站(zhàn)上(shàng)是(shì)極♦λ<其重要(yào)的(de)。我們要(yào)明(míng)确地(dì<ε)讓用(yòng)戶做(zuò)到(dào)對(d♣¶≤uì)你(nǐ)的(de)網站(zhàn)一(y §<ī)目了(le)然。如(rú)果鏈接本身(shēn)就(jiù)擁有(yǒu≤β↑≈)不(bù)同的(de)色彩或者獨立被包含同一(yī)個(g←§$πè)區(qū)域中以供用(yòng)戶點擊，那(nà)麽鏈接也(yě)應該'¥‌要(yào)清晰地(dì)表現(xiàn)出來(<β↕←lái)。

　　FlatDesign的(de)命名

　　圍繞著(zhe)“flatdesign.&rdqu‌ γ×o;（這(zhè)裡(lǐ)譯者翻譯為(wèi)扁平化(hu± à)設計(jì)）這(zhè)個(gè)名字✔£‍≤存在著(zhe)諸多(duō)争論.現(xiàn)在你(nǐ)說(shuō)看✔÷≠(kàn)到(dào)的(de)這(zhè)個(gè)名稱&l'¶★dquo;flatdesign.”也(™$ yě)不(bù)是(shì)被大(dà)家(±✘δ jiā)絕對(duì)地(dì)認可(kě)。

　　不(bù)同的(de)公司團體(tǐ)都(dōu)嘗試用(yòng)δ∑±§過其他(tā)名稱，例如(rú)minimaldesign,honestdes₽Ω→ign，而微(wēi)軟公司甚至稱它作(zuò)&ldquo γ¥π;authenticallydigital&r >dquo;。

　　對(duì)此你(nǐ)的(de)看(kà®™n)法是(shì)什(shén)麽呢(n¶±÷≥e)？讓我們在Branch集思廣益吧(ba)。

　　FlatDesign啓示

　　很(hěn)多(duō)人(rén)都(dōu)說(shuα☆ō)扁平化(huà)設計(jì)隻是(shì©↕≈)剛剛在設計(jì)/開(kāi)發的(de)團體(t→≥>₽ǐ)中開(kāi)始流行(xíng)。下(xià)面請α∞&(qǐng)你(nǐ)借鑒下(xià)這(zhè)些(xiē≈∑)來(lái)自(zì)PinterestandDribb§&ble的(de)一(yī)些(xiē)關于flatd₩© ₽esign優秀資源，并以此考慮你(nǐ)的(de)下(xià)↓✔'一(yī)個(gè)項目該能(néng)怎麽用(yòng)得(de)上£€(shàng)他(tā)們）（我們需要(yào)注意的(de)是(shì≈←♣)：Pinterest本身(shēn)不(bù)采用(yòngλε♦‌)扁平化(huà)設計(jì)方案.