11个优秀的交互设计作品集

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

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

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

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

1. Kurt Winter

在这里插入图片描述

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

在这里插入图片描述

点击访问Kurt Winter的作品集

2. Liz Wells

在这里插入图片描述

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

  • 项目摘要

  • 目前的任务

  • 用户体验的挑战

  • UX解决方案

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

在这里插入图片描述

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

点击访问Liz Wells的作品集

3. Isa Pinheiro

在这里插入图片描述

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

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

在这里插入图片描述
在这里插入图片描述

(用墨刀做的交互原型,可以获取分享链接分享到作品集里)

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

点击访问Isa的作品集

4. Oykun Yilmaz

在这里插入图片描述

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

点击访问Oykun Yilmaz的作品集

5. Naim Sheriff

在这里插入图片描述

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

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

在这里插入图片描述

点击访问Naim Sheriff作品集

6. Sebastián Martínez

在这里插入图片描述

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

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

点击访问Sebastián Martínez的作品集

7. Husam Elfaki

在这里插入图片描述

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

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

点击访问Husam Elfaki的作品集

8. Kali and Karina

在这里插入图片描述

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

点击访问Kali and Karina 的作品集

在这里插入图片描述

(通过墨刀制作的高保真交互原型)

9. Elliot Owen

在这里插入图片描述

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

在这里插入图片描述

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

点击访问Elliot Owen的作品集

10. Veda Dsiljak

在这里插入图片描述

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

点击访问Veda Dsiljak的作品集

11. Jason Yuan

在这里插入图片描述

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

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

点击访问Jason Yuan 的作品集

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

————————————

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/72164.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Websocket的基本认识、使用与封装

目录 一、Websocket是什么 二、Websocket的基本使用 使用介绍 第一步 第二步 第三步 第四步 常用API介绍 WebSocket(url[, protocols]) WebSocket.readyState WebSocket.send(data) WebSocket.close([code[, reason]]) WebSocket.bufferedAmount WebSocket.exten…

asp.net paypal信用卡支付功能

前段时间有个客户网站需要用到信用卡支付功能,客户有个Website Payments Pro的帐号,第一次做这东西花了很多时间在上面,已做好运行了一段日子, 现在总结一下: 1. 先注册一个paypal开发者帐号,这个主要用于s…

通义听悟诞生背后,AI大模型打响应用第一枪

配图来自Canva可画 2023年伊始,ChatGPT的爆火出圈,迅速引发了业界对于生成式AI应用的关注,AI大模型的竞争更是愈演愈烈。 作为参与其中的重要玩家,阿里云先是在4月11日举行的阿里云峰会上,推出了通义千问大模型。紧接…

开发私有chatGPT(二)openai前景展望

使用 OpenAI 的强大模型构建下一代应用程序。 GPT-3可以执行各种自然语言任务、Codex 可以将自然语言转换为代码的 ,DALLE,用于创建和编辑原始图像。 DALLE 开发人员现在可以开始使用,已经有超过3万人已经在使用DALLE来扩展他们的创造力并加…

快给你的对象做一个微信公众号播报吧-java版

一、前期准备 1.注册微信测试公众号 使用微信扫码登录此网站https://mp.weixin.qq.com/debug/cgi-bin/sandbox?tsandbox/login就能得到一个微信公众号测试号 推送消息需要用到的信息 用户扫码关注得到用户的id 编辑消息模板 此步骤的模板id、用户微信号id、以及自己的appID、…

2013年10月微软MVP当选名单揭晓!

微软公司于2001年8月起开始在亚洲与各大主要的第三方网站上的微软技术相关论坛合作,微软称之为“亚洲社区支持”计划。 为了鼓励大家在论坛中更好地互相帮助,共同提高,微软在全亚洲的微软论坛参与者中评选出那些技术水平高,积…

八大排序·希尔排序

大家好,我是安然无虞。 文章目录 希尔排序1.基本思想预排序 2.算法实现3.时间复杂度 遇见安然遇见你,不负代码不负卿。 插入排序分为两种:直接插入排序&希尔排序 希尔排序 1.基本思想 希尔排序是在直接插入排序基础上的优化&#xff0c…

十大排序之希尔排序

