Loupe 设计大会见闻，以及 Framer Web 初体验

From: DEX Group DEX Group 2019-09-09

上个月中，我们的 Design Tours 设计游学项目第二次组团去了荷兰，但是这次我们没有安排太多其他的行程，而是专门参加了在阿姆斯特丹举办的 Loupe 设计大会。

Loupe 是 Framer 公司举办的一年一度的设计大会，主要分成 Conference 和 Workshop 两个部分，Conference 的内容主要涵盖互联网产品设计方面的东西，不会涉及到 Framer 本身，Workshop 则主要是 Framer 软件的教学使用。

会场外，来自全球不同地方的设计师们在积极的社交

本次大会地址选在了音乐厅，旁边就是码头和阿姆斯特丹中央火车站，非常方便

官方还提供了早中晚餐和咖啡酒水等

国外云服务 Netlify 公司提供的可爱贴纸

还有袜子！

Framer 官方的水壶，至于质量嘛……乐呵乐呵得了，要啥自行车

Framer 官方的贴纸和胸针

大会马上就要开始了，人们已经陆续进场了。

首先出场的嘉宾 Laura Kalbag 是一个生活在爱尔兰的英国设计师，Indie 创始人。出版了一本可用性领域的书《Accessibility For Everyone》，如果不了解什么是 Accessibility 请自行搜索一下 a11y，为特殊人群和残障人士做设计在国外是一个近几年很流行的重大课题，但在国内还几乎是一片空白。

非常可爱的小姑娘，她可能怕滑倒还光着脚上台

Wes O’Haire，Dropbox 产品设计师，BlacksWhoDesign 社区创始人。他分享了用一种叫做 Mental Models 的理论做产品设计的方法。

接下来这位设计师应该很多人都很熟悉，可能也是本次嘉宾里面名气最大的。Tim Van Damme，Abstract 设计总监。之前在 Gowalla、Instagram 和 Dropbox 等公司负责产品设计，粉丝众多。作为众多逃离北上广硅谷的一员，他现在也回到了自己的家乡比利时，全职远程工作。

Ash Adamson 是 Hashicorp 的产品设计师，这位“女生”的演讲很震撼，一开始我是懵逼的，因为她，是个变性人。她向大家讲述了自己曾经是个玩摇滚的，后来爱上了这个行业于是改行做了设计师，以及她变成女人的经历和改变。最后还带大家现场做了一下冥想，非常好玩和与众不同的分享。

下面这位嘉宾更厉害了：Guillermo Rauch，全球知名顶级大牛，ZEIT 公司 CEO，Now、Next.js 等开源软件作者。不过他这次分享的话题 Consistent UI 偏工程师角度，整体听下来略枯燥……

接下来这位嘉宾是这次大会我个人最喜欢的一位， Irene Pereyra 是纽约的知名设计工作室 Anton & Irene^[1]的联合创始人（看名字也能看出来），Irene 从小生活在荷兰，后来移民到了纽约。她的演讲风格比较美式幽默，口音也很地道，而且声音和说话的感觉很像老友记的珍妮佛·安妮斯顿。不要被图中的鸡汤文字迷惑了，其实她讲自己的故事非常风趣好玩。讲了她的工作室用 60% 的时间给甲方做项目，40% 的时间留给自己做自己喜欢的 side project，用给甲方做项目赚的钱，花在自己的项目上。结果就是：自己的项目有一些赔的很惨很惨😂，但是非常享受这个过程，并且从中学到了很多，这才是最重要的。

George Kedenburg III，Instagram 和 Facebook 的产品设计师。也是推特上比较知名的一位全栈设计师。

Dara Oke，全栈设计师和工程师。曾在微软、Twitter、Intel 工作。目前在投资机构为非洲早期互联网公司做项目。

她主要分享了为非洲当地人做设计和为互联网第一世界的人做设计的巨大差异，套用国内的行话大概就是，出海项目经验分享之类的吧。

