交互設(shè)計(jì)師的工作中,基礎(chǔ)的工具、常識(shí)、流程……,這些都能夠輕松學(xué)習(xí)到;最終的產(chǎn)出物,也能夠找得到成熟的范本;而只有中間的經(jīng)驗(yàn),只能來(lái)自積淀,沒(méi)有速成的方法。
這篇分享,把自己成長(zhǎng)中和交流中獲得的一些經(jīng)驗(yàn)略微舉例,加上交互相關(guān)的一點(diǎn)基礎(chǔ),希望能給對(duì)交互設(shè)計(jì)有興趣的朋友提供一些幫助。
提綱:
1. 入門(mén)
1.1. 工具
1.2. 原則/常識(shí)
2. 稱(chēng)職
2.1. 經(jīng)驗(yàn)
2.2. 經(jīng)驗(yàn)積累的切入點(diǎn)——模仿并思考
3. 進(jìn)階
3.1. 一定程度地違反邏輯
3.2. 擴(kuò)展相關(guān)技能
1.1. 工具:——一切可用于繪制線(xiàn)框,表達(dá)交互設(shè)計(jì)藍(lán)圖的工具,甚至可以用很不主流的PPT、或者直接用前端語(yǔ)言來(lái)寫(xiě);用的最多,最適合的當(dāng)然是Axure,具體的使用教程不講,可以參考:
AXURE在原型設(shè)計(jì)中的應(yīng)用
[2010W13]早讀:Axure
Axure的使用中,個(gè)人認(rèn)為對(duì)入門(mén)比較重要的兩點(diǎn):
柵格——按照柵格系統(tǒng)劃分布局,并適當(dāng)對(duì)齊,可以方便下一步UI同事進(jìn)行設(shè)計(jì),需要注意的是:
a) 方案尚未確定的概念設(shè)計(jì)階段,不要追求對(duì)齊和美觀,能把交互設(shè)計(jì)捋順,比什么都重要;如果對(duì)著軟件界面不由自主地想要對(duì)齊,而時(shí)間又不是很充足,寧可先紙上畫(huà)草稿,也不要為了對(duì)齊而影響設(shè)計(jì)思路;經(jīng)驗(yàn)成熟之后當(dāng)然另說(shuō),能夠在保證交互清晰的基礎(chǔ)上,同時(shí)兼顧到界面美觀(交互稿與視覺(jué)稿之間的間距比例,很可能非常不同,最糟的情況可能因?yàn)殚g距問(wèn)題,導(dǎo)致交互稿需要推翻重來(lái));
b) 繪制線(xiàn)框圖時(shí),大可以畫(huà)的整齊漂亮一些,但具體設(shè)計(jì)一定是由更為專(zhuān)業(yè)的UI同事進(jìn)行。
灰度——在同一個(gè)界面中,用不同深度的灰色,表示不同區(qū)域的權(quán)重和相關(guān)性
1.2. 原則/常識(shí)
這里也不展開(kāi)講了,基礎(chǔ)的一些教程,比如《 Web可用性設(shè)計(jì)》《Don’t make me think》,都可以學(xué)習(xí)到一些最基礎(chǔ)的知識(shí)。
出處:網(wǎng)易用戶(hù)體驗(yàn)設(shè)計(jì)中心
責(zé)任編輯:bluehearts
上一頁(yè) 下一頁(yè) 談交互設(shè)計(jì)的經(jīng)驗(yàn)積累 [2]
|