希尔排序 希尔排序(Shell Sort)是插入排序的一种算法,是对直接插入排序的一个优化,也称缩小增量排序。 希尔排序是非稳定排序算法。 希尔排序因DL.Shell于1959年提出而得名。 希尔排序是将待排序的数组元素按下标的一定增量分组 &#xff…

NBA球员出手位置分布图

小白一只,想转行互联网行业的数据分析,通过寒假的佛系学习对python有了一定的了解。记录一下第一个小玩意儿。 在刷crossin论坛的时候突然看到一篇关于NBA的数据分析,因为本身自己也非常喜欢打球,顿时就有了兴趣。 由于对python…

【八大排序(二)】希尔排序(谁说天才都短命?)

💓博主CSDN主页:杭电码农-NEO💓   ⏩专栏分类:八大排序专栏⏪   🚚代码仓库:NEO的学习日记🚚   🌹关注我🫵带你学习排序知识   🔝🔝 Shell排序 1. 前言🚩2. 希尔排…

网络安全工程师需要考什么证吗?

目前网络安全行业,国内都有哪些证书可以考。 一、CISP-PTE (国家注册渗透测试工程师) CISP-PTE即注册信息安全渗透测试工程师,该证书由中国信息安全测评中心颁发,证书是国内唯一认可的渗透测试认证,专业性…

网络安全有哪些岗位?如何成为一名优秀的网络安全工程师?

网络安全是什么? 首先说一下什么是网络安全?其中,网络安全工程师工作内容具体有哪些? 网络安全 确保网络系统的硬件、软件及其系统中的数据受到保护,不因偶然的或者恶意的原因而受到破坏、更改、泄露,系统…

为什么说,网络安全工程师是网安行业的天花板?

为什么说,网络安全工程师是网安行业的天花板? 最近看到网上有很多人在问诸如:“怎样成为网络信息安全工程师”等相关问题,甚至还有人说“网络安全工程师已经成为这个行业的天花板”,这可能与近几年网络安全事件频发&a…

网络安全工程师必备的七大技能

网络安全有多重要 网络安全非常重要,因为在现代社会中,人们日常生活中的很多方面都与网络有关。随着互联网和数字技术的不断发展,人们已经变得越来越依赖网络,网络已经成为了商业、金融、通信、交通、能源、医疗、教育等各个领域…

软考网络工程师

网络工程师备考经验 2022年上半年网络工程师的考试已经接近尾声,成绩也在7月23号出来了,本人运气很好,在这次考试中取到了满意的成绩,下面是查询结果。 配套资料: 链接: https://pan.baidu.com/s/1b486ZUOYpjsNN-9oK…

网络安全工程师是做什么的?

顾名思义,网络安全工程师主要是维护网络的安全和稳定,对网页篡改、计算机病毒、系统非法入侵、数据泄密、网站欺骗、服务瘫痪、漏洞非法利用等信息安全事件进行维护。从社会角度来看,网络安全工程师在维护个人信息安全和解开黑客攻击上发挥着…

网络安全有哪些岗位,如何成为一位优秀的网络安全工程师?

网络安全是什么? 首先说一下什么是网络安全? 网络安全工程师工作内容具体有哪些? 网络安全是确保网络系统的硬件、软件及其系统中的数据受到保护,不因偶然的或者恶意的原因而受到破坏、更改、泄露,系统连续可靠正常地…

网络安全工程师和网络工程师一样吗(网络安全工程师与网络工程师)

前言 今天给各位分享网络安全工程师和网络工程师一样吗的知识,其中也会对网络安全工程师与网络工程师进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、网络工程师、网…

如何成为一名合格的网络安全工程师?需要掌握那些能力?

近期网络的迅速发展,网络安全成为了一个备受关注的话题。随之而来的是网络安全工程师这个职业的兴起。成为一名合格的网络安全工程师需要具备哪些能力呢?下面我们来一一探讨。 首先 网络安全技术方面是网络安全工程师必须掌握的能力之一。网络安全技术…

网络安全工程师考证指南

已经到2023年了,那么信息安全类证书最有前途的有哪些呢?今天和大家一起聊聊这个话题! 1.CISP(国家登记的信息安全专业人员) 就CISP而言,安全实践者基本耳闻,算是国内权威认证,毕竟有政府背景为认证做背书…