作为设计师都希望自己能在关键时刻展示一个niubility的作品集,但如何能与众不同,给人眼前一亮这个问题却令人头疼。
有的铁汁问我应该建一个自己的个人网页么?巴特,ta又不太懂网页开发的代码,而且也不想花银子。
于是我找到了一个niubility的方式:把作品集造到Figma里。
随着我近日的小调研,偶然发现最近Figma新上了一个功能:Figma Link。
https://www.figma.com/proto/nQBlTb72SUA6us2gEq5cCy/Figma-Links-Playground
Figma这个上新功能的方式也是够特别的,借用一个国外友人形容ta的原话是酱婶滴:
他们直接在Figma里面建了个新项目来介绍Figma link以及它的使用有多么niubility(包含小问答游戏),个人觉得用自己的产品介绍产品新功能的这波操作实在是太6了。
看到这里我就突发奇想,为什么没人用Figma当作他们的平台去做一个作品集呢?感觉今日的Figma已经今非昔比了,虽然在大厂的普及率还不高,但比刚出来的时候强大很多。你可以创建原型和互动跳转,你也可以在原型里附带链接,甚至还可以创建矢量图等等,最重要的是它还是免费的,随时可以白piao。
Figma的应用都是对社区开放的,你可以在上面找到一大堆超级有用的插件/设计参考/甚至是一个niubility的设计系统。所以也许它不单可以承载作品集,也许还可以当作述职ppt,插画展示册等等。
另外,云存储的特点也让Figma作品集轻松小容积,妈妈再也不用担心我怎么去把50页高清pdf压缩到10m以内了。
于是乎,我就开启了我的Figma作品集之路…
在Figma里创建作品集最重要的一个工具就是原型,这也是它区别于别的平台很重要的一点。Figma可以让你真的体验产品,从一个页面直接跳到另一个页面,感受各种拖动/滚动/的交互,甚至动图和延时交互。所以我觉得要让作品集出彩的话,很有必要把这些Figma功能都综合起来。
最后的成品可能是这样的:
请一定在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
它可以移除顶部的工具栏并合理缩放,让它看上去更像一个产品。