我們都知道平坦的用戶界面(UI)設(shè)計(jì)（即扁平化設(shè)計(jì)）——這是一個最簡單的網(wǎng)站設(shè)計(jì)風(fēng)格也是目前最流行的設(shè)計(jì)風(fēng)格。 今天我們來聊聊扁平化設(shè)計(jì)中應(yīng)避免的五種錯誤。

如果你只是通過它的名稱來理解扁平化設(shè)計(jì),這將是你最大的一個錯誤。 平坦的UI設(shè)計(jì)（扁平化設(shè)計(jì)）不是一種簡單的平面。 然而,它需要:

1、清潔

2、簡單的

3、色彩斑斕的

的確,這種形式的設(shè)計(jì)消除所有形式的文體方面可以創(chuàng)造幻想的三維外觀。 這種形式的設(shè)計(jì)既誠實(shí)以及時尚。 然而,扁平化設(shè)計(jì)還是非常困難的。看似簡單不簡單。比如扁平化配色？

其實(shí)，扁平化設(shè)計(jì)一個最簡單的目標(biāo):盡可能簡約。

扁平化設(shè)計(jì)不是沒有它的錯誤

剩余在簡約參數(shù)有助于使網(wǎng)站看起來更有趣、更時尚。 據(jù)一些專家,這平坦的UI設(shè)計(jì)只是一個暗示的事實(shí)的世界設(shè)計(jì)正在迅速成熟。 似乎清晰,一個生動的對觀眾的影響。 這樣的設(shè)計(jì)和最重要的特點(diǎn)是它的可用性。 它是用戶友好的,被認(rèn)為是網(wǎng)頁設(shè)計(jì)的未來。 然而,平坦的UI設(shè)計(jì)并非沒有自己的愚蠢。 讓我們看看一些最常見的問題,這種形式的設(shè)計(jì)。

錯誤1。 太簡單

是的,你確實(shí)需要時讓用戶界面簡單平坦的UI設(shè)計(jì)。 但請記住,有時簡單也可能是一個問題。 一個網(wǎng)站太簡單的用戶可能難以導(dǎo)航。 網(wǎng)站通常應(yīng)該至少盡可能多的詳細(xì)幫助用戶區(qū)分各種元素,即:

文本、消息、圖像、按鈕

事實(shí)上,你不能指望這個網(wǎng)站或是移動APP是用戶友好的如果不可辨別的事情。 完美的用戶體驗(yàn),網(wǎng)站需要有一個類似的基礎(chǔ)設(shè)計(jì),這樣您可以匹配不同項(xiàng)目的用戶界面。

錯誤2。 選擇了錯誤的顏色

網(wǎng)頁設(shè)計(jì)的最重要的組成部分是什么? 是的,可以有許多。 但是你不能否認(rèn),顏色在其中扮演的角色。 他們有能力決定一個網(wǎng)站的設(shè)計(jì)。 ,當(dāng)你去一個平面的設(shè)計(jì)。 所以,這對你是至關(guān)重要的,作為一個網(wǎng)頁設(shè)計(jì)師,為你的網(wǎng)站選擇正確的顏色。 不要選擇顏色上不適合所有屏幕。 這可以給網(wǎng)站一個壞或便宜的看,從未與任何業(yè)務(wù)門戶。 相反,你應(yīng)該選擇正確的顏色和對比。 此外,確保你選擇的顏色的網(wǎng)站完全不同類型的屏幕上顯示出來。

錯誤3。 沒有單獨(dú)的顏色可點(diǎn)擊鏈接

計(jì)劃包括鏈接在扁平化設(shè)計(jì)嗎? 當(dāng)然,你必須保證是可點(diǎn)擊的,他們會導(dǎo)致其他網(wǎng)站的鏈接。 然而,當(dāng)你包括網(wǎng)站的鏈接,你需要記住一些其他事情。 確保鏈接是清晰可見,即使是放在之間的文本。 為此,需要的鏈接顏色,不相似的文本,這樣用戶在發(fā)現(xiàn)他們沒有任何問題。 即使你不是使它明亮的顏色,至少應(yīng)該在藍(lán)色的鏈接,這樣的超鏈接的默認(rèn)顏色。 此外,用戶還可以混淆圖像和按鈕之間,如果沒有跡象表明按鈕點(diǎn)擊。

錯誤4。 缺乏視覺層級頁面

當(dāng)訪問你的網(wǎng)站登錄頁面看看,她立即需要理解什么是最重要的事情。 如果你正計(jì)劃把這種視覺層次結(jié)構(gòu)完整,你需要關(guān)注:

陰影

陰影

紋理

不同的頁面元素的位置

這種視覺層次頁面中扮演著重要的角色在提高用戶體驗(yàn)。 然而,如果你計(jì)劃去平坦的網(wǎng)頁設(shè)計(jì),創(chuàng)建這個層次結(jié)構(gòu)將變得非常困難。 因此,用戶體驗(yàn)是影響明顯由于這一點(diǎn)。

錯誤5。 選擇錯誤的字體

你計(jì)劃使用什么字體的扁平化設(shè)計(jì)你的網(wǎng)站嗎? 謹(jǐn)慎地使用它們是非常重要的。 一些常見的錯誤可能發(fā)生在選擇平面網(wǎng)頁設(shè)計(jì)排版。 這些可能發(fā)生,因?yàn)樵S多原因,如:

不知道術(shù)語的含義

不注重團(tuán)結(jié)和連貫性

避免交叉配色

這些錯誤在選擇平面網(wǎng)頁設(shè)計(jì)的字體可以傷害你的長期的業(yè)務(wù)目標(biāo)。

總之：即使所有的錯誤,扁平化設(shè)計(jì)是最受歡迎的形式的網(wǎng)頁設(shè)計(jì)。 現(xiàn)在是在的,但需要改變。 幾乎超過一個扁平化設(shè)計(jì)、扁平化設(shè)計(jì)為您的網(wǎng)站將是一個好主意。 這種設(shè)計(jì)通常比較簡潔,有助于提高網(wǎng)站的速度。 然而,如果你這樣的設(shè)計(jì),重要的是如何要盡量避免扁平化UI設(shè)計(jì)的5種常見錯誤。

小編認(rèn)為，只要在扁平化設(shè)計(jì)中應(yīng)避免的五種錯誤，你的網(wǎng)站或是移動APP一定會讓你眼前一亮。

原文來源：http://bloomwebdesign.net/2014/07/5-common-flat-ui-design-mistakes-avoid/

如果翻譯不正確的地方，希望大家體諒！

25學(xué)堂還有很多關(guān)于移動APP扁平化設(shè)計(jì)的干貨：

1、23個扁平化設(shè)計(jì)的iphone app界面設(shè)計(jì)欣賞

2、中國GUI設(shè)計(jì)師的APP扁平化設(shè)計(jì)作品欣賞-設(shè)計(jì)派

3、如何讓你的APP設(shè)計(jì)更加的漂亮和引人注目？

4、成功設(shè)計(jì)一款A(yù)pp需要注意哪些問題？

5、略談APP圖標(biāo)扁平化設(shè)計(jì)中的長投影設(shè)計(jì)