9.09日音訊,網(wǎng)頁(yè)設(shè)計(jì)之認(rèn)識(shí)扁平化設(shè)計(jì)。目前我們?cè)絹?lái)越多的會(huì)談到網(wǎng)頁(yè)的扁平化設(shè)計(jì)，其實(shí)這個(gè)在幾年前就已經(jīng)有過(guò)這樣的案例了，只不過(guò)當(dāng)時(shí)由于我們的認(rèn)識(shí)的角度不同，這一設(shè)計(jì)并沒(méi)有發(fā)展開(kāi)來(lái)，現(xiàn)在我們發(fā)現(xiàn)了它的優(yōu)美，等于是又再一次卷土重來(lái)了。許多新網(wǎng)站以及需要重新設(shè)計(jì)的網(wǎng)站都紛紛采用了扁平化設(shè)計(jì)的方案，這種趨勢(shì)無(wú)論是在網(wǎng)頁(yè)設(shè)計(jì)或者移動(dòng)端的設(shè)計(jì)方面都已經(jīng)蔓延開(kāi)了。

　　隨著融匯了扁平化設(shè)計(jì)美學(xué)的w8以及新版谷歌的推出，以及其他人氣網(wǎng)站紛紛采用這種扁平化的主題設(shè)計(jì)，這種扁平化的趨勢(shì)將很有可能受到更加多的親睞。

　　你是否考慮過(guò)？你能夠把它運(yùn)用到你的項(xiàng)目當(dāng)中嗎？這種設(shè)計(jì)方案是否能夠給你帶來(lái)更加輕松的工作體驗(yàn)？

　　扁平化設(shè)計(jì)具有著一種讓人心醉的美麗.沒(méi)有大量的修飾，它能以一個(gè)簡(jiǎn)單直白的方式來(lái)傳遞一個(gè)信息或者幫助一個(gè)產(chǎn)品以及思想變得更加深入人心。所以說(shuō)，趁在下一個(gè)新的設(shè)計(jì)潮流到來(lái)之前，我們現(xiàn)在就必須好好把握當(dāng)前的設(shè)計(jì)趨勢(shì)。

　　什么是扁平化設(shè)計(jì)？

　　扁平化設(shè)計(jì)正是通過(guò)放棄任何附加效果的方式，創(chuàng)建了一個(gè)“零”3D屬性的設(shè)計(jì)方案。在這里，沒(méi)有dropshadows陰影效果,bevels斜角,embossing浮雕,gradients漸變等其他方法來(lái)幫助lift元素產(chǎn)生相對(duì)于屏幕的凹凸效果。不帶有羽化邊緣以及陰影效果的圖標(biāo)和UI元素也都是看起來(lái)非常鮮明。

　　扁平極簡(jiǎn)就是Flatdesign的靈魂所在。

　　Flatdesign并不是徹底放棄效果。它只是不存在那些能讓人產(chǎn)生立體感覺(jué)的深度depth和維度dimension.我們什么甚至可以這樣認(rèn)為，更多的設(shè)計(jì)傾向于“準(zhǔn)扁平化”的范疇，這時(shí)候我們從產(chǎn)品的大體角度來(lái)看，仍然存在很小一部分的效果。

　　技術(shù)

　　忘掉所有的修飾元素.它們不是扁平化設(shè)計(jì)要關(guān)注的地方。

　　在這里我們需要把注意力放在色彩上。扁平化的設(shè)計(jì)方案經(jīng)常使用許多鮮明的色彩。從色塊，色形以及色調(diào)來(lái)看，色彩確實(shí)是提升扁平化設(shè)計(jì)一個(gè)不可或缺的組成部分。在你的logo上的用色方面多加斟酌，能夠使得你的網(wǎng)站引人入勝。在扁平化方案上僅僅使用白色和黑色就能夠產(chǎn)生不錯(cuò)的效果，但你想著這效果要更進(jìn)一步，那也可以采用更多的色彩。

　　注意字體.文字是必不可少的-他們提供了信息，它作為了一個(gè)工具在你的網(wǎng)站上引導(dǎo)你的用戶該做什么。使用一些有趣且獨(dú)特的字體來(lái)修飾文字，當(dāng)然了，在這里你就不要再想著Arial（微軟字體）.挑選出字體來(lái)配合你所要表達(dá)的信息.記住扁平化方案的要旨是極簡(jiǎn)，因此在字體的運(yùn)用中，我們應(yīng)該考慮其如何切合這個(gè)要點(diǎn).簡(jiǎn)單的sansserif類字體在這個(gè)方案中可應(yīng)用的種類非常廣泛.或者我們不妨做出一點(diǎn)稍微“越軌”的處理方法，考慮更加在一個(gè)扁平化設(shè)計(jì)方案中選擇一個(gè)新奇的字體作為美術(shù)元素，這必定比簡(jiǎn)單的字體的運(yùn)用更加奪人眼球。

　　做到惜字如金。許多扁平化設(shè)計(jì)同樣也運(yùn)用了少量文字來(lái)營(yíng)造一個(gè)簡(jiǎn)約的風(fēng)格。因此，因此，我們要確保表在每個(gè)字中都能發(fā)揮出重要的作用。

　　簡(jiǎn)約的用戶界面和UI元素。用于被點(diǎn)擊的按鈕不需要過(guò)于復(fù)雜的設(shè)計(jì)。只要這些風(fēng)格要素有了明確的定義，就不會(huì)阻礙他們成為“稱職的”按鈕。這些要素包括顏色，輪廓，框架或者甚至是不同字體或者形狀。

　　創(chuàng)建層級(jí).在扁平化設(shè)計(jì)中，即便在被點(diǎn)擊的區(qū)域中使用了shadows陰影,gradients漸變,bevels斜角等其他效果來(lái)進(jìn)行特別注明，一些人還是感覺(jué)這些用于被點(diǎn)擊的區(qū)域表現(xiàn)得還不夠明顯。這足以說(shuō)明，創(chuàng)建一個(gè)明顯的層級(jí)結(jié)構(gòu)在任何一個(gè)網(wǎng)站上是極其重要的。我們要明確地讓用戶做到對(duì)你的網(wǎng)站一目了然。如果鏈接本身就擁有不同的色彩或者獨(dú)立被包含同一個(gè)區(qū)域中以供用戶點(diǎn)擊，那么鏈接也應(yīng)該要清晰地表現(xiàn)出來(lái)。

　　FlatDesign的命名

　　圍繞著“flatdesign.”（這里譯者翻譯為扁平化設(shè)計(jì)）這個(gè)名字存在著諸多爭(zhēng)論.現(xiàn)在你說(shuō)看到的這個(gè)名稱“flatdesign.”也不是被大家絕對(duì)地認(rèn)可。

　　不同的公司團(tuán)體都嘗試用過(guò)其他名稱，例如minimaldesign,honestdesign，而微軟公司甚至稱它作“authenticallydigital”。

　　對(duì)此你的看法是什么呢？讓我們?cè)贐ranch集思廣益吧。

　　FlatDesign啟示

　　很多人都說(shuō)扁平化設(shè)計(jì)只是剛剛在設(shè)計(jì)/開(kāi)發(fā)的團(tuán)體中開(kāi)始流行。下面請(qǐng)你借鑒下這些來(lái)自PinterestandDribbble的一些關(guān)于flatdesign優(yōu)秀資源，并以此考慮你的下一個(gè)項(xiàng)目該能怎么用得上他們）（我們需要注意的是：Pinterest本身不采用扁平化設(shè)計(jì)方案.