交互設(shè)計(jì)師應(yīng)該如何設(shè)計(jì)作品集

1、交互設(shè)計(jì)師應(yīng)該如何設(shè)計(jì)作品集等論壇都有相關(guān)的討論，本文總結(jié)這些觀點(diǎn)并針對(duì)自己求職的體會(huì)，探討交互 設(shè)計(jì)師的作品集應(yīng)該如何設(shè)計(jì)，以期為旨在從事交互設(shè)計(jì)工作的同仁提供幫 助。既然是交互設(shè)計(jì)的作品，則不同于 GUI或平面設(shè)計(jì)，也不是用戶研究的結(jié)論展 示，而應(yīng)該是面對(duì)問題，綜合考慮提出最佳的解決方案并將其實(shí)施執(zhí)行，因此 交互設(shè)計(jì)師的作品集應(yīng)該重點(diǎn)突出實(shí)際項(xiàng)目中面對(duì)問題提出解決方案這一系列 過程，以及最終的效果。1. 設(shè)計(jì)案例最好是實(shí)際項(xiàng)目，而不是自己做的再設(shè)計(jì)交互設(shè)計(jì)師在實(shí)際工作中會(huì)遇到各種問題，面對(duì)的需求也可能五花八門，需要 與很多不同工種的同事進(jìn)行溝通，面對(duì)這些限制和問題如何找到最本質(zhì)的需 求，在

2、所提出的各種方案中找到最優(yōu)解是非常重要的能力，這些只有在真實(shí)項(xiàng) 目中才會(huì)遇到，而自己所做的再設(shè)計(jì)方案并不能遇到這些問題，因此作品集應(yīng) 該盡量展示這些實(shí)際項(xiàng)目。Standing on ConcreteI 卅翡 sut 許I日nArdept計(jì)- deuginiriq th*ClrtlnMJElDri ；： . - i -'jlCqwi. i-V to棗on# to ng-ntir-p4 do« wr sysiwi 說硝7 Lief * 斶car a seis 詢1 宜h> tan onLy cewrc ohrw sucei 血色 5 也 on 化心氏 愴H M 葉 rwjP

3、 V nght of IMH門t g zt俺 rules- me dr ts 傭即時(shí)丁 X don | uniserssofl沖益宀間 *l|ito pMItr brhjriwrrnred io丹電 aafl 幗fib TM 如職iff 於迅©工療呂押.inWiJFiLy< u*rc Cevfllop j ffsl for tic齡 itwotfe, will, get 舊*m for imprD*fmen& Wetry in idea, &xp<Dt« 亞n” ma 站衛(wèi) itefKir. Omfand z nEulEjan輩grow彭盹丿葉凹

