如何创建自带动效可交互的新型作品集?设计达人

作品集永远是能最直观地体现设计师个人能力和审美的东西,而且它不仅可以作为我们对自己创作和成长的总结,更是面试时他人对我们进行评判的重要依据。

所以,一份足够优秀,足够新颖的作品集,对于每一个设计师来说都非常重要,他可能决定着我们机会的多少,也可能决定着我们的工资……

应该是目前最普遍的形式,没有字体和兼容问题,对于偏向图文展示的设计师来说基本够用,不过也只能满足纵向浏览的静态图文了,而且需要发送文件,控制文件大小也是个很头痛的事情;

一种比较理想的形式,既具备了链接优势,又可以不局限于图文,完整地按照自己的思路整理作品甚至演示交互,但是有一定的开发难度和维护成本,对设计师的综合能力要求较高。

当然,形式是一方面,一个合格的面试官也绝对不会只因为形式就拒绝一位优秀的设计师,但是如果每天要筛选成百上千份简历和作品集的话,浏览体验和展示效果必然还是会有不小的影响。

接下来,就为大家打开思路,为什么我们不能找一种方式,既能保证我们的内容展示,又能不局限于文件大小和图文效果,同时还不需要进行过多额外工作,来展示我们的作品集呢?

没错,我还真找到了这么一种不但满足以上优点,还非常新颖的作品集展现形式——即时设计。

当作品集本身和作品集的制作、浏览、演示都在设计工具之中时,我们可展现的部分必定会更多,形式也自然与以往有很大不同。

1.图文

如果你依然需要常规PDF形式的图文内容,那没有任何问题,就像我们在Sketch上做PPT做一样,即时设计也可以非常轻松地搞定图文排版。

而且相比PDF文档,在无限画布的设计工具中,也不再局限于单一的纵向浏览,排版形式更加丰富,既可以直接全局浏览查看整体效果,还能自由缩放移动聚焦感兴趣的信息。

2.图文+设计稿

除了图文,还可以利用设计工具的特性做出更多花样,比如图文和设计稿结合,提高作品集的真实性和说服力,每个设计师按照场景进行不同的组合排列,肯定会产生与普通图文差异更大的效果。

3.交互稿

不止设计稿,即时设计同样还支持原型交互,所以你完全可以用这种比线框图直观数倍的方式展示你的逻辑性和对交互的理解程度,当然,两者结合也OK。

另外,你还可以利用它的智能动画功能,在演示完整交互的同时展现你的动效创作能力,并允许他人直接在线预览和操作。

4.模拟真实网站

在简单的交互展示上更进一步,通过即时设计强大的原型功能,给设计好的网页加入各种点击、悬停、拖拽事件,我们甚至能完全模拟出一个真实的网站,每个动效,每个页面的跳转,每个弹层、浮窗,包括外链,几乎可以以假乱真。

刚刚提到了即时设计的原型功能,事件全,还有智能动画,满足大多数交互和动效需求,而设计功能也是相当完整,基本跟Sketch、XD和Figma一致,加上本土化的优势,让你使用起来几乎没有门槛甚至更容易上手,所以平时创作的任何内容,都可以在即时设计上快速完成并进行编辑维护。

好了,既然已经看到这里,那想来你一定已经对这种作品集的形式产生了浓厚的兴趣,可能也忍不住要把作品集放上去感受下了吧?

第一步不用说,自然是把自己以往的作品上传到云端了,或者也可以从零开始。

对于UI的设计师来说,最多的应该就是Sketch或者XD格式的文件,而即时设计同时支持了这两种格式,你可以直接导入到里面进行编辑和修改,非常方便。

如果你还有PS文件的话,可以先通过XD打开,保存为XD文件后再进行导入;其他的像C4D这种文件就算了,还是当成图片用吧……

要将不同作品整理到一起,直接复制粘贴即可。

你可以根据自己的需求,把不同类型的作品集分文件整理,也可以整合到一个文件里,但是建议分页面管理,尽量不要把所有作品都堆在同一个页面。

整理好作品后,我们可以将自己常规的作品集介绍放在首页做一个完整的展示,最优秀的作品也可以选择放在首页做好排版,如果要跳转其他作品的话,就可以通过即时设计的文本超链接功能来完成了。

这是一个非常实用的功能,它不是简单地跳转外链,而是可以一键跳转到设计稿中的任意一个页面甚至单个画板。

只要在页面或者画板处右键,复制链接,并添加到文本的超链中,就能实现在文件内或不同文件之间的跳转,也可以用来跳转预览页面,直接进行交互动效演示。

即时设计已经支持了很多进阶的功能,让我们可以更方便地优化内容排版并对作品集进行动效加持:

「自动布局」,可以用在自适应的图文、列表、卡片中,既能快速保证不同内容的对齐,还能大幅减少后续排版调整和设计稿维护修改时的手动操作;

「变体」,将已有的引用组件整理成变体之后,不仅在维护设计稿时可以更快速地一键切换组件状态,在实现组件间的交互时对效率的提升也尤为明显;

