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