UI設(shè)計(jì)雖說(shuō)大部分人都很少聽(tīng)說(shuō)，但是它在我們?nèi)粘Ｉ钪械膽?yīng)用卻已非常廣泛了。例如大家使用的app，里面的界面就是UI設(shè)計(jì)的成果，那么大家知道app ui界面設(shè)計(jì)應(yīng)注意哪些細(xì)節(jié)嗎？UI設(shè)計(jì)的職能又是什么呢？不清楚的朋友，趕緊看看小編下面的介紹吧。

app ui界面設(shè)計(jì)（圖片來(lái)自網(wǎng)絡(luò)）

　　一、app ui界面設(shè)計(jì)應(yīng)注意的細(xì)節(jié)

　　faceui的工作人員認(rèn)為app ui界面設(shè)計(jì)的好壞由以下幾個(gè)細(xì)節(jié)決定：

　　1、形式對(duì)比

　　什么是形式呢，就是組件在相同功能和元素下，排版、視覺(jué)的呈現(xiàn)方式。形式的對(duì)比，就是在一個(gè)頁(yè)面中，不同組件呈現(xiàn)方式上是否能行成差異性，讓頁(yè)面看起來(lái)更豐富多元化。

　　分析上方的案例，組件之間并沒(méi)有拉開(kāi)差異性，尤其在詳情頁(yè)中，劇情簡(jiǎn)介和觀眾影評(píng)，影人和劇照，設(shè)計(jì)形式接近一致，這就是一個(gè)不好的開(kāi)端。仔細(xì)點(diǎn)觀察，就會(huì)發(fā)現(xiàn)作為飛機(jī)稿不是圖片、顏色用得花哨就夠的，組件缺少差異性，設(shè)計(jì)感就完全無(wú)法體現(xiàn)。

　　2、色彩對(duì)比

　　色彩對(duì)比是很關(guān)鍵的對(duì)比，色彩決定作品的第一印象。那么如何為色彩做出對(duì)比呢？無(wú)非就是鮮艷對(duì)比淺色、深色對(duì)比亮色、暖色對(duì)比冷色，不用特意套用配色的理論，用比較直觀的感受判斷就可以。

　　開(kāi)始配色的過(guò)程，首先是確定主色和背景色，原圖中的棕色主色和白色背景色，搭配起來(lái)的效果給我們的感受并不強(qiáng)烈，所以我對(duì)原色的棕色做一定范圍的調(diào)整。然后把主色添加到原型中，并為相關(guān)的一些元素添加合適的輔助色。先看第一頁(yè)添加后的效果。

　　3、文字對(duì)比

　　文字對(duì)比是最容易被忽視的細(xì)節(jié)，很多設(shè)計(jì)師都認(rèn)為只要看得清就行，樣式變化越少越好，這是非常錯(cuò)誤的思路。文字樣式的多少主要取決于文字的類型和需要重點(diǎn)體現(xiàn)的內(nèi)容數(shù)量，而不是沒(méi)有理由的精簡(jiǎn)到最少。例如看一篇排版成熟的期刊或是論文，其中標(biāo)題、副標(biāo)題、正文、引用、標(biāo)注等格式，都會(huì)有不同的文字樣式幫助我們區(qū)分，如果重頭到尾出現(xiàn)的所有文字都應(yīng)用一樣的格式，那么就毫無(wú)可讀性。

app ui界面設(shè)計(jì)（圖片來(lái)自網(wǎng)絡(luò)）

　　文字的對(duì)比，主要通過(guò)以下幾個(gè)屬性表現(xiàn)：大小、字重、色彩，即越重要的文字字號(hào)越大、字重越高、色彩越深，權(quán)重越低的則反之。

　　4、層級(jí)對(duì)比

　　最后一個(gè)，就是層級(jí)的對(duì)比。這么命名實(shí)際上比較拗口，它就是元素在 Y 軸上的高度，即元素的投影應(yīng)用，比如谷歌官方的解釋。投影的使用既是視覺(jué)樣式，也是一個(gè)用來(lái)制造景深的技巧。只要在一個(gè)扁平的界面中，為任何一個(gè)元素添加了投影，那么這個(gè)界面就存在了上下的空間關(guān)系，處于上方的元素就會(huì)得到凸顯，既然是空間關(guān)系，就要有前后的落差對(duì)比，我們要為最重要的元素增加投影，而不是把它當(dāng)成設(shè)計(jì)風(fēng)格進(jìn)行統(tǒng)一的設(shè)置，所有元素都帶投影，就沒(méi)有了對(duì)比，可看性也會(huì)大打折扣。

　　二、UI設(shè)計(jì)的職能

　　1、圖形設(shè)計(jì)，軟件產(chǎn)品的產(chǎn)品“外形”設(shè)計(jì)。

　　2、交互設(shè)計(jì)，主要在于設(shè)計(jì)軟件的操作流程、樹(shù)狀結(jié)構(gòu)、操作規(guī)范等。一個(gè)軟件產(chǎn)品在編碼之前需要做的就是交互設(shè)計(jì)，并且確立交互模型，交互規(guī)范。

　　3、用戶測(cè)試/研究，這里所謂的“測(cè)試”，其目標(biāo)恰在于測(cè)試交互設(shè)計(jì)的合理性及圖形設(shè)計(jì)的美觀性，主要通過(guò)以目標(biāo)用戶問(wèn)卷的形式衡量UI設(shè)計(jì)的合理性。如果沒(méi)有這方面的測(cè)試研究，UI設(shè)計(jì)的好壞只能憑借設(shè)計(jì)師的經(jīng)驗(yàn)或者領(lǐng)導(dǎo)的審美來(lái)評(píng)判，這樣就會(huì)給企業(yè)帶來(lái)極大的風(fēng)險(xiǎn)。

app ui界面設(shè)計(jì)（圖片來(lái)自網(wǎng)絡(luò)）

　　看到這里，大家明白一個(gè)好的app ui界面設(shè)計(jì)和普通的設(shè)計(jì)都差在哪里吧，這也是為什么faceui公司的設(shè)計(jì)能受到許多人好評(píng)的原因之一。所以各位朋友要是有這方面的需要，找他們是絕對(duì)不會(huì)錯(cuò)的，而且他們的設(shè)計(jì)師會(huì)根據(jù)大家的需求進(jìn)行專門的設(shè)計(jì)和制作。