隨著行業(yè)的發(fā)展，只會圖形 UI 設計和只會交互設計的設計師職業(yè)生涯都會遇到瓶頸。

本文主要是以下6個問題的講解~

1. 什么是交互設計

2. 當今UI 設計師的能力要求

3. 交互設計主要做什么工作內容

（1）產品UI框架設計

（2）產品UI風格設計

1. 產品UI 框架選擇
2. 簡單式（單一內容）
3. 翻頁式（多頁內容）
4. 宮格式（較多入口）
5. 上導航
6. 下導航(4-5大類+分支內容）
7. 舵式
8. 抽屜側邊欄（1個重點+其他次要內容）
9. 隱藏式

4. 線框原型圖繪制方法

• 方法一：黑白灰+色塊
• 方法二：黑白灰+高保真圖形
• 方法三：黑白灰+突出色+高保真圖形

5. 交互流程圖繪制

6. 動態(tài)交互原型設計

我們一個個來看~

1. 什么是交互設計

可以簡單理解為交互設計是偏向理性的設計，圖形設計是偏向感性的設計。這兩部分構成了我們常說的UI設計，user interface design.

UI設計為什么要包含理性的交互設計呢？這要從2007年移動互聯(lián)網爆發(fā)說起，那時圖形UI設計炫酷之風盛行，例如當時音樂播放器設計，都是這種模擬唱片或磁帶的寫實風。

但今天這些設計都被改掉了。其實好用的相冊是方便用戶更快索引照片。好用的音樂播放器不是模擬超寫實圖標，還不如歌詞與音樂同步，甚至不如翻譯英文歌詞有價值。

所以，用戶更需要解決實際問題的設計。

2、當今 UI 設計師的能力要求

隨著行業(yè)的發(fā)展，只會圖形UI 設計和只會交互設計的設計師職業(yè)生涯都會遇到瓶頸。

3、交互設計做什么

產品架構設計

也就是將眾多的需求按照最終呈現(xiàn)的頁面進行架構設計。

產品 UI 風格設計

我們以IOS為例子，你會發(fā)現(xiàn)一個平臺是由多個系統(tǒng)控件組成的，不同控件解決不同的問題，這些控件組成了軟件平臺的UI操作風格。例如IOS和windows的UI操作風格就完全不同。

1. 產品UI 框架選擇
2. 簡單式（單一內容）
3. 翻頁式（多頁內容）
4. 宮格式（較多入口）
5. 上導航
6. 下導航(4-5大類+分支內容）
7. 舵式
8. 抽屜側邊欄（1個重點+其他次要內容）
9. 隱藏式

4、線框原型圖繪制方法

• 黑白灰+色塊
• 黑白灰+高保真圖形
• 黑白灰+突出色+高保真圖形

5、交互流程圖繪制

交互設計是面向過程的設計，所以需要描述清楚產品整體使用流程及相應的情況。使用交互文檔進行描述是很好的方式，交互文檔將作為技術開發(fā)，測試及設計人員進行全面的界面設計的依據(jù)。

6、動態(tài)交互原型設計

為了更好的將產品的動態(tài)展示給Boss或者其它相關團隊成員，可以用最簡單的方式進行動畫演示，讓成員可以更快更好的理解產品的使用。

好~以上內容就是全部內容了~

作者：百度UE講堂

來源：微信公眾號【百度UE講堂】

版權聲明：人人都是產品經理尊重行業(yè)規(guī)范，所轉載的文章都注明作者和來源，若標注有誤，請聯(lián)系主編QQ：419297645更改。