最近一個在網(wǎng)頁和UI設(shè)計上逐漸增長的趨勢是“扁平化設(shè)計”的使用，而且現(xiàn)在已經(jīng)是一個非常熱門的話題了。滿大街的現(xiàn)場討論會以及大量的教程。我常常被吸引到極簡主義設(shè)計中，所以扁平化設(shè)計是一種很自然的給我啟發(fā)的設(shè)計美學(xué)，特別是在最近的一個項目的重新設(shè)計中。

在本文中，我將討論下什么是扁平化設(shè)計、回顧其它設(shè)計方式，并提供如何在你自己的設(shè)計中實現(xiàn)的一些技巧。

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

實際上，扁平化設(shè)計意味著在設(shè)計中不使用常用的漸變、像素完美的陰影，然后通常是近年來蔓延的用來實現(xiàn)看起來“平面”的用戶界面。

Layervault的Allen Grinshtein或許最初定義了“扁平化設(shè)計”。在一篇發(fā)表于HackerNews的文章中，他說：

“網(wǎng)頁中廣受歡迎的產(chǎn)品通常都有一些類似的設(shè)計美學(xué)，比如一些立體、內(nèi)陰影、外陰影等。對設(shè)計師來說，他們會以實現(xiàn)這種“媚俗”的界面而感到自豪。但對我們，對其它的少數(shù)設(shè)計師來說，這樣做很2。。。“

如果你去看Layervault，它的美在于其簡潔，甚至沒有任何我們作為設(shè)計師常常會去挖空心思實現(xiàn)的額外的細節(jié)設(shè)計。了解和琢磨作為當前趨勢來使用的漸變和其它樣式是件蠻有趣的事情，這些慢慢在變化~~

扁平化設(shè)計實例

在新版Squarespace網(wǎng)站中，他們選擇了一個幾乎完全扁平的界面, 你可以估算出它們花在原型和設(shè)計UI上的時間，這個界面相當復(fù)雜，但是卻非常易用。

盡管我只看過而從來沒有自己用過LayerVault，新的扁平化UI看起來真的很簡潔易用。

Facebook幾乎一直擁抱扁平化設(shè)計美學(xué)——只是最近才加入一些輕微的立體化。

“Facebook是一個扁平化設(shè)計趨勢的完美例子。它們的主要操作按鈕依然使用輕微的立體化，但大量的次要按鈕采用了完全的扁平化設(shè)計。而且依據(jù)事實判斷，它們從未改變過界面風(fēng)格，它一直是這樣的。“

盡管它們在過去這些年一直被批判要大改它們的界面，它依然是網(wǎng)上被使用最多的網(wǎng)站之一，嗯，用戶是不會錯的。。。

最新的Rdio的界面亦是如此扁平和極簡，它幾乎完全沒有陰影、漸變、甚至是顏色。。。

標簽： 什么是扁平化設(shè)計 扁平化設(shè)計 網(wǎng)頁設(shè)計 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。