交互设计师应该如何设计作品集

1、交互设计师应该如何设计作品集等论坛都有相关的讨论，本文总结这些观点并针对自己求职的体会，探讨交互 设计师的作品集应该如何设计，以期为旨在从事交互设计工作的同仁提供帮 助。既然是交互设计的作品，则不同于 GUI或平面设计，也不是用户研究的结论展 示，而应该是面对问题，综合考虑提出最佳的解决方案并将其实施执行，因此 交互设计师的作品集应该重点突出实际项目中面对问题提出解决方案这一系列 过程，以及最终的效果。1. 设计案例最好是实际项目，而不是自己做的再设计交互设计师在实际工作中会遇到各种问题，面对的需求也可能五花八门，需要 与很多不同工种的同事进行沟通，面对这些限制和问题如何找到最本质的需 求，在

2、所提出的各种方案中找到最优解是非常重要的能力，这些只有在真实项 目中才会遇到，而自己所做的再设计方案并不能遇到这些问题，因此作品集应 该尽量展示这些实际项目。Standing on ConcreteI 卅翡 sut 许I日nArdept計- 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 佣即时丁 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 站卫 itefKir. Omfand z nEulEjan輩grow彭盹丿叶凹

4、口邑toI寸讯 4 Aii 肌gonEin wl«h 龍ncoon, ih?i 倉 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*商盟学院 W- SUMMED COMvfnght dtitt r&>n feiim itt 阳 2*尽量选择实际项目2. 说明解决问题的过程，以及效果交互设计是对需求和问

5、题提出最优的方案，单一的方案并不能很好的展示自己的专业性，设计案例应该描述项目或者需求的内容、存在的问题、设计师的提案及相应分析、最终方案的优越性，最好能展示该方案最终的实际效果，例如 带来了多少流量、注册量等。建议使用故事版、流程图等直观的形式来展示这 些内容。严杆言匸丁¥夕三* 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商盟学院 YYW. SUHMEUG. HJNreflect the full progress up to this tep. either.)展示解决问题的整个思考过程2.使用去掉视觉效果的线框图加上视觉效果的设计稿容易让人将更多注意力置于非交互的部分，因此交互设 计案例应该尽量展示线框图和流程图，并配上一定

7、的文字说明。线框图可以采 用多种形式，包括手绘图、Visio或者Axure做的线框图，尽量采用多种设计 工具来展示自己的专业性。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号列比声 4M! Kf lii fff * 再 CurrnlDcmirtu to ChiirtvTsrafi：吕Fibf匚曲卉Tplsa ths- Ry阳1 |4w IliH'* C*fwv.aqyrprpNew£；Art 仲11 bvt>H4M owPtf5 L««m h>ftw fleefh Cari hr|p you&4C#fFt Tri#f* *商盟学院 ItfW.SUHMEHG.CON使用线框图3. 尝试使用具有交互效果的展现形式单纯的方案截图并不能

9、很好的展示设计元素的各种模态、交互流程和效果，特 别是移动产品的设计，因此使用动画效果来展示方案，但是不应该使用过多繁 复的操作增加阅读者的成本。交互性的展示4. 注意图片尺寸，展示设计细节每个设计方案图片应该突出一两个重点来阐述该方案的优越性，而且太大的图 片会增加页面的加载速度。单纯的图片也不能很好的说明方案成立的原因，需 要添加一定的文字说明。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商盟学院SUMMENG. COIM方案的细节说明5. 注意整个作品集的品味、审美素质交互设计师虽然更关注产品的信息架构、操作流程等方面，但也应该注意作品 集的整体性和美学性，注意作品集给用户带来的体验，这也可以更有说服力的 展示设计师的专业性。(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* 報曲 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 山实远=thmt are mithi q! my Maurice things iog.48277商盟学院厲站.SUMMENG. COM注意作品集的品味6. 提供最能体现自己水平的作品阅读者在浏览作品集时通常会认为这就是设计师最好的作品，因此应该细致的 打磨作品集中的