午餐时间：国外中午基本就是吃三明治汉堡之类的快餐，没有出去下馆子或买盒饭那种习俗……所以我们的午餐就在会场外面，大家一边站着吃一边继续交流。好在食物的种类比较多，口味也很不错。

我们的团员 Ray 在和来自台湾的设计师交流

Workshop

第三天一整天都是 Workshop，一共分为 6 个不同的主题，观众可以根据兴趣爱好提前选择自己感兴趣的会场。

和我们一起出行的设计师朋友在 Workshop 现场接受 Framer 员工指导，后来这张照片还被选入了 Framer Loupe 官方的报道。

Framer Web

dashboard 页面

在 Workshop 的过程中，我们顺便体验了一下内测版的 Framer Web，虽然只是刚开始内测阶段，但目前完成度已经非常高。Framer Web 顾名思义就是 Web 版的 Framer X，团队可以实时协作，文件也可以存在云端无需放在本地了。同时它和 Figma 类似，也支持在浏览器和客户端无缝切换操作，文件可以存在本地也可以直接在云端创建，可以猜到这些功能明显是学了 Figma……

文件页面，和之前的桌面版几乎一样，UI 细节和部分功能略有不同

菜单栏样式略有调整和优化。

和 Figma 一样，也增加了在线评论功能。评论整体的逻辑和交互动画很不错，点击评论跳到当前设计文件的对应位置。

组件 Store 模块可以在侧边栏快速选择你需要的组件了，这个改动对于快速制作高保真原型，真的是超级方便。

我在 Design with teams 这个 Workshop 和几位来自 Dropbox 等公司的设计师和工程师分到一组，6 个人协作完成一个项目。通过现场的实际操作，Web 版的实时协作体验很棒，不仅设计时可以多人协作，写代码时同样可以，交互方式也是不同颜色的鼠标在同时操作，整体性能和使用体验非常友好。当然由于团队人数较少，大部分时候我们还是分工协作，在同一个文件里，设计师做设计的部分，工程师写交互代码，最后整合发布。

通过网络和这次线下和国外设计师沟通，我们也逐渐了解到，目前硅谷大部分明星公司的设计团队都已经切换到了 Figma，足以证明团队协作和设计管理是多么强烈的需求。而从一开始就基于 Web 的 Framer X，切换到云平台自然有非常天然的优势。（ Sketch 原生的那种就比较麻烦了……即使现在有了 Cloud 也还是类似 Zeplin 的东西，非常鸡肋，不能直接在文件上同步操作）

Framer Web 估计会在今年底正式发布。如果对这次的 Workshop 和 framer 感兴趣，可以看看他们官方开发的一套用来教学的设计系统 Learn Design System^[2]

本次大会整体感受

1.欧美的会议基本上都非常贵，只是 Conference 通常就要 399-699 刀，Workshop 另算，而 Framer 今年是采取打包一起卖的形式，而且这个票价是包含了前一天晚上的 open party、两天会议的早中晚餐，以及最后一晚庆祝酒会的。所以 1199 刀还是不算贵的（我们作为合作伙伴拿到了 899 刀的提前预售票）。另外就是，无论是嘉宾分享的内容还是 Workshop 的趣味性，欧美的水准都很高，其他各个方面的细节也都做得非常用心。对比起来，日本的大会不算很贵，但是内容可能会比较水。而中国的呢？又贵又他妈水。2.每个嘉宾演讲水平都不差，不管是 CEO 还是 geek，在台上都很自信和风趣。这可能和欧美人从小就注重社交，性格开朗有很大关系吧。3.会场赞助商提供的小礼品到了最后一天还有很多，一开始还以为会早早被抢光，后来发现大家都不是特别在乎这些……可能是国外的同类活动太多了吧。4.国内面基加微信，国外面基加 Twitter 关注。这一点大家都一样哈哈哈。

最后贴几张阿姆斯特丹美丽的城市风景吧👇