我們都知道平坦的用戶界面(UI)設(shè)計（即扁平化設(shè)計）——這是一個最簡單的網(wǎng)站設(shè)計風(fēng)格也是目前最流行的設(shè)計風(fēng)格。 今天我們來聊聊扁平化設(shè)計中應(yīng)避免的五種錯誤。
如果你只是通過它的名稱來理解扁平化設(shè)計,這將是你最大的一個錯誤。 平坦的UI設(shè)計（扁平化設(shè)計）不是一種簡單的平面。 然而,它需要:
1、清潔
2、簡單的
3、色彩斑斕的
的確,這種形式的設(shè)計消除所有形式的文體方面可以創(chuàng)造幻想的三維外觀。 這種形式的設(shè)計既誠實(shí)以及時尚。 然而,扁平化設(shè)計還是非常困難的?？此坪唵尾缓唵?。比如
扁平化配色？
其實(shí)，扁平化設(shè)計一個最簡單的目標(biāo):盡可能簡約。
扁平化設(shè)計不是沒有它的錯誤
剩余在簡約參數(shù)有助于使網(wǎng)站看起來更有趣、更時尚。 據(jù)一些專家,這平坦的UI設(shè)計只是一個暗示的事實(shí)的世界設(shè)計正在迅速成熟。 似乎清晰,一個生動的對觀眾的影響。 這樣的設(shè)計和最重要的特點(diǎn)是它的可用性。 它是用戶友好的,被認(rèn)為是網(wǎng)頁設(shè)計的未來。 然而,平坦的UI設(shè)計并非沒有自己的愚蠢。 讓我們看看一些最常見的問題,這種形式的設(shè)計。
錯誤1。 太簡單
是的,你確實(shí)需要時讓用戶界面簡單平坦的UI設(shè)計。 但請記住,有時簡單也可能是一個問題。 一個網(wǎng)站太簡單的用戶可能難以導(dǎo)航。 網(wǎng)站通常應(yīng)該至少盡可能多的詳細(xì)幫助用戶區(qū)分各種元素,即:
文本、消息、圖像、按鈕
事實(shí)上,你不能指望這個網(wǎng)站或是移動APP是用戶友好的如果不可辨別的事情。 完美的用戶體驗(yàn),網(wǎng)站需要有一個類似的基礎(chǔ)設(shè)計,這樣您可以匹配不同項(xiàng)目的用戶界面。
錯誤2。 選擇了錯誤的顏色
網(wǎng)頁設(shè)計的最重要的組成部分是什么? 是的,可以有許多。 但是你不能否認(rèn),顏色在其中扮演的角色。 他們有能力決定一個網(wǎng)站的設(shè)計。 ,當(dāng)你去一個平面的設(shè)計。 所以,這對你是至關(guān)重要的,作為一個網(wǎng)頁設(shè)計師,為你的網(wǎng)站選擇正確的顏色。 不要選擇顏色上不適合所有屏幕。 這可以給網(wǎng)站一個壞或便宜的看,從未與任何業(yè)務(wù)門戶。 相反,你應(yīng)該選擇正確的顏色和對比。 此外,確保你選擇的顏色的網(wǎng)站完全不同類型的屏幕上顯示出來。
錯誤3。 沒有單獨(dú)的顏色可點(diǎn)擊鏈接
計劃包括鏈接在扁平化設(shè)計嗎? 當(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)站登錄頁面看看,她立即需要理解什么是最重要的事情。 如果你正計劃把這種視覺層次結(jié)構(gòu)完整,你需要關(guān)注:
陰影
陰影
紋理
不同的頁面元素的位置
這種視覺層次頁面中扮演著重要的角色在提高用戶體驗(yàn)。 然而,如果你計劃去平坦的網(wǎng)頁設(shè)計,創(chuàng)建這個層次結(jié)構(gòu)將變得非常困難。 因此,用戶體驗(yàn)是影響明顯由于這一點(diǎn)。
錯誤5。 選擇錯誤的字體
你計劃使用什么字體的扁平化設(shè)計你的網(wǎng)站嗎? 謹(jǐn)慎地使用它們是非常重要的。 一些常見的錯誤可能發(fā)生在選擇平面網(wǎng)頁設(shè)計排版。 這些可能發(fā)生,因?yàn)樵S多原因,如:
不知道術(shù)語的含義
不注重團(tuán)結(jié)和連貫性
避免交叉配色
這些錯誤在選擇平面網(wǎng)頁設(shè)計的字體可以傷害你的長期的業(yè)務(wù)目標(biāo)。
總之：即使所有的錯誤,扁平化設(shè)計是最受歡迎的形式的網(wǎng)頁設(shè)計。 現(xiàn)在是在的,但需要改變。 幾乎超過一個扁平化設(shè)計、扁平化設(shè)計為您的網(wǎng)站將是一個好主意。 這種設(shè)計通常比較簡潔,有助于提高網(wǎng)站的速度。 然而,如果你這樣的設(shè)計,重要的是如何要盡量避免扁平化UI設(shè)計的5種常見錯誤。
小編認(rèn)為，只要在扁平化設(shè)計中應(yīng)避免的五種錯誤，你的網(wǎng)站或是移動APP一定會讓你眼前一亮。
原文來源：http://bloomwebdesign.net/2014/07/5-common-flat-ui-design-mistakes-avoid/
如果翻譯不正確的地方，希望大家體諒！
25學(xué)堂還有很多關(guān)于移動APP扁平化設(shè)計的干貨：
1、23個
扁平化設(shè)計的iphone app界面設(shè)計欣賞2、
中國GUI設(shè)計師的APP扁平化設(shè)計作品欣賞-設(shè)計派
3、如何讓你的
APP設(shè)計更加的漂亮和引人注目？4、
成功設(shè)計一款A(yù)pp需要注意哪些問題？
5、
略談APP圖標(biāo)扁平化設(shè)計中的長投影設(shè)計
1您可能也喜歡：
如何設(shè)計移動APP的扁平化及扁平化設(shè)計的步驟 APP扁平化設(shè)計，界面到底如何來配色呢？ 扁平化設(shè)計基本原則是什么，扁平化設(shè)計是不是新趨勢。 8個扁平化網(wǎng)頁設(shè)計靈感網(wǎng)站 5個大氣漂亮的扁平化設(shè)計網(wǎng)站賞析|HTML5酷站 iOS7扁平化APP界面設(shè)計素材PSD分層下載 從APP設(shè)計的角度全面解析iOS 7扁平化概念設(shè)計 APP圖標(biāo)設(shè)計教程：扁平化設(shè)計風(fēng)格分析 卡片式設(shè)計和卡片化滑動設(shè)計App成功案例 一套扁平化設(shè)計APP圖標(biāo)VOL系列PSD源文件下載 略談APP圖標(biāo)扁平化設(shè)計中的長投影設(shè)計趨勢 扁平化設(shè)計的iPhone5 PSD樣機(jī)|APP Psd設(shè)計素材無覓關(guān)聯(lián)推薦[?]
