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

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

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

或者是交互設(shè)計、視覺設(shè)計和UX設(shè)計三者合理搭配出來的菜肴。

如下圖所示：

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

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

APP交互設(shè)計：

上圖左邊的第一張圖：抽屜式導(dǎo)航菜單?？紤]到用戶體驗的問題。把不常用的操作隱藏起來，需要用的時候，點擊左上角 小圖標滑動出來。

APP視覺設(shè)計：

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

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

APP?UX設(shè)計：

滑動出來的菜單每一個圖標的間距都是用戶手指觸摸的范圍，最小的是44px*44px

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

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

25學堂的小編就整理出設(shè)計里面各個專業(yè)名詞的解釋。

第一個版本：通俗簡單易記版

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

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

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

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

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

用戶體驗（UX）設(shè)計：我對它的感覺如何？

開發(fā)：實際的寫代碼工作

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

（1） UI 設(shè)計師

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

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

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

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

另外一種解讀：

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

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

所用軟件一般分 ARP MindManager

（3）UX設(shè)計師

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

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

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

在此25學堂也希望各位好好的學習，天天向上！