如今APP設(shè)計(jì)也算是UI設(shè)計(jì)當(dāng)中的半邊天了，大部分的UI設(shè)計(jì)師都開(kāi)始從事手機(jī)APP設(shè)計(jì)了。

想學(xué)APP設(shè)計(jì)，就上25學(xué)堂，在此廣告非常優(yōu)雅的出現(xiàn)在你們的面前。小編忍不住都~呵呵~

今天學(xué)堂君提出的觀點(diǎn)就是：APP設(shè)計(jì)就是交互設(shè)計(jì)、視覺(jué)設(shè)計(jì)和UX設(shè)計(jì)的結(jié)合體

或者是交互設(shè)計(jì)、視覺(jué)設(shè)計(jì)和UX設(shè)計(jì)三者合理搭配出來(lái)的菜肴。

如下圖所示：

這兩張APP設(shè)計(jì)界面是中國(guó)APP設(shè)計(jì)師的作品。已經(jīng)發(fā)布到追波網(wǎng)上。

這兩張APP ui界面完美的詮釋了APP設(shè)計(jì)是交互設(shè)計(jì)、視覺(jué)設(shè)計(jì)和UX設(shè)計(jì)的結(jié)合體。

APP交互設(shè)計(jì)：

上圖左邊的第一張圖：抽屜式導(dǎo)航菜單?？紤]到用戶(hù)體驗(yàn)的問(wèn)題。把不常用的操作隱藏起來(lái)，需要用的時(shí)候，點(diǎn)擊左上角 小圖標(biāo)滑動(dòng)出來(lái)。

APP視覺(jué)設(shè)計(jì)：

界面背景采用大圖的設(shè)計(jì)思路。透明的主色調(diào)背景，增加朦朧的視覺(jué)美。

盡量突顯圖片的展示位置和圖片的視覺(jué)效果。把一些文字和小圖標(biāo)應(yīng)用到圖片上。

APP?UX設(shè)計(jì)：

滑動(dòng)出來(lái)的菜單每一個(gè)圖標(biāo)的間距都是用戶(hù)手指觸摸的范圍，最小的是44px*44px

符合人工設(shè)計(jì)體學(xué)。右邊這張圖的按鈕比較大，也非常醒目，提醒用戶(hù)修改自己的資料非常方便。

那到底這三種有啥區(qū)別呢？ ?

25學(xué)堂的小編就整理出設(shè)計(jì)里面各個(gè)專(zhuān)業(yè)名詞的解釋。

第一個(gè)版本：通俗簡(jiǎn)單易記版

平面/視覺(jué)設(shè)計(jì)：它看上去怎么樣？

信息構(gòu)架/設(shè)計(jì)：?它是如何組織的？

用戶(hù)界面（UI）設(shè)計(jì)：在我觸摸它之前它是如何工作的？

交互設(shè)計(jì)（IxD）: 在我摸完它之后它是如何工作的？

網(wǎng)頁(yè)設(shè)計(jì)：它在瀏覽器里是如何工作的？

用戶(hù)體驗(yàn)（UX）設(shè)計(jì)：我對(duì)它的感覺(jué)如何？

開(kāi)發(fā)：實(shí)際的寫(xiě)代碼工作

第二個(gè)版本：名詞專(zhuān)業(yè)解讀版

（1） UI 設(shè)計(jì)師

UI 設(shè)計(jì)師（即用戶(hù)界面設(shè)計(jì)師）需要能做到上面所說(shuō)的事情，但是按照現(xiàn)在業(yè)界的普遍定位，UI 設(shè)計(jì)師通常需要更多的圖形設(shè)計(jì)技能。

你需要熟練地使用 PS 或 FW，你經(jīng)常上的網(wǎng)站是 dribbble，你癡迷于圓角，陰影和漸變，關(guān)注每一個(gè)像素。當(dāng)然，在一些公司里，你常常要將模糊的 “需求” 直接轉(zhuǎn)化為用戶(hù)界面，有時(shí)候你可能也需要一些開(kāi)發(fā)技能。

（2）交互設(shè)計(jì)師?

一個(gè)交互設(shè)計(jì)師關(guān)注用戶(hù)的體驗(yàn)，但是他們更多地著眼于如何將這種影響體現(xiàn)在用戶(hù)界面的信息架構(gòu)，用戶(hù)操作的流程上。拿設(shè)計(jì)一個(gè)網(wǎng)站來(lái)說(shuō)，交互設(shè)計(jì)師需要使用流程圖，線(xiàn)框圖將用戶(hù)與網(wǎng)站的 “交互” 流程，網(wǎng)站的信息架構(gòu)可視化出來(lái)，以得到反饋，和確保與開(kāi)發(fā)人員的有效溝通。

另外一種解讀：

交互設(shè)計(jì)師主要關(guān)注用戶(hù)對(duì)產(chǎn)品的體驗(yàn)感受，確保產(chǎn)品邏輯的流程.

設(shè)計(jì)產(chǎn)出物 ：流程圖，網(wǎng)站地圖，故事版，交互設(shè)計(jì)原型圖（線(xiàn)框圖），UIspec ，交互設(shè)計(jì)規(guī)范。

所用軟件一般分 ARP MindManager

（3）UX設(shè)計(jì)師

用戶(hù)體驗(yàn)指用戶(hù)在使用產(chǎn)品過(guò)程中的個(gè)人主觀感受。關(guān)注用戶(hù)使用前、使用過(guò)程中、使用后的整體感受，包括行為、情感、成就等各個(gè)方面。用戶(hù)體驗(yàn)是整體感受，所以不僅僅來(lái)自于用戶(hù)界面，那只是其中的一部分。

通俗的講這是個(gè)整體的使用感受，包括受品牌影響，用戶(hù)個(gè)人使用經(jīng)驗(yàn)的影響，總之就是讓用戶(hù)用著爽。

以上就是幫大家解讀APP設(shè)計(jì)需要哪些技能，它其實(shí)也是一名綜合學(xué)科。需要我們UI設(shè)計(jì)師學(xué)習(xí)的東西和技能也是比較多的。

在此25學(xué)堂也希望各位好好的學(xué)習(xí)，天天向上！