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

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

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

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

项目摘要

目前的任务

用户体验的挑战

UX解决方案

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

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

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

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

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

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

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

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

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

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

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

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

本文由墨刀编译自Vanschneider的10inspiringuxportfoliosandwhytheywork。

THE END
1.设计理论深度解析尼尔森十大交互设计原则今天我将结合实际案例来深入解析尼尔森十大交互设计原则,希望对大家有所帮助。 本文共3929字,需要阅读时间约10分钟~ Jakob Nielsen(雅各布·尼尔森)是毕业于哥本哈根的丹麦技术大学的人机交互博士,他拥有79项美国专利,主要涉及让互联网更容易使用的方法。他于1995年提出了“十大可用性原则”。这些原则对于设计师是非常重要...https://www.jianshu.com/p/22c8e81d5572
2.36个非常有趣的互动网站设计作品范例梦想天空(山边小溪)今天这篇文章就向大家分享从网上收集的36个非常有趣交互网站设计作品,一起欣赏。 梦想天空博客关注前端开发,展示最新HTML5和CSS3应用,推荐优秀网页设计案例。 英文来源:36 Interactive and Interesting Samples 编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源...https://www.cnblogs.com/lhb25/archive/2011/12/30/36-interactive-and-interesting-samples.html
3.一名交互设计师是否优秀,需要具备哪些核心专业能力?设计创新 具有设计创新能力,不被现存市面上的设计方案所束缚。有些设计师拿到需求后,脑子里面没有任何方案,都是先看竞品,然后参考竞品,做出类似的方案,整个设计过程缺乏创造力。 而一名优秀的交互设计师,拿到需求后,脑子里至少有三个以上的方案,然后分析每个方案的优缺点,找到最适合的方案。甚至还能想出更多创新的方...https://www.niaogebiji.com/article-66267-1.html
4.沉浸式展览丨国际知名沉浸式展览案例与设计思路分析六· 沉浸式展览的设计策略 (一)数字赋能下的感官体验 伴随着科技的高速发展,新型视听、人工智能、5G、AR、VR等新媒体技术在沉浸式体验中得到了充分的应用和发展。科技与传统文化的巧妙结合发展成为一种高品质的体验形式,艺术展览通过光影与交互技术、装置艺术、AR、VR等新媒体技术,为参观者创造一种具有文化内涵、充...http://sanyamuseum.com/a/chenliexuanjiao/2023/1115/4399.html
1.优秀的交互设计案例分享优秀的交互设计案例分享 当用户打开网站或应用时,他们首先会注意到明显的设计元素:logo,颜色,图标,插图和图像。 虽然这些元素确实有助于整体用户体验,但实际上它们都是交互设计的一部分。这个概念对于最终用户来说可能比华丽的新主页更敏感,不过,重要的还是创建引人入胜的直观数字体验。https://www.25xt.com/ucdchina/23294.html
2.交互设计作品集案例(优秀的交互设计案例分析)交互设计留学作品集案例,留学交互设计专业养蛇少女获得Parsons在内5封带奖offer!优秀的交互设计案例分析,痴迷于美术、热衷于设计、跨越时间和距离准备交互设计作品集,前脚提交就收获了5枚美本offer,还有2所顶尖院校挥手就是一波奖学金。 交互设计作品集案例 https://www.psoneart.com/ysyx/3945.html
3.17个优秀设计案例,帮你快速了解情感化设计优设网接下来,我们就从案例中分析,作为设计师该如何在这三个层次中做好情感化设计。 一、本能层 —— 感官刺激 对于本能层,设计师可以在符合功能需求的前提下,尽力给用户带来听觉、视觉、触觉的感官刺激,促成用户与产品的 “一见钟情”。 作为一款国民级应用,支付宝出行功能下的每个 icon 都做得很用心,小动画让交互更...https://www.uisdc.com/emotional-design-2
4.siteinspire致力于分享推荐优秀网页及交互设计案例A showcase of the world's finest web design.https://www.siteinspire.com/
5.5个出色的Axure交互设计案例分享给你!今天介绍的 5 个 Axure 交互设计案例涵盖的类型都比较全面,适用于大部分的交互设计场景,可以充分满足设计师朋友们对 Axure 交互设计案例的需求,如果还是觉得不够,可以到即时设计的资源广场看看,点击注册!那里还有更多出色的 Axure 交互设计案例等你去探索。希望今天的内容能对你寻找到出色、优秀的 Axure 交互设计案例...https://js.design/special/article/axure-interaction-design-case.html
6.@所有人春风送岗:有一种心安一一家门口就业澎湃号·政务4、熟悉交互设计理论,能够将优秀的交互设计落地到产品中; 5、关注前端前沿技术,具备较强的学习能力。 6、需要前后端分离相关VUE开发经验 职位描述 1、负责前端研发工作,主要包括前端客户端方向,覆盖后台web应用、智能建站、数据可视化等方向; 2、参与并主导团队前端工程化体系建设,逐步提升研发效率、研发质量, ...https://www.thepaper.cn/newsDetail_forward_11203752
7.如何设计一款赏心悦目的后台系统界面?该设计由多个优秀的设计团队共同设计完成,在设计过程中充分考虑了不同使用者的用户需求,尽可能完整地保留了相关功能。简洁的页面呈现方式和流畅的交互效果可以带给使用者很好的用户体验,值得各位设计师小伙伴们共同学习。 以上就是本期小摹为大家分享的20款后台系统优秀设计案例,希望能给大家带来不一样的灵感。接下来...https://maimai.cn/article/detail?fid=1419833975&efid=stPQ4BJdAuw0H6_WaBptww
8.6款交互设计用的软件,设计行业佼佼者!协作和共享:Adobe XD 支持团队协作和共享,设计师可以与其他设计师和利益相关者一起在同一项目上工作。设计师可以共享设计稿和原型链接,收集反馈和意见,并进行实时的协作。 2.2 使用案例 Adobe XD 是一款专业的交互设计用的软件,广泛应用于用户界面设计和原型制作。以下是一些使用 Adobe XD 的案例: ...https://pixso.cn/designskills/software-for-interaction-design/
9.视觉设计师应该掌握的五类交互逻辑一个优秀的平台视觉设计师,应当是通过好的视觉表达,按照交互信息层级关系,将信息内容传递给用户。这里视觉同学要避免两个误区:完全按照交互框架和排布,只是纯粹填色;从「好看」的角度重新布局,忽略交互层级关系。 案例 下图是美妆频道的一次改版,通过观察交互稿和视觉稿可以看到,这位视觉设计师在交互稿的基础上,采用了...https://www.chengzhushuo.com/articlecontent.html?id=769
10.好设计和坏设计:五个我们值得学习的案例设计的威严很多时候,我们设计师都会被新颖的交互风格或操作所吸引,但是当你的设计可能会增加用户操作的阻力时,一定要保持谨慎。大多数时候,经历了多次测试的交互惯例(例如,简单的点击或滑动)会更加有效。 好的设计:iOS中的弹性滚动 有趣的是,有意地增加用户操作中的阻力也能产生优秀的设计。苹果公司在其移动操作系统iOS中最受...https://www.shangyexinzhi.com/article/details/id-352751/
11.51design工业设计产品设计公司品牌工业设计51design-优秀设计师和高质量用户,甄选创新资源,精准匹配需求,提供以产品设计、品牌设计、交互设计及空间设计四链融合的整合性众创设计服务。http://51design.com/