「智能动画」,除了前面比较简易的交互动效外,还可以将它自动补间的特性用在更为细节的内容如LOGO、图标、Loading等动效展示上,提高作品集的精致度。

字体,在作品集里的重要性显而易见,正是它让设计师选择了PDF而不是PPT。所以当用设计工具来承载作品集时,必然也躲不开字体问题,尽管自带了数十款云端字体,但对于大量的文字内容来说,肯定还是难以满足的~

上次讲资源的时候就已经提到了,即时设计同时满足本地、云端、个人导入三种字体使用方案,这也是即时设计最特殊的优势之一。

在丰富和包装我们的作品集时,也可以尝试利用下即时设计资源广场里的设计资源,不管是参考作品模板、画线框图,还是使用样机模型,都能提供不小的便利。

线上作品集还有一个优势,就是实时更新。

这也意味着,如果你在简历和作品集邮件已经发出去之后,突然想要补充或调整,可以直接在即时设计中完成,所有的修改都会实时同步到云端,保证对方随时看到的都是最新的内容,这一点也是PDF做不到的。

诶~没想到吧?!绕了一圈又回来了。

即时设计已经支持了导出PDF,所以就算你在里面做完了各种炫酷的作品集之后,遇到没办法使用或者不方便用的情况,依然可以通过导出最为常规的PDF文件来投递简历,怎么样,是不是很周到?

最后,希望大家都可以做出更优秀的作品集,并找到更适合自己的工作~

