南京ui設(shè)計(jì)課程輔導(dǎo)

南京ui設(shè)計(jì)課程輔導(dǎo)，推薦達(dá)內(nèi)，達(dá)內(nèi)以研 發(fā)為核心競(jìng)爭(zhēng)力，以教學(xué)效果為導(dǎo)向，設(shè)置特色化輔導(dǎo) 內(nèi)容和教學(xué)方式。不斷提高教學(xué)水準(zhǔn)，業(yè)界特有的“4分 理論+6分實(shí)訓(xùn)”教學(xué)法，為廣大學(xué)員提供了科學(xué)有效的 教學(xué)服務(wù)。科學(xué)、嚴(yán)謹(jǐn)、系統(tǒng)的知識(shí)理論體系，由達(dá)內(nèi) 百余位專職研發(fā)師資自主研發(fā)而成。緊跟市場(chǎng)需求、企 業(yè)剛需，每月調(diào)研、更新，不斷打磨，力求傳授給學(xué)員 前沿、實(shí)用的IT知識(shí)。 

下面達(dá)內(nèi)UI設(shè)計(jì)培訓(xùn)就給大家講解一下扁平化設(shè)計(jì) (Flat Design)的五個(gè)特點(diǎn)：

1.拒絕 扁平化這個(gè)詞來自于這種設(shè)計(jì)所使用的樣式和形 狀，它完全屬于二次元世界，一個(gè)簡(jiǎn)單的形狀加沒有景 深的平面，不叫扁平化都浪費(fèi)這個(gè)詞了。 這個(gè)概念較核心的地方就是放棄一切裝飾效果，諸 如陰影、透視、紋理、漸變等等能做出3D效果的元素一 概不用。所有的元素的邊界都干凈俐落，沒有任何羽 化、漸變或者陰影。 這一設(shè)計(jì)趨勢(shì)極力避免任何擬物化設(shè)計(jì)的元素，這 導(dǎo)致這一設(shè)計(jì)風(fēng)格在其它平臺(tái)有時(shí)候顯得突兀，前景圖 片、按鈕、文本和導(dǎo)航欄與背景圖片格格不入，各成一 派。 

那么，扁平化的效果如何呢?

因?yàn)檫@種設(shè)計(jì)有著鮮明的視覺效果，它所使用的元 素之間有清晰的層次和布局，這使得用戶能直觀的了解 每個(gè)元素的作用以及交互方式。如今從網(wǎng)頁到手機(jī)應(yīng)用 無不在使用扁平化的設(shè)計(jì)風(fēng)格，尤其在手機(jī)上，因?yàn)槠? 幕的限制，使得這一風(fēng)格在用戶體驗(yàn)上更有優(yōu)勢(shì)，更少 的按鈕和選項(xiàng)使得界面干凈整齊，使用起來格外簡(jiǎn)單。 

2.界面元素 扁平化設(shè)計(jì)通常采用許多簡(jiǎn)單的用戶界面元素，諸 如按鈕或者圖標(biāo)之類。設(shè)計(jì)師們通常堅(jiān)持使用簡(jiǎn)單的外 形(矩形或者圓形)，并且盡量突出外形，這些元素一律 為直角(極少的一些為圓角)。 這些用戶界面元素方便用戶點(diǎn)擊，這能極大的減少 用戶學(xué)習(xí)新交互方式的成本，因?yàn)橛脩魬{經(jīng)驗(yàn)就能大概 知道每個(gè)按鈕的作用。 

3.優(yōu)化排版 由于扁平化設(shè)計(jì)的使用特別簡(jiǎn)單的元素，排版就成 了很重要的一環(huán)，排版好壞直接影響視覺效果，甚至可 能間接影響用戶體驗(yàn)。 字體是排版中很重要的一部分，和其他元素相輔相 成。想想看，一款花體字在扁平化的界面里得有多突 兀。上圖是一些扁平化網(wǎng)站使用無襯線字體的例子。無 襯線字體家族龐大分之眾多，其中有些字體會(huì)在特殊的 情景下會(huì)有意想不到的效果。但注意，過猶不及，不要 使用那些極為生僻的字體，因?yàn)楸２积R它就把你帶進(jìn)坑 里了。 如何使用字體也是一門學(xué)問，要學(xué)會(huì)讓不同的字體 表達(dá)不同的概念，經(jīng)過字體告訴用戶這某一設(shè)計(jì)/功能的含義，努力使字體成為你簡(jiǎn)化設(shè)計(jì)的有力武器。 4.如何配色 扁平化設(shè)計(jì)中，配色貌似是Z重要的一環(huán)，扁平化 設(shè)計(jì)通常采用比其他風(fēng)格更明亮、炫麗的顏色。同時(shí)， 扁平化設(shè)計(jì)中的配色還意味著更多的色調(diào)。比如，其他 設(shè)計(jì)較多只包含兩三種主要顏色，但是扁平化設(shè)計(jì)中會(huì) 平均使用六到八種。

而且扁平化設(shè)計(jì)中，往往傾向于使用單色調(diào)，尤其 是純色，并且不做任何淡化或柔化處理(較受歡迎的顏色 是純色和二次色)。另外還有一些顏色也挺受歡迎，如復(fù) 古色(淺橙、紫色、綠色、藍(lán)色等)。