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

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

1、清潔

2、簡(jiǎn)單的

3、色彩斑斕的

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

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

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

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

錯(cuò)誤1。 太簡(jiǎn)單

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

文本、消息、圖像、按鈕

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

錯(cuò)誤2。 選擇了錯(cuò)誤的顏色

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

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

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

錯(cuò)誤4。 缺乏視覺層級(jí)頁面

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

陰影

陰影

紋理

不同的頁面元素的位置

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

錯(cuò)誤5。 選擇錯(cuò)誤的字體

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

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

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

避免交叉配色

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

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

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

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

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

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

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

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

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

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

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