作为设计师都希望自己能在关键时刻展示一个niubility的作品集,但如何能与众不同,给人眼前一亮这个问题却令人头疼。

有的铁汁问我应该建一个自己的个人网页么?巴特,ta又不太懂网页开发的代码,而且也不想花银子。

于是我找到了一个niubility的方式:把作品集造到Figma里。

随着我近日的小调研,偶然发现最近Figma新上了一个功能:Figma Link

https://www.figma.com/proto/nQBlTb72SUA6us2gEq5cCy/Figma-Links-Playground

学会这个Figma新功能,让你的作品集变得Niubility!

Figma这个上新功能的方式也是够特别的,借用一个国外友人形容ta的原话是酱婶滴:

他们直接在Figma里面建了个新项目来介绍Figma link以及它的使用有多么niubility(包含小问答游戏),个人觉得用自己的产品介绍产品新功能的这波操作实在是太6了。

看到这里我就突发奇想,为什么没人用Figma当作他们的平台去做一个作品集呢?感觉今日的Figma已经今非昔比了,虽然在大厂的普及率还不高,但比刚出来的时候强大很多。你可以创建原型和互动跳转,你也可以在原型里附带链接,甚至还可以创建矢量图等等,最重要的是它还是免费的,随时可以白piao。

Figma的应用都是对社区开放的,你可以在上面找到一大堆超级有用的插件/设计参考/甚至是一个niubility的设计系统。所以也许它不单可以承载作品集,也许还可以当作述职ppt,插画展示册等等。

学会这个Figma新功能,让你的作品集变得Niubility!

另外,云存储的特点也让Figma作品集轻松小容积,妈妈再也不用担心我怎么去把50页高清pdf压缩到10m以内了。

于是乎,我就开启了我的Figma作品集之路...

在Figma里创建作品集最重要的一个工具就是原型,这也是它区别于别的平台很重要的一点。Figma可以让你真的体验产品,从一个页面直接跳到另一个页面,感受各种拖动/滚动/的交互,甚至动图和延时交互。所以我觉得要让作品集出彩的话,很有必要把这些Figma功能都综合起来。

最后的成品可能是这样的:

学会这个Figma新功能,让你的作品集变得Niubility!

请一定在PC上体验一下:hanra.xyz

https://www.figma.com/proto/SMy7cXUVI6nvVJLia59ImX/by-Hanra

这里就不放保姆级搭建教程了,因为太长了也不难,大家可以尝试设计出不同吊炸天的效果,这里就给大家一些做时候的小提示:

1. Figma无法同时使用hover和滚动交互。

hover的时候就不能滚动,Figma官方也在考虑提升他们的原型体验,相信这个问题不久后应该会解决。

2. 只能满足一种视图的原型预览

希望未来可以考虑多种视图的原型预览,可以同时适配移动端和PC端的预览。

3. 制作作品集的时候记得压缩图片

Figma作品集因为是云加载还是会存在图片过大加载慢的情况,所以大家要记得压缩图片再制作哦。

4. 你可以把它做的更像个人网页一点

你可以尝试使用bit.ly或者其他短链工具使链接看上去更短,或者购买域名与原始链接做绑定。

5. 小代码让它看上去更像个产品

你可以在你分享的链接后加入代码:

&scaling=scale-down-width&hide-ui=1

它可以移除顶部的工具栏并合理缩放,让它看上去更像一个产品。

最后申明,我不是Figma宣传大使,也没有拿他们一毛钱的赞助费,巴特,我觉着他们应该给我赞助费的。同意的铁汁请点个“赞”,谢谢。

欢迎关注作者的微信公众号:「Nana的设计锦囊」

学会这个Figma新功能,让你的作品集变得Niubility!

收藏 200
点赞 45

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。