THE END
1.探索创意与功能的完美结合网站设计作品展示与灵感分享设计趋势与创新是推动网站设计不断发展的重要因素。设计师应当关注当前的设计趋势,以便在创作中融入新的元素和理念。例如,极简主义、扁平化设计和微交互等趋势,都是近年来受到广泛关注的设计风格。通过结合这些趋势,设计师能够为网站带来新鲜感,吸引更多用户的关注。 https://www.163.com/dy/article/JGPRB55A05569BV4.html
2.交互设计作品集创意设计作品图片素材交互设计作品集 分享 创建者栗子设计喵 创建时间:5年前|更新时间:4年前|内容数量:21|关注人数:84 UI-交互/UE Jade6666 4年前 个人简历 平面-品牌 59.1w 63 4355 Hanxinyu 5年前 Skootar-同城快递品牌形象&界面设计 UI-APP界面 1397 2 14 muyu0123...https://www.zcool.com.cn/collection/ZMzA3ODE2MjA=
3.交互作品中的关键词美国IDA国际设计大奖IDA设计奖由几位设计师、思想家和企业家于2007年创立,旨在针对设计领域缺乏对智能且可持续的多学科交互设计的奖项的状况,使建筑学,室内设计,产品设计,平面设计,服装设计等领域的新兴人才得以崭露头角。IDA希望帮助破除设计界对于旧规则的迷信,以新视角看待新诞生的独特创意和伟大作品。 https://www.jianshu.com/p/0884f0f8d0e9
4.大开眼界!2019年度设计精选大盘点2019年优秀动画设计,Top 5! 2019年优秀插图设计,Top 5! 废话不多说,快跟随我们的脚步一起欣赏2019年度全球优秀设计精选案例吧! 2019年优秀移动App设计,Top 6! 1.购物类App交互设计 设计团队:Curberto 年度点赞值:4552 这款优秀的购物类App设计作品出自两位来自加利福尼亚州的设计师之手,重点展示项目是其简洁、...http://www.360doc.com/content/19/1215/22/20854507_879976014.shtml
5.求职意向交互设计产品理项目作品集.pdf求职意向:交互设计/产品经理 Sketch项目案例| PS Axure AI产品 1频道V2.0|优化 2iSales3移动端天兔|设计咨询 视觉交互 HTML 3iSales3PO一站式|产品设计 前 端4智能睡眠APP|产品设计 AE SPSS (以上为2015-2016年的项目作品,进一步 了解可提供2012-2015年作品集) ...https://max.book118.com/html/2024/0103/8111114001006023.shtm
6....国外优秀UI交互界面设计和网页设计作品欣赏网Ui界面设计欣赏 - 汇集国内和国外优秀Ui交互设计作品欣赏,有韩国优秀网页设计欣赏,人机界面设计,软件UI界面设计,用户界面设计,手机UI界面设计,系统界面设计和游戏界面设计;UI交互设计效果图,著名企业手机网站设计和网页界面设计等。https://www.tooopen.com/work/16_0_1_0.html
1.求职敲门砖!一份优秀的交互设计作品集应该准备哪些内容?一份优秀的交互设计作品集应该准备哪些内容? Spell(高级产品设计@Salesforce):我觉得首先要明白的一点就是,为什么找交互设计,或者其他设计的工作需要作品集。从我面试各种设计师的经验来说,作品集其实是一个人设计风格和思考过程的折射。所以基于这个观点,我们来说说怎么用作品集来传达这些信息。https://www.uisdc.com/great-interaction-design-portfolio
2.交互设计作品集专题模板交互设计作品集图片素材下载我图网交互设计 作品集专题为您整理了6575个原创高质量交互设计 作品集图片素材供您在线下载,PSD/JPG/PNG格式交互设计 作品集模板下载、高清交互设计 作品集图片大全等,下载图片素材就上我图网。https://so.ooopic.com/sousuo/27854025/
3.推荐5个优质的交互设计作品集!交互设计作品集,注重的是思维逻辑,需要将自己的专业能力和掌握的专业知识分解,然后映射到对应的作品案例上,重点突出某一项能力,综合体现在整个交互设计作品集中。但更多的,还是要从优质的交互设计作品案例中,去学习和借鉴更多交互设计思维。因此本文为大家推荐 5 个大师级交互设计作品集,为大家带来更多作品集灵感。当然...https://js.design/special/article/5-Interactive-design-portfolio.html
4.11个优秀的交互设计作品集优漫动游经验/观点在交互设计作品集中,可以引导人们了解你的工作流程,分享你在简历甚至谈话都无法完全阐述出的细节。一个交互设计作品集将帮助面试官和用户都能更好地理解你的想法,以及你与众不同的地方。 通过与Semplice(我的设计师作品集系统)的合作,我看到了很多例子,这些例子表明:即使是复杂的交互设计工作也可以漂...https://www.ui.cn/project.php?id=657255
5.交互设计作品集那些事无论是选校,还是做作品集,有一个明确清晰的思路就事半功倍。但是在创作的过程中,很多同学并没有明确的思路,导致作品逻辑混乱。 首先,同学们需要明白,交互设计作品集是你个人能力的直接展示,要有一条完整的逻辑链,导师没有时间去看你这些不成熟的作品。 http://www.eduwxy.com/3410/n_364366.html
6.交互设计作品集案例(优秀的交互设计案例分析)交互设计留学作品集案例,留学交互设计专业养蛇少女获得Parsons在内5封带奖offer!优秀的交互设计案例分析,痴迷于美术、热衷于设计、跨越时间和距离准备交互设计作品集,前脚提交就收获了5枚美本offer,还有2所顶尖院校挥手就是一波奖学金。 交互设计作品集案例 https://www.psoneart.com/ysyx/3945.html
7.交互设计课程学习心得总结交互课程心得体会总结十、交互设计作品展示 作品如下: 十一、学习交互设计的好处 十二、交互设计理论与实践的碰撞: 十三、交互设计课程学习心得 结论 一、什么是交互设计? 1.1 先来看一下百度百科的定义 交互设计(英文Interaction Design, 缩写IXD),是定义、设计人造系统的行为的设计领域,它定义了两个或多个互动的个体之间交流的内容和结...https://blog.csdn.net/lishidan2003/article/details/139546764
8.交互设计作品集分享申请专业为交互设计,申请学位为本科,下面是作品集及offerhttps://www.siaedu.net/case/422.html
9.上海交互设计公司用户体验设计产品UI界面设计公司作品库51design-聚集全球优秀设计师和高质量用户,汇集交互设计业界精英,提供上海交互设计公司,用户体验设计产品,UI界面设计公司多元化设计服务。https://www.51design.com/index.php/works/4.html
10.探索交互设计领域:创新选题与论文题目构思指南2. 移动应用交互艺术 (1)研究移动设备的交互特点及其在设计中的应用 (2)设计一个交互式的移动应用,满足客户个性化需求 3. 80后”大学生人格特质比较研究 (1)探讨80后大学生的人格特质及其对交互设计的作用 (2)分析不同人格特质的大学生与交互设计作品的互动办法 ...http://www.slrbs.com/jrzg/aixuexi/217127.html
11.计算机部2017级UI交互艺术设计专业学生作品展2019年6月10日下午,计算机部UI交互艺术设计专业在校门口举办学生期末设计作品展。 该专业是与北京新迈尔科技公司合作的校企合作专业。采用“1+1+1”教学模式,具有独特的“产学一体化+创业孵化”培养模式。主要学习课程有移动端UI设计、网页UI设计与制作、创意图标设计、平面广告与电商UI设计、产品交互原型设计等。 https://www.xxszjzx.cn/f/transfer/xibudetail?id=1703543355004fdea5bb53b3da4e48b8&categoryId=363b747e0b14431bb69d8880e3f6eac7
12.中国美术学院音画交互设计MANA舞台美术交互设计声音设计装置艺术影像 舞台美术声音设计艺术影像装置交互设计 3037 NixNaud 《对话01》——音画交互实验影像 音画交互声音设计艺术影像 声音设计音画交互艺术影像 1412 wyolo0 《STILL DREAMING》 2020年中国美术学院毕业作品 投影音画交互舞台美术艺术影像 ...https://www.manamana.net/subjectDetail/83/home
13.UI设计教程!5种常用电商交互动效,让你的作品动起来获取海量免费设计资源,请访问资源广场 一、关于教程 动效在 UI 场景中的运用,极大的提升了用户的使用体验,也增加了产品的品质感。对于 UI设计师来说,会做动效,代表着更强的职场竞争力。本期教程,就教大家 5 种常用的交互动效,看完就让你的作品动起来~ ...https://uiiiuiii.com/ui/1212619100.html