交互设计作品集案例

不管你做什么样的设计，一个在线交互设计作品集都是必备的。在大多数情况下，公司和客户根本不会考虑你是做什么工作的。虽然很多交互设计师可能认为自己的工作不能很好地以视觉化的方式呈现出来，但一个作品集对于交互设计工作来说真的很重要。

在交互设计作品集中，可以引导人们了解你的工作流程，分享你在简历甚至谈话都无法完全阐述出的细节。一个交互设计作品集将帮助面试官和用户都能更好地理解你的想法，以及你与众不同的地方。

通过与Semplice（我的设计师作品集系统）的合作，我看到了很多例子，这些例子表明：即使是复杂的交互设计工作也可以漂亮的作品集的方式呈现出来。 我们可以去留意一些有才华的UI设计师的作品集，学习用可视化的方式来展现你的作品集，进而让人们对此留下深刻的印象。

1. Kurt Winter

我最喜欢Kurt 的交互设计作品集的一点是：它看起来最不像是一个作品集。对于交互设计作品集来说，很容易塞满一些原型图，堆砌文字。 Kurt 确实分享了所有必要的细节，但同时成功地使它具有视觉吸引力。注意观察一下他的布局、图标和文本，这些都是值得学习借鉴的。

访问Kurt Winter的作品集：http://semplice.com/showcase/kurt-winter

2. Liz Wells

Liz Wells 是我们交互设计作品集的代言人。 她的作品集不仅让人眼前一亮，而且让人很容易理解她到底在做什么，以及她的作品是如何融入一个成功的最终产品的。每个案例研究都讲述一个具有相似结构的故事：

项目摘要目前的任务用户体验的挑战UX解决方案

这使得读着很容易理解她从头到尾的方法流程。最令人印象深刻的是，她用了大量的图片来说明她的创作过程: 早期的草图，批注笔记，线框图。 许多这样的视觉效果都是简单地从笔记本上撕下来的，或者快速地写在白板上——这些视觉效果是任何UX设计师在随时随刻都能得到的。但 Liz 做的还远远不止这些，她拍摄这些笔记就像你拍摄印刷品一样，有互补的背景和可爱的小道具。她将最终产品的图片和视频呈现出来，让这个项目在屏幕上栩栩如生。

你可能会认为没有太多要展示的过程，尤其是策略和研究阶段，但是即使是头脑风暴的速记笔记也可能对你的交互设计作品集有价值。 将这些小片段保存在你的整个项目中，你会惊奇地发现这个故事在之后是多么的容易拼凑起来。

访问Liz Wells的作品集：https://www.semplice.com/showcase/lizvwells

3. Isa Pinheiro

与Liz的“幕后“式的案例研究相反，Isa Pinheiro在她的交互设计作品集中分享了精美的成品，并解释了她的工作如何影响最终用户。

以她在日本铁路系统的项目为例。Isa在页面中嵌入了交互式原型，因此读者可以直接从她的产品作品集中体验成品。如果你没有从早期项目阶段分享的点点滴滴，这是一个很好的解决方案。

（用墨刀做的交互原型，可以获取分享链接分享到作品集里）

艾萨（Isa）还花时间在自己的作品集中添加了一些个人风格。看看她的两个独特的导航选项：一个是带有两个直接菜单项的全屏导航，另一个是每个项都配图的图像式导航。平滑的滚动和全屏封面滑块为她的交互设计作品集增添了视觉冲击。

访问Isa的作品集：https://www.semplice.com/showcase/isapinheiro%204.%20Oykun%20Yilmaz

4. Oykun Yilmaz

Oykun Yilmaz 擅长用一句话介绍客户并简要概述项目目标，从而使他的项目摘要简短而优美。 但是他会确保用精准的数字来呈现具体的结果，这往往是许多交互设计作品集案例研究都缺乏的。交互工作在人们看来似乎是抽象的，所以可以通过解释你的工作是如何产生实际影响的，让它具体化。

访问Oykun Yilmaz的作品集：https://www.semplice.com/showcase/oykun

5. Naim Sheriff

Naim Sheriff的主题对于读者来说看起来很简洁，使读者看起来很真实。 以他的Ideapaint案例研究为例，他在其中分享“设计探索”阶段的重要性，以及他通常如何进行。 甚至例出了在项目过程中问自己的问题，例如：“我们如何成功展示出相似产品之间的差异？用户怎么知道该为其的空间买多少油漆?” 随后，他们团队分享了解决方案。

