如何创建自带动效、可交互的新型作品集？

首先，作为一款在线UI设计软件，即时设计可以将我们的作品完整地存在云端，直接通过链接的方式分享出来，他人便能查看到你想展现的全部内容，完全没有文件大小限制。

•工具内容一体，展现方式多样

当作品集原本和作品集的制作、浏览、演示都在设计工具之中时，我们可呈现的个别必定会更多，形式也自然与先前有巨大不同。

1.图文

如果你永远必须常规PDF形式的图文内容，那没有任何问题，就像我们在Sketch上做PPT做一样，即时设计也可以比较轻松地搞定图文排版。

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

2.图文+设计稿

比如图文，还可以运用设计软件的特点作出更多花样，比如图文和设计稿结合，提高作品集的真实性和说服力，每个设计师根据画面进行不同的组合排列，肯定会造成与普通图文差异更大的效果。

3.交互稿

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

此外，你还可以运用它的智能动画功能，在演示完整交互的同时兼具你的动效创作能力，并允许别人直接在线预览和操作。

4.模拟真实网站

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

•全能型选手，制作维护成本低

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

好了，既然已经发现这儿，那想来你必定已经对这些作品集的方式形成了独特的兴趣，可能也忍不住要把作品集放出来展现下了吧？

其实，这些都是我用男孩伴的作品和官方资源做的一些简洁演示和小结，以展现为主，与真正的作品集仍然有巨大差别，那介绍完形式，下面我会再次分享一下制作方式和相关功能，相信大家在看完后，绝对能依靠着自己的作品和成就力，打造出足够惊艳的线上作品集。

如何构建我的新型作品集？1.作品导入上传

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

针对UI的设计师来说，最多的应当就是Sketch或者XD格式的文件，而实时设计同时支持了这两种格式，你可以直接导出到后面进行编辑和设置，非常方便。

如果你也有PS文件的话，可以先借助XD打开，保存为XD文件后再进行导入；其它的像C4D这种文件就算了，还是变成图片用吧……

2.作品整理

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

你可以按照自己的意愿，把不同类别的作品集分文件整理，也可以整合到一个文件里，但是建议分页面管理，尽量不要把所有作品都堆在同一个页面。

3.文本超链接

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

这是一个特别实用的功能，它不是简洁地跳转外链，而是可以一键跳转到设计稿中的任意一个页面或者单个画板。

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

4.排版优化和动效

即时设计早已支持了这些进阶的功能，让我们可以更便于地改进内容排版并对作品集进行动效加持：

•「自动布局」，可以用在自适应的图文、列表、卡片中，既能迅速保证不同内容的对齐，还能持续下降后续排版调整和设计稿维护修改时的自动操作；

•「变体」，将已有的引用组件整理成变体然后，不仅在维护设计稿时可以更迅速地一键切换组件状况，在推动组件间的交互时对强度的提高也尤为显著；

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

5.字体授权

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

而即时设计完美地解决了这个难题，不管我们想用哪个字体，都可以借助「导入本地图标」并「授权」给作品集文件的方法推动，让所有查看作品集的人都能正常显示任意文本，完全不用考虑别人手机里有没有某个字体！

这次讲资源的之后就早已看到了，即时设计同时满足本地、云端、个人导入三种字体使用方案，这只是即时设计最特殊的优势之一。

6.在线资源

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