交互設(shè)計(jì)工具篇
工欲善其事必先利器,如今交互設(shè)計(jì)的工具五花八門?;诘捅U嬖偷膬蓚€(gè)要求:輕巧快速和易于修改。在追求短頻快的產(chǎn)品節(jié)奏下,企業(yè)一般用什么工具進(jìn)行交互設(shè)計(jì)?使用哪些工具能夠快速高效的輸出?
1.前期
產(chǎn)品前期的討論,強(qiáng)調(diào)的是創(chuàng)意或展示流程的核心概念,設(shè)計(jì)師們關(guān)注的是設(shè)計(jì)方向的可行性和用戶體驗(yàn),并提出問題。簡單的手繪在前期階段發(fā)揮著不可替代的作用,除了紙筆手繪線框,還可以使用尺子畫出界面通用的控件或基本元素。
2.過程
A. ?思維導(dǎo)圖工具比較多,使用 XMind, Mindmanager 等比較常見。
B. ?低保真原型使用工具也是多樣性的,有visio,早期的設(shè)計(jì)都還在用(現(xiàn)在看到比較多是IT人在用)。
C. ?Axure,目前主流的使用工具,配合組件庫,可以快速調(diào)出需要的控件、基本元素、窗口等快速進(jìn)行交互原型制作。也可進(jìn)行制作交互動(dòng)畫,更清晰展示原型的流程。
D. ?Illustrator,矢量工具。特點(diǎn)是操作麻煩,控件需要手動(dòng)添加,輸出效率較低。Coreldraw道理與Illustrator相同。常見與做文檔輸出,新手或者早期的原型不推薦使用。
E. ?Keynote / PPT,在MAC,WIN環(huán)境下的標(biāo)配,使用的情況也不多,除非是時(shí)間緊迫要跟客戶或領(lǐng)導(dǎo)展示產(chǎn)品概念。畫草圖不好展示,用Keynote / PPT可以快速出一些動(dòng)效,助于概念闡述。缺點(diǎn)也很明顯畢竟不是專業(yè)繪圖工具,沒有模板,不利于長期修改。
F.? OmniGraffle,這款繪圖軟件,曾獲得2002年蘋果設(shè)計(jì)獎(jiǎng)。但只能于運(yùn)行在Mac OS X和iPad平臺(tái)之上??梢岳L制普通圖表、樹狀結(jié)構(gòu)圖、流程圖、頁面編排等,基本上交互設(shè)計(jì)所涉及的都涵蓋了。有MAC的同學(xué)可以嘗試下,很多資深交互設(shè)計(jì)師都推薦的一款軟件。
G. ?其他,交互設(shè)計(jì)工具多樣化, Photoshop等等也可以。但不管用哪種工具,找到一款適合自己,并熟練使用它,才是真正的高效。
?3.展示
展示部分,分為靜態(tài)與動(dòng)態(tài)兩部分闡述。
A.靜態(tài)
靜態(tài)一般是指文檔規(guī)范,比如用Keynote/PPT/InDesign輸出的PDF,文檔,表格,圖片等格式。這類文檔要求交互注釋清晰,流程一目了然??晒╅_發(fā),視覺乃至PM,看清楚你所設(shè)計(jì)的內(nèi)容并作為規(guī)范。
B.動(dòng)態(tài)
動(dòng)態(tài)的展示,一般是在設(shè)計(jì)之初展示給領(lǐng)導(dǎo)或客戶看的Demo,以及設(shè)計(jì)上線展示給用戶的演示。
(1)PC端
常見的有Flash,AfterEffects, Premiere Pro,Keynote/PPT,UIDeigne ,Axure等軟件。輸出兩種,一種是可點(diǎn)擊/拖拽的交互Demo。另外是演示的視頻,這類多用After Effects, Premiere Pro軟件,進(jìn)行視頻的剪輯,交互動(dòng)畫的展示。
(2)移動(dòng)端
POP,快現(xiàn),UIDPlayer等軟件,這里推薦這3個(gè)給大家。它們簡單易用,用手機(jī)拍手繪草圖,添加熱區(qū),就可以在iPhone/ Android上演示原型,并且POP內(nèi)嵌的交互動(dòng)作如側(cè)滑、展開、消失。快現(xiàn)的“搖一搖”等功能,可以滿足一般的動(dòng)態(tài)演示需要。
另外,還有一些在線生產(chǎn)的動(dòng)效.
4.其他
除上述之外,一些素材庫,字體,模板等也能幫助你進(jìn)行高效的輸出有質(zhì)量的交互文檔。
新浪微博:@SSSStorm
source:ui.cn
我只想問一句,里面的尺子哪里有賣?
我也想知道,求淘寶鏈接
很喜歡手繪的原型,很有感覺,但是美術(shù)功底很糟糕的孩子傷不起
您好 我司專業(yè)培訓(xùn)手繪 圓您的美術(shù)夢