产品设计作品集模板-11个优秀的交互设计作品集

无论你做什么类型的设计，在线交互设计作品集都是必须的。 在大多数情况下，公司和客户甚至不会考虑你的工作内容。 虽然很多交互设计师可能认为他们的作品无法以视觉方式呈现，但作品集对于交互设计工作来说确实很重要。

在交互设计作品集中产品设计作品集模板，引导人们完成您的工作流程，并分享您在简历甚至对话中无法完全捕捉到的细节。 交互设计作品集将帮助面试官和用户更好地理解你的想法以及你的与众不同之处。

在与Semplice（我的设计师作品集系统）的合作中，我看到了很多例子，这些例子表明，即使是复杂的交互设计工作也可以在一个漂亮的作品集中呈现。 我们可以关注一些有才华的UI设计师的作品集，学习用视觉的方式展示你的作品集，然后给人留下深刻的印象。

1. 库尔特·温特

关于库尔特的交互设计作品集，我最喜欢的事情之一是：它看起来最不像一个作品集。 对于交互设计作品集来说，很容易充满原型和文字。 库尔特确实分享了所有必要的细节，但同时设法使其在视觉上有吸引力。 注意他的布局、图标和文字，这些都是值得学习的。

访问 Kurt Winter 的作品集：

2. 莉兹·威尔斯

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

这使得读者可以轻松地从头到尾了解她的方法流程。 最令人印象深刻的是，她使用大量图像来说明她的创作过程：早期草图、注释笔记、线框图。 其中许多视觉效果只是从笔记本上撕下来卡通形象，或者快速写在白板上——任何用户体验设计师在任何特定时刻都可以轻松获得这些视觉效果。 但莉兹所做的远不止这些，她像拍摄照片一样拍摄这些笔记，并配有互补的背景和可爱的道具。 她展示了最终产品的图片和视频，使该项目在屏幕上栩栩如生。

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

访问 Liz Wells 的作品集：

3.伊萨·皮涅罗

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

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

（墨刀制作的互动原型，可获取分享链接并在作品集中分享）

Isa 还花时间为她的作品集添加一些个人风格。 查看她的两个独特的导航选项：带有两个直接菜单项的全屏导航，以及每个项目都有图像的基于图像的导航。 流畅的滚动和全屏封面滑块为她的交互设计组合增添了视觉冲击力。

访问 Isa 的投资组合：%204.%20Oykun%20Yilmaz

4.奥伊昆·耶尔马兹

Oykun Yilmaz 擅长通过对客户的一句话介绍和项目目标的简要概述来保持项目简介的简短和优美。 但他确保用精确的数字来呈现具体的结果，而这在许多交互设计组合案例研究中往往是缺乏的。 交互工作对人们来说似乎很抽象产品设计作品集模板，因此通过解释你的工作如何产生真正的影响来使其具体化。

访问 Oykun Yilmaz 的作品集：

5. 纳伊姆警长

纳伊姆警长的主题对读者来说看起来很干净，而且让读者觉得它很真实。 以他的 Ideapaint 案例研究为例，他在其中分享了“设计探索”阶段的重要性以及他通常如何进行。 在项目过程中甚至有一些问题要问自己，例如：“我们如何成功地展示类似产品之间的差异？用户如何知道为他们的空间购买多少油漆？” 随后，他们的团队分享了他们的解决方案。

对于可能需要交互设计师但不了解内部术语和事物运作方式的客户来说，这样的交互设计作品集更加实用。 这样的作品集让任何人，甚至是招聘人员（可能对设计一无所知）都可以轻松了解您的工作。

访问 Naim Sheriff 作品集：

6. 塞巴斯蒂安·马丁内斯

塞巴斯蒂安·马丁内斯在一页的作品集中向您介绍了他的作品。 他的案例研究很短，但他做了很多设计师忘记做的事情：他分享了他对最终产品的感受。 “这是我引以为豪的最完整、最有趣的产品之一吉祥物设计，”Sebastián Martínez 谈到他的 Monkop Test Cloud 项目时说道。 分享您对工作的感受不会花费您太多时间，但这是值得的。

在我们的“如何在 X 找到工作”系列中，我采访了顶级公司的设计师和招聘人员，只是询问我们如何才能在他们的设计团队中找到一份理想的工作。 他们中的许多人表示他们想知道您对该项目和结果的看法。 它为您的工作带来了深度，并为我们提供了了解您心灵的窗口。

访问塞巴斯蒂安·马丁内斯的作品集：

7. 胡萨姆·埃尔法基

Husam Elfaki 的交互设计组合案例研究在第一段中介绍了项目、目标和结果。 但他并没有就此停下来，把一堆照片扔在下面，而是分解了这个项目，解释了它的每个部分。

不要希望读者能够理解而放置图片——花点时间添加标题或简短的摘要来解释项目的细节。

访问 Husam Elfaki 的作品集：

8.卡莉和卡琳娜

Kali 和 Karina 致力于从概念到成品的工作。 他们很少提到 UX/UI 这个词，但在他们的案例研究中却隐含着这个词。 从精心设计的用户旅程、黑白草图到高保真原型，他们以讲故事的方式分享他们的项目。

访问 Kali 和 Karina 的作品集：

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

9.埃利奥特·欧文

埃利奥特·欧文 (Elliot Owen) 呼吁人们关注使他的项目取得成功的特定手势、互动和体验。 以他的英国航空公司为例。

他展示了一个小功能或特性如何对项目产生巨大影响。 他在适当的时候使用 GIF，不是为了让观众眼花缭乱或分散注意力，而是为了准确地展示他的交互设计项目是如何运作的。

访问 Elliot Owen 的作品集：

10. 维达·迪西利亚克

Veda Dsiljak 的案例研究几乎就像一个产品营销页面，他们的作品卖得很好。 不要仅仅用产品或项目的标题来命名页面，而是为它们编写一个明确的标题。 他们所做的首先是让人们感兴趣。 他在每个案例的末尾添加了原型的下载链接，以便读者可以亲自体验。

访问 Veda Dsiljak 的作品集：

11.贾森·袁

我们上面分享的一些示例允许您直接与作品集上的原型进行交互，但 Jason Yuan 使用带有鼠标指针的视频来可视化体验。 这样他就可以无障碍地引导读者了解产品的使用过程。

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

访问 Jason Yuan 的作品集：

在创建交互设计作品集时，就像在日常工作中一样，您需要深思熟虑并具有战略性。 花时间解释你的流程，引导读者完成你工作的每一步，并解释它如何产生影响，以便记住你的交互设计作品集。

本文由莫道根据 Vanschneider 的 10 个鼓舞人心的用户体验组合以及它们为何有效而编译而成。

作为一款在线原型制作和协作工具，墨刀已经帮助很多产品经理和设计师轻松制作交互式原型，展示和验证设计想法，还支持多人协作编辑、分享和评论。 新注册用户即可获得墨刀高级企业版15天免费试用！ 我们来尝试一下吧！