对于那些可能需要交互设计师，但又不了解内部术语和工作方式的客户来说，这样的交互设计作品集更加接地气。这样的作品集能让任何人，即使是招聘员（可能对设计一无所知）都容易理解你所做的工作。

访问Naim Sheriff作品集：https://www.semplice.com/showcase/naimsheriff

6. Sebastián Martínez

SebastiánMartínez 用单页作品集的方式带你了解他的作品。 他的案例研究很短，但是他做了很多设计师忘记做的一件事：他分享了他对最终产品的感觉。 “这是我感到自豪的最完整，最有趣的产品之一，”SebastiánMartínez谈到他的 Monkop Test Cloud 项目时说道。分享对工作的感受不会花费你的太多时间，但很有价值。

在我们的“如何在X找到工作”系列中，我采访了顶级公司的设计师和招聘人员，只是询问我们如何能够在他们的设计团队中获得一份理想的工作。 他们中的许多人都说，他们想知道你对项目和结果的看法。 它给你的工作带来了深度，并给了我们一个进入你心灵的窗口。

访问Sebastián Martínez的作品集：https://www.semplice.com/showcase/sebastian-martinez

7. Husam Elfaki

Husam Elfaki的交互设计作品集案例研究在第一段会介绍项目、目标和结果。但他并没有就此打住，把一堆照片扔在下面，而是将项目分解，解释项目的每一部分。

不要想着放上图片你的读者能够理解它们的意思——花时间去写上标题或简短的摘要，解释你项目的来龙去脉。

访问Husam Elfaki的作品集 ：https://www.semplice.com/showcase/husamelfaki?utm_source=uxmastery&utm_campaign=uxmaster_guest_post

8. Kali and Karina

从概念到成品，Kali and Karina 的工作涉及到全流程。她们很少提到UX/UI这些字眼，但这都隐含在他们的案例研究中。从精心设计的用户旅程、黑白草图到高保真的原型图，她们像讲故事一样分享她们的项目。

访问Kali and Karina 的作品集：https://www.semplice.com/showcase/kaliandkarina/

（通过墨刀制作的高保真交互原型）

9. Elliot Owen

Elliot Owen 呼吁人们注意特定的手势、互动和经验，这使他的项目取得成功。以他的 British Airways 为例。

他展示了小的功能或特性如何对项目产生重大影响。 而且他在合适的地方使用的GIF，不是为了让观众眼花缭乱或分心，而是准确地展示了他的交互设计项目的工作方式。

访问Elliot Owen的作品集：https://www.semplice.com/showcase/byelliotowen

10. Veda Dsiljak

Veda Dsiljak的案例研究几乎就像是产品营销页面，他们的作品销售得如此出色。不只是用产品或项目的标题来命名页面，而是为它们撰写一个性标题。它们的作用就是一开始就引起人们的兴趣。 他在每个案例的结尾都添加了原型的下载链接，以便读者可以亲自体验。

访问Veda Dsiljak的作品集：https://www.semplice.com/showcase/vedadsiljak

11. Jason Yuan

我们以上分享的一些示例是允许你在作品集上直接跟原型进行交互，但 Jason Yuan 是使用带有鼠标操作轨迹的视频来可视化体验。通过这种方式，他能引导读者无障碍地明白产品的使用过程。

年轻设计师们可以学习这一点：Jason为Apple设计的作品是自发的重新设计，但设计是如此详尽周到，感觉就像是真正的客户作品。 自发的重新设计是一种很好的方式，可以在你的职业生涯初期或你希望进入新的设计道路时展示你的技能和兴趣。 我总是建议说不要给像苹果这样的大公司进行自发设计，因为它们已经是一个成熟的知名品牌，这太容易了。 不过对于Jason来说，他成功做到了对FastCoDesign，Next Web，Mic等产品的设计。

访问Jason Yuan 的作品集：https://www.semplice.com/showcase/jasonyuan

在创建交互设计作品集时，就像在日常工作中一样，需要深思熟虑以及具有战略性。 花一些时间来解释你的流程，让你的读者了解你工作的每一个步骤，并说明它是如何产生影响的，这样你的交互设计作品集就能被记住了。

本文由墨刀编译自Vanschneider的10 inspiring ux portfolios and why they work。

墨刀作为一款在线原型设计与协同工具，已经帮助众多产品经理和设计师们轻松做出交互原型，展现和验证设计想法，还支持多人协作编辑，分享和评论。新注册用户即可获得墨刀高级企业版的15天免费试用！开始体验一下吧！