Master主界面设计
Master产品主界面和主流设计软件没有太多区别,上手起来非常简单。设计风格直接大胆地采用了暗色模式,整体设计和小图标等细节也都打磨得很完美了,手感非常不错。
Master和 Figma 稍有不同的地方是:
•页面除了设置背景色,还加入了颜色标签。•把对齐像素、显示多人图标、缩放三个功能单独提出来常驻到了工具栏,这一点非常贴心,尤其是显示多人图标,用过 Figma 的人肯定都深有体会过,在你干活的时候老板和产品经理的鼠标总在动来动去有多烦人吧?•把设计/标注的切换,以及分享按钮都放在了最顶层。这样做的好处可以让设计交付时开发人员更容易找到入口。同时逻辑也更清晰了:工具类图标都在下面,分享和协作在上面,而不是像 Figma 那样混在一起。
Master 和 Figma 界面布局对比
可以看出来他们团队对产品也加入了很多独立而巧妙的思考,优化改进了很多现有同类软件产品设计上的不足。
不过第一次打开文件时可能会有点慢,之后缓存过就好多了。他们团队估计也意识到这个问题,于是在打开的同时还有一个显示小 Tips 的功能,每次打开都会随机展示。
Dashboard
个人主页 Dashboard 并没有和 Figma 保持一致,而是采用(借鉴)了和 Framer 类似的设计。同时搜索功能也放到了里面,而不是放在左边菜单里,减少了切换的步骤。至于右边栏的设定,属于仁者见仁的设计,可以方便推送各种内容,未来应该还会有 Activety 等更多入口加入。不过我个人还是比较喜欢两栏的设计,可以让设计稿有更多的空间展示。
设置页面大同小异,也是分为了个人设置和团队设置。但是这里的个人设置不能直接点击头像进入,感觉还是有点麻烦。其实这里还是建议保留 Figma 的设计布局,产品 logo 那么大,放在那很占地方又没有用,头像和通知放在右边又不方便点击……
属性面板
属性面板的手感出奇的好,设计风格更偏向 Framer 那种精致细腻的感觉。该有的功能也基本都有了,包括约束(Constraints)功能。不过因为最重要的组件功能还未上线,属性面板也暂时不能设置 Design Token。另外需要吐槽一点,目前底部采用的这个 Intercom 的反馈系统实在太干扰操作了?
分享协作
分享的逻辑没什么特别的,和 Figma 基本一致,只是布局有些不同。唯一区别就是 Figma 还有一个 allow viewers copy export file 小功能,这里暂时还没有。
图来自粢饭大人分享的文件
钢笔工具
我们都知道 Figma 的钢笔采用了一套叫做 Vector Networks 的路径算法,Master 也基本实现了和它一样的逻辑,简单来说就是可以从任何现有矢量点中绘制新的矢量点并将其连接到其他点,而不用一个一个地连接。
资源库
好像国内设计工具都很喜欢在软件里直接内嵌了素材资料库,Master 也自带了这个功能。不过目前还比较简陋,仅有图片素材,来自知名的免费图片素材网站 Unsplash,只需点击即可在画布上生成一张图片。据说未来还会加入插画、图标等素材。
历史记录
很惊喜第一版公开发布就有了历史记录功能,通过左上角文件名就可以找到它。可以自动保存,也支持手动提交带描述的版本。使用逻辑基本一样,一键恢复到指定的版本或是复制到新文件。我一直认为关于设计文件的版本管理搞什么 Git 啊文件对比啊,步骤繁琐管理更加混乱,设计师更不会上手使用,做到这种程度基本已经够用了。
尽管第一版的 Master 完成度很高,但各种功能都还很基础,仅能算是一个玩具不能正式用于生产,好在整体操作流畅度和性能都还可以接受。相信经过今年的不断迭代,很快就能赶上现有的主流设计软件了。
这两年国内的设计创业领域有了很大的改变,越来越多的创业团队和大公司都在尝试,投资机构也愿意往这方向押注了。不过对于设计工具来说,要想获得一定的市场份额甚至取代别人,除了产品本身要特别出色外,还需要全球化的社区,让更多设计师一起贡献和维护。如果将来 Master 的组件、插件、社区等功能都足够完善足够好用后,一定会在全球市场取得不错的成绩。