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

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

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

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

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

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

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

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

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

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.交互设计作品集案例(优秀的交互设计案例分析)交互设计留学作品集案例,留学交互设计专业养蛇少女获得Parsons在内5封带奖offer!优秀的交互设计案例分析,痴迷于美术、热衷于设计、跨越时间和距离准备交互设计作品集,前脚提交就收获了5枚美本offer,还有2所顶尖院校挥手就是一波奖学金。 交互设计作品集案例 https://www.psoneart.com/ysyx/3945.html
2.交互设计作品集案例交互设计作品集案例,ACG艺术留学帮助该学生顺利拿到伦敦艺术大学交互设计研究生offer,提供最真实的艺术留学成功案例,可做更多同学的作品集培训/辅导/创作/分享/分析案例,参考更精彩的艺术留学故事!https://www.acgedu.cn/anliInfo-108.html
3.新人交互设计师的作品集制作方法(附优秀案例)设计教程经常有学生问起交互该怎么体现自己的作品与能力,所以今天就来说说新人交互设计师的作品集制作。 声明:本文用到的所有素材均经过授权,仅作学习交流,不得用于任何商业用途,否则一定追究法律责任。 特别感谢:家诚Leo、小和、Ding、Bubu 提供他们的作品集给我参考。 http://www.333cn.com/shejizixun/201928/43498_140066.html
4.线上分享听完这些优秀案例,交互作品通过率增加50%!讲解英美两大国的交互设计作品集风格和侧重点,带你快速了解适合自己的院校特点。 No.5 优秀作品集案例解析 往期优秀功案例经验分享,带你快速了解一个完整的交互项目流程。 No.6 互动答疑 这次直播课,一次性解决你对交互设计留学申请的全部疑问! 针对人群 https://m.mxsyzen.com/news/11987.html
5.UI交互1、最佳设计作品集网站合集 https://www.bestfolios.com/home 设计高手的设计作品都是怎么呈现的?这个名为 best folios 的网站将最优秀的设计师作品集都汇集整合到一起,每天还会有单独的编辑精选推荐。除此之外,网站还有简历设计范例、设计案例分享以及设计素材和资源的推荐,总体上也是个不可多得的设计案例、资源网站https://tieui.com/ialab/xingyezixun/
6.UX设计师:面试之前,需要准备的八大问题人人都是产品经理UX设计师的职责范围因不同的公司而有区别,国内大公司对执行的UX设计师会着重考察设计专业技能,如腾讯特别会抠细节,作品集上的文案、按钮的位置、线的粗细,样式都会被挑战,对于分工没有那么明确的公司,面试官本身的设计水平一般的话,根本无法深挖设计技能。硅谷的一些公司会有Product Designer这个职位,提需求,交互,视觉https://www.woshipm.com/zhichang/582409.html
7.推荐5个优质的交互设计作品集!交互设计作品集,注重的是思维逻辑,需要将自己的专业能力和掌握的专业知识分解,然后映射到对应的作品案例上,重点突出某一项能力,综合体现在整个交互设计作品集中。但更多的,还是要从优质的交互设计作品案例中,去学习和借鉴更多交互设计思维。因此本文为大家推荐 5 个大师级交互设计作品集,为大家带来更多作品集灵感。当然https://js.design/special/article/5-Interactive-design-portfolio.html
8.马克笔设计留学–艺术设计出国留学作品集辅导与设计留学申请作品集辅导 专业的辅导团队 -海外留学背景 -艺术设计名校 -层层筛选留任 -辅导经验丰富 多样的辅导形式 -私人定制方案 -线上线下组合 -前期免费评估 -后期申请保障 强大的学校资源 -名校合作招生 -优先录取通道 -世界名校任选 -专业文书写作 丰富的成功案例 http://www.makebi.net/
9.卡耐基梅隆大学交互设计硕士专业有哪些?作品集有哪些要求?近些年,随着互联网和智能科技的不断发展,人与智能产品之间的联系日益加深,用户体验问题也日益凸显,从而对交互设计师的需求量持续上涨,美国的交互设计专业一直领先全球,其中最出色的大学就是卡耐基梅隆大学,是全球交互设计专业学生的梦校,那么,问题来了,卡耐基梅隆大学交互设计硕士专业有哪些?作品集有哪些要求?接下来,就https://www.idp.cn/meiguo/zhuanyedingwei/183949.html
10.2023年澳洲大学交互设计专业排名这五大名校毕业后年薪百万学生可以选择在2D或3D动画,动态影像设计,交互设计,视觉特效,游戏开发,网站设计,角色设计,模型设计,应用和网站开发。 申请条件 ●语言要求 雅思6.5分,单项不低于6分 ●申请材料 大学在读证明,在读成绩或者学士学位,毕业证书,完整成绩单 ●作品集要求 作品集要包含15-30张个人作品(有些专业要求提供彩印的纸制作品集https://www.eol.cn/liuxue/aozhou/ys20240806547429.html
11.产品设计留学产品设计专业介绍产品设计作品集培训不同院校有不同的专业细分,哪种更适合自己?获取答案> 在哪里可以看到优秀的专业作品集?获取答案> 没有艺术基础,被海外名校录取几率大吗?获取答案> 申请本科和研究生的作品集,要求分别是什么?获取答案> 英美不同院校有什么风格差异?获取答案> 毕业设计可以直接拿来申请海外院校吗?获取答案> 我要提问申请https://www.siaedu.net/major/135.html
12.网站界面设计:7个优秀的网站UI视觉设计的作品案例—艾艺本文将透过这些网站案例,来聊一下优秀的网站UI视觉设计台前幕后的事情。 今天,艾艺搜集了几个Tubik Studio 内的设计师作品,它们是不同业务目标下的产物,这些UI设计作品从配色到动效,无疑都是相当惊艳的。今天,我们透过这些网站案例,来聊一下优秀的UI视觉设计台前幕后的事情。 https://www.adinnet.cn/bloginfo/2020_09/blog_5005.html
13.大开眼界!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
14.求职意向交互设计产品理项目作品集.pdf求职意向交互设计产品理项目作品集.pdf,@163.com 求职意向:交互设计 / 产品经理 Sketch 项目案例 | PS Axure AI 产品 1 频道V2.0 | 优化 2 iSales3移动端天兔 | 设计咨询 视觉 交互 HTML 3 iSales3 PO一站式 | 产品设计 前端 4 智能睡眠 APP | 产品设计 AE SPSS (以上为2https://max.book118.com/html/2024/0103/8111114001006023.shtm
15.皇家艺术学院RoyalCollegeofArt首页工业设计 交互设计 交通工具设计 产品设计 家具设计 游戏动画 游戏设计 动画设计 电影类 电影 电影制作 插画纯艺 插画 纯艺术 摄影 策展 绘画 音乐类 音乐制作 钢琴演奏 声乐表演 流行演唱 音乐教育 作品集培训 有问必答 视频攻略 成功案例 艺术导师 艺术资讯 关于我们 首页 > 国外艺术院校 > https://www.yiyiarts.net/school/74.html
16.数字媒体艺术设计作品集怎么制作流程有哪些数字媒体艺术设计?是一个跨学科、交叉学科领域。以下是小编整理的关于【数字媒体艺术设计作品集怎么制作_流程有哪些】相关信息,供大家参考。 什么是数字媒体艺术设计 ?数字媒体艺术设计?是一个跨学科、交叉学科领域,涉及美术、音乐、舞蹈、戏剧、雕塑、造型艺术、艺术设计、交互设计、数字图像处理技术等方面https://m.sfkedu.com/news/24243.html
17.艺术作品集培训艺术留学作品集辅导机构工业设计留学作品集 工业设计作品集案例 工业设计作品集案例 景观设计作品集图 景观设计作品集图 景观设计作品集案例 景观设计作品集案例 工业设计留学作品集 工业设计留学作品集 工业设计作品集案例 工业设计作品集案例 景观设计作品集图 景观设计作品集图 http://www.idesignedu.cn/