4、口邑toI寸訊 4 Aii 肌gonEin wl«h 龍ncoon, ih?i 倉(cāng) atvg)rTPit Hnp(軒麟 powD怯 rus-e heee 的丐nt tn* 閔 turn riQhl! when gff the left,總n口 iwm left 冒訂紂 MUead m the ng/hLAt each制呻4>W| OfWlrd 1 prsrffr MH or aemm 喚 m 2*商盟學(xué)院 W- SUMMED COMvfnght dtitt r&>n feiim itt 陽(yáng) 2*盡量選擇實(shí)際項(xiàng)目2. 說明解決問題的過程，以及效果交互設(shè)計(jì)是對(duì)需求和問

5、題提出最優(yōu)的方案，單一的方案并不能很好的展示自己的專業(yè)性，設(shè)計(jì)案例應(yīng)該描述項(xiàng)目或者需求的內(nèi)容、存在的問題、設(shè)計(jì)師的提案及相應(yīng)分析、最終方案的優(yōu)越性，最好能展示該方案最終的實(shí)際效果，例如 帶來了多少流量、注冊(cè)量等。建議使用故事版、流程圖等直觀的形式來展示這 些內(nèi)容。嚴(yán)桿言匸丁¥夕三* Ite4 J 彳a KHiml jtoJohn SmithNIh嗎i|i<Hi !Impkmcntatiot:Step 3: preview” md confinn that tbe gift card lad personal note is correct!(Steps i-2-3-4 in t

6、he bcttom right comer are incorrect here, as well it's shewing that thiE is Step 2, even them鼻h 1tfs Step 3. "The progress bar does not商盟學(xué)院 YYW. SUHMEUG. HJNreflect the full progress up to this tep. either.)展示解決問題的整個(gè)思考過程2.使用去掉視覺效果的線框圖加上視覺效果的設(shè)計(jì)稿容易讓人將更多注意力置于非交互的部分，因此交互設(shè) 計(jì)案例應(yīng)該盡量展示線框圖和流程圖，并配上一定

7、的文字說明。線框圖可以采 用多種形式，包括手繪圖、Visio或者Axure做的線框圖，盡量采用多種設(shè)計(jì) 工具來展示自己的專業(yè)性。mobie moneyErAniiiiftAibevtViflHUpIhlrodiJion Paigrpli. Lo*-erri ip&um dofor $i| <imelB ccnseetuer adipjscing slit. Douse odio. OuiqLie votutpal mattis eros.T»4< En*iFircuih Etunfw 1W EVI PW "|K8fe9*d kd rii aStuffI

8、*'H?wCp Bjtis! TF44l.*d*科cfn 0*林* M號(hào)列比聲 4M! Kf lii fff * 再 CurrnlDcmirtu to ChiirtvTsrafi：呂Fibf匚曲卉Tplsa ths- Ry陽(yáng)1 |4w IliH'* C*fwv.aqyrprpNew£；Art 仲11 bvt>H4M owPtf5 L««m h>ftw fleefh Cari hr|p you&4C#fFt Tri#f* *商盟學(xué)院 ItfW.SUHMEHG.CON使用線框圖3. 嘗試使用具有交互效果的展現(xiàn)形式單純的方案截圖并不能

9、很好的展示設(shè)計(jì)元素的各種模態(tài)、交互流程和效果，特 別是移動(dòng)產(chǎn)品的設(shè)計(jì)，因此使用動(dòng)畫效果來展示方案，但是不應(yīng)該使用過多繁 復(fù)的操作增加閱讀者的成本。交互性的展示4. 注意圖片尺寸，展示設(shè)計(jì)細(xì)節(jié)每個(gè)設(shè)計(jì)方案圖片應(yīng)該突出一兩個(gè)重點(diǎn)來闡述該方案的優(yōu)越性，而且太大的圖 片會(huì)增加頁(yè)面的加載速度。單純的圖片也不能很好的說明方案成立的原因，需 要添加一定的文字說明。11"? O W AflBWtSeat WidthBackrest Recbne Aft*A|B|WinfeWwMptKytng pttxJud* 1 ” 1 才 of 14t By SpecificationAl'CflMQDn

10、H ifWaMAanLoad Capacity (supplier stated)Greater thanSeat DepthWeight (ka)Backrest Heig htLeg re st Length商盟學(xué)院SUMMENG. COIM方案的細(xì)節(jié)說明5. 注意整個(gè)作品集的品味、審美素質(zhì)交互設(shè)計(jì)師雖然更關(guān)注產(chǎn)品的信息架構(gòu)、操作流程等方面，但也應(yīng)該注意作品 集的整體性和美學(xué)性，注意作品集給用戶帶來的體驗(yàn)，這也可以更有說服力的 展示設(shè)計(jì)師的專業(yè)性。(D9 99 9966 6 66 dr'm HEfiry, j frwit-Bntl Atb devttofMw from 巳巧tTlj

11、nd. In juR 20121 gradu«ed Irwn uwefiM Wth # flrt H耐! hangar% 沖寸 rimrnedlCttw hjrvsmi to * full 1l<np議萌 I *l*g>faum>rdi 去 F >' < jood Lto. wti*ch I Ehini of my work aurl«C i krp my full porth>to ”4 w*bdefl 理嚨 <?wr&q lKfc k 比 0y|-d yigt/d mr tg wvffc infor <wH

12、k Irnpii gF Tiftml I rrwi* mHing to lrjvrH, EgjFfmiE Hi屮砧射t? hn th* 報(bào)曲 Id Euhef wj If you tww h pnojeft 賈Ou wrd hrp 刑他 rnnMCT 低盧 lwlor °r IW wt my pfoe(t p-w.P_$ i hw pjpf1 fcmcei注 drwIoprTicnt. HTM1L/CS& jutharlnf jnd akntcij犖and1 山實(shí)遠(yuǎn)=thmt are mithi q! my Maurice things iog.48277商盟學(xué)院厲站.SUMMENG. COM注意作品集的品味6. 提供最能體現(xiàn)自己水平的作品閱讀者在瀏覽作品集時(shí)通常會(huì)認(rèn)為這就是設(shè)計(jì)師最好的作品，因此應(yīng)該細(xì)致的 打磨作品集中的