UI的扁平化設(shè)計(jì)理念

UI的扁平化設(shè)計(jì)理念\o"CommentonUI的扁平化設(shè)計(jì)理念"352013年6月16日|作者：\o"Postsby周良"周良

|17,679views

可以說，在當(dāng)下，UI\o"設(shè)計(jì)"設(shè)計(jì)是設(shè)計(jì)界討論最多的話題。（UI設(shè)計(jì)指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)）一個(gè)優(yōu)秀的設(shè)計(jì)產(chǎn)品的宗旨是創(chuàng)造有用的東西。但是如果是基于平板的平面設(shè)計(jì)，它的實(shí)用度會(huì)被很大限制，所以我們需要從別的方面入手，使設(shè)計(jì)產(chǎn)品保持獨(dú)一無(wú)二的創(chuàng)造力和平易近人的功能性。在這篇文章中，將會(huì)從五個(gè)特點(diǎn)介紹是什么東西促成平板的界面通過設(shè)計(jì)和改造變成功能化的東西。

不添加特殊效果扁平化設(shè)計(jì)設(shè)計(jì)是由所采用的形狀得名。顧名思義，它是一種采用了獨(dú)特的二維的風(fēng)格，把物體幾近平面化來進(jìn)行創(chuàng)作設(shè)計(jì)。

當(dāng)一個(gè)扁平化設(shè)計(jì)作品剔除一些為其增加立體感而添加的元素，如陰影效果，斜面，浮雕，漸變或其他工具之后，每一個(gè)元素和區(qū)間，圖像和按鈕，導(dǎo)航工具，都處于同一個(gè)位面，如何有效的分割它們就需要設(shè)計(jì)者展開思考了。

扁平化設(shè)計(jì)有其獨(dú)特的觀感，它依賴于一個(gè)清晰的層次感，在一個(gè)成功的案例中，最重要的就是用戶體驗(yàn)和互動(dòng)元素的設(shè)計(jì)和布局。雖然越來越多的網(wǎng)站開始注重和使用平面設(shè)計(jì)原則，但我認(rèn)為扁平化設(shè)計(jì)原則更好的運(yùn)用平臺(tái)應(yīng)該是應(yīng)用程序和移動(dòng)端。這是因?yàn)槠聊恍。覀冃杼峁┍M量少的按鈕和選項(xiàng)，就可以讓用戶獲得完整的使用體驗(yàn)，這往往比網(wǎng)站設(shè)計(jì)更加困難并且更加需要設(shè)計(jì)者的創(chuàng)造力。

簡(jiǎn)單的元素扁平化設(shè)計(jì)中采用了許多簡(jiǎn)單的元素去設(shè)置用戶界面，很常見的就是按鈕和圖標(biāo)。設(shè)計(jì)師往往堅(jiān)持簡(jiǎn)單的形狀，如矩形，圓形或正方形，并偏向每個(gè)形狀單獨(dú)使用。這是因?yàn)?，幾何圖形的邊緣，已經(jīng)提供了完美的角度或曲率。

每個(gè)UI元素應(yīng)該是簡(jiǎn)單并且能輕松的點(diǎn)擊或點(diǎn)選。人與設(shè)計(jì)產(chǎn)品的互動(dòng)應(yīng)該是直觀的，研發(fā)者不需要為用戶解釋太多。

除了簡(jiǎn)單的造型，在可點(diǎn)擊的按鈕上可以配以大膽的顏色，以鼓勵(lì)用戶去使用。但是，不要以為使用簡(jiǎn)單的元素進(jìn)行簡(jiǎn)單的設(shè)計(jì)就是扁平化設(shè)計(jì)的理念，這項(xiàng)設(shè)計(jì)是與任何其他類型的設(shè)計(jì)方案一樣復(fù)雜的。

注重于字體的選擇由于一個(gè)平面里可以容納的元素是有限的，排版便變得非常重要。

在這一方面，最常見的元素就是字體了，所以我們首先考慮的是，字體的選擇應(yīng)符合整體設(shè)計(jì)方案。就比如，把高度美化的字體運(yùn)用到一個(gè)超級(jí)簡(jiǎn)單的設(shè)計(jì)產(chǎn)品上會(huì)使人看起來很奇怪。字體的類型也應(yīng)該大方并且簡(jiǎn)單有效，從而產(chǎn)生和最終產(chǎn)品一致的風(fēng)格，保持統(tǒng)一。

舉一個(gè)簡(jiǎn)單的例子，當(dāng)一個(gè)網(wǎng)站有大量信息更新的門戶網(wǎng)站，無(wú)襯線字體成為了它們最好的選擇。我們可以適當(dāng)添加一些意想不到的新穎的藝術(shù)元素的字體，但要小心不要走極端整版整版的使用這種特殊字體。

注重顏色的選擇扁平化設(shè)計(jì)的另一個(gè)重要部分便是顏色設(shè)計(jì)，移動(dòng)端的平面設(shè)計(jì)在顏色的選擇上往往比其他媒介更需要使用明亮、豐富的色彩。在這一方面，扁平化設(shè)計(jì)可選擇的用色要比其他的媒介多，雖然大多數(shù)的設(shè)計(jì)產(chǎn)品取色只有兩種或三種顏色，但是也有一些優(yōu)秀的作品使用過六到八種色彩。

色調(diào)往往優(yōu)先使用充滿活力感的，在一些成功的設(shè)計(jì)產(chǎn)品上運(yùn)用的情況反映出，純凈的顏色很受歡迎。此外，某些類型的顏色也開始開發(fā)運(yùn)用，比如復(fù)古的色彩、霓虹色彩和熒光色彩等。

秉持最簡(jiǎn)風(fēng)格扁平化設(shè)計(jì)的原則是進(jìn)行簡(jiǎn)單和行之有效的設(shè)計(jì)。

我們需避免一些\o"互聯(lián)網(wǎng)"互聯(lián)網(wǎng)網(wǎng)頁(yè)設(shè)計(jì)那樣擁有太多花里胡哨的元素的設(shè)計(jì)風(fēng)格。簡(jiǎn)單的顏色和文本可能還不能滿足設(shè)計(jì)維度。如果你想添加更多的視覺效果，選擇簡(jiǎn)潔的攝影作品或者插畫作品也許是一個(gè)不錯(cuò)的辦法。

一些零售網(wǎng)站，如Svpply（上圖），采用的平板設(shè)計(jì)已經(jīng)很好的表現(xiàn)了它的職責(zé)，它的辦法很簡(jiǎn)單，一個(gè)簡(jiǎn)單的背景上做到這一點(diǎn)。（應(yīng)當(dāng)指出，這些照片也有一些自然的深度，但仍然適合設(shè)計(jì)成整體的融洽性）。

在共性中尋找特性更多的設(shè)計(jì)師傾向于形成統(tǒng)一的樣式，為之命名為平板平面設(shè)計(jì)。

在大多數(shù)扁平化設(shè)計(jì)中，使用最簡(jiǎn)單的元素突出\o"主題"主題，然后制造視覺效果添加到設(shè)計(jì)方案中。例如按鈕，它可能包含輕