扁平化設(shè)計五大技巧

對于設(shè)計師來說，如果你觀察微軟的 Windows Phone 的平臺，你可能會發(fā)現(xiàn)一個特別的現(xiàn)象：那就是難看的應(yīng)用不多，但令人印象深刻的應(yīng)用也不多。應(yīng)用很有統(tǒng)一感，但是很難張揚個性，以至于有的開發(fā)者感嘆，它們看起來都 是一個樣子。設(shè)計師 Johnny Holland 將 Metro 語言比作是包豪斯風格，并且指出，“因為去除了裝飾，使得個性化的空間很小”，這可能給人以“缺乏生命力”的感覺，所以要想設(shè)做出好的扁平化設(shè)計，也是非常需要技巧的。

• 強調(diào)字體的使用

  字體是排版中很重要的一部分，它需要和其他元素相輔相成，想想看，一款花體字在扁平化的界面里得有多突兀。上圖是一些扁平化網(wǎng)站使用無襯線字體的例子，無襯線字體家族龐大分之眾多，其中有些字體會在特殊得情景下會有意想不到得效果。但注意，過猶不及，不要使用那些極為生僻的字體，因為保不齊它就把你帶進坑里了……

• 關(guān)注色彩

  扁平化設(shè)計中，配色貌似是最重要的一環(huán)，扁平化設(shè)計通常采用比其他風格更明亮更炫麗的顏色。同時，扁平化設(shè)計中的配色還意味著更多的色調(diào)。比如，其他設(shè)計最多只包含兩三種主要顏色，但是扁平化設(shè)計中會平均使用六到八種顏色。另外還有一些顏色也挺受歡迎，如復(fù)古色淺橙、紫色、綠色、藍色等……

• 簡化的交互設(shè)計

  設(shè)計師要盡量簡化自己的設(shè)計方案，避免不必要的元素出現(xiàn)在設(shè)計中。簡單的顏色和字體就足夠了，如果你還想添加點什么，盡量選擇簡單的圖案。扁平化設(shè)計尤其對一些做零售的網(wǎng)站幫助巨大，它能很有效的把商品組織起來，以簡單但合理方式排列……

• 偽扁平化設(shè)計

  不要以為扁平化只是把立體的設(shè)計效果壓扁，事實上，扁平化設(shè)計更是功能上的建簡化于與重組。比如，有些天氣方面的應(yīng)用會使用溫度計的形式來展示氣溫，或者計算應(yīng)用仍用計算器的二維形態(tài)表現(xiàn)。在應(yīng)用軟件當中，溫度計的形象則純粹是裝飾性的，而計算器的計算方式也并不是最簡單直接的。相比于擬物化而言，扁平風格的一個優(yōu)勢就在于它可以更加簡單直接的將信息和事物的工作方式展示出來……

扁平化設(shè)計靈感

擬物化還是扁平化，重點不在于追趕潮流，潮流只能影響設(shè)計外觀和樣子，并且會慢慢淡去，而被新的潮流所替代。設(shè)計師設(shè)計一款應(yīng)用的時候，讓外觀充分表現(xiàn)產(chǎn)品的內(nèi)容才是王道。對于設(shè)計師說，或許平庸的設(shè)計師喜歡“扁平化設(shè)計”，因為它做起來毫不費力。圓角方形+挑選顏色+使用免費圖標=完事。我對于扁平化設(shè)計的觀點是，設(shè)計師很容易實現(xiàn)它，但是要做出真正出色的東西會更難。因為，如果你限制自己可以使用的圖形工具，你必須更刻苦的思考，才能做出令人愉悅的界面。