隨著行業的發展,只會圖形 UI 設計和只會交互設計的設計師職業生涯都會遇到瓶頸。
本文主要是以下6個問題的講解~
1. 什么是交互設計
2. 當今UI 設計師的能力要求
3. 交互設計主要做什么工作內容
(1)產品UI框架設計
(2)產品UI風格設計
產品UI 框架選擇簡單式(單一內容)翻頁式(多頁內容)宮格式(較多入口)上導航下導航(4-5大類+分支內容)舵式抽屜側邊欄(1個重點+其他次要內容)隱藏式
4. 線框原型圖繪制方法
方法一:黑白灰+色塊方法二:黑白灰+高保真圖形方法三:黑白灰+突出色+高保真圖形
5. 交互流程圖繪制
6. 動態交互原型設計
我們一個個來看~
1. 什么是交互設計
可以簡單理解為交互設計是偏向理性的設計,圖形設計是偏向感性的設計。這兩部分構成了我們常說的UI設計,user interface design.
UI設計為什么要包含理性的交互設計呢?這要從2007年移動互聯網爆發說起,那時圖形UI設計炫酷之風盛行,例如當時音樂播放器設計,都是這種模擬唱片或磁帶的寫實風。
但今天這些設計都被改掉了。其實好用的相冊是方便用戶更快索引照片。好用的音樂播放器不是模擬超寫實圖標,還不如歌詞與音樂同步,甚至不如翻譯英文歌詞有價值。
所以,用戶更需要解決實際問題的設計。
2、當今 UI 設計師的能力要求
隨著行業的發展,只會圖形UI 設計和只會交互設計的設計師職業生涯都會遇到瓶頸。
3、交互設計做什么
產品架構設計
也就是將眾多的需求按照最終呈現的頁面進行架構設計。
產品 UI 風格設計
我們以IOS為例子,你會發現一個平臺是由多個系統控件組成的,不同控件解決不同的問題,這些控件組成了軟件平臺的UI操作風格。例如IOS和windows的UI操作風格就完全不同。
產品UI 框架選擇簡單式(單一內容)翻頁式(多頁內容)宮格式(較多入口)上導航下導航(4-5大類+分支內容)舵式抽屜側邊欄(1個重點+其他次要內容)隱藏式
4、線框原型圖繪制方法
黑白灰+色塊黑白灰+高保真圖形黑白灰+突出色+高保真圖形
5、交互流程圖繪制
交互設計是面向過程的設計,所以需要描述清楚產品整體使用流程及相應的情況。使用交互文檔進行描述是很好的方式,交互文檔將作為技術開發,測試及設計人員進行全面的界面設計的依據。
6、動態交互原型設計
為了更好的將產品的動態展示給Boss或者其它相關團隊成員,可以用最簡單的方式進行動畫演示,讓成員可以更快更好的理解產品的使用。
好~以上內容就是全部內容了~
平面設計
工業設計
CG插畫
UI交互
室內設計
建筑環境