在Roboflow,选择Figma作为产品设计和原型制作的工具。传统上,大多数主流软件程序由于产品复杂性和相对较大的安装体积,都需要在桌面上安装。随着云计算时代的到来,产品设计软件的体验却未能跟上这一趋势。Figma的独特之处在于,它是一个全面的在线设计程序,可以完全在浏览器中运行。Figma不仅能够在浏览器中运行,还提供了封装的桌面应用程序,这对于经常打开许多标签页的用户来说尤其有用。
Figma是一个矢量绘图程序,这意味着它可以创建可缩放的文本和形状,无论大小都能保持清晰。Figma文件还可以包含位图图像(尽管出于性能原因,不建议使用非常大的、适合打印质量的图像)。Figma旨在进行屏幕设计,并且可以将工作导出为jpg、png、svg和pdf格式。
在Figma中,有两个主要视图:画布视图和原型视图。画布是创建设计的地方,可以通过显示单个画板(有时还有未绑定到画板的元素)来识别。原型视图有一个深色背景,并且一次只显示一个框架(或屏幕)。根据设计的意图,原型可能具有可交互的、可点击的区域,或者它们可能仅仅是一系列页面以供导航。
在画布视图中,可以滚动、使用触控板平移,或者按住空格键并点击拖动。要放大和缩小,可以使用键盘上的加号和减号键。如果使用的是触控板,也可以进行捏合缩放。
在原型视图中,可以使用箭头键或点击原型,具体取决于设计师如何构建它。如果在原型上的一个点点击,但在页面上的另一个区域创建了热点,它将闪烁浅蓝色以指示应该点击这里。请注意,此功能可以为用户测试而禁用。
并非所有原型都有热点,一些原型使用自动前进和其他定时功能。某些快速原型可能会在点击时链接整个屏幕。如果不清楚设计师构建了哪种类型的原型,请咨询他们。
还可以点击画布底部的导航(如果设置已启用,则在悬停时可用)。重新开始将带回到流程的第一屏幕。使用箭头键在框架之间导航,或按R键重新启动原型。
根据权限,可能可以在原型视图和画布视图之间导航。要从原型视图切换到画布视图,请点击文件名并选择在编辑器中打开。要从画布切换到原型视图,请点击播放按钮。
下拉菜单允许在画布视图中打开原型。通常,原型链接将在左侧菜单中有一个流程列表(或静态画布)。如果有多个流程,可以从那里选择想要查看的一个。
评论功能在画布视图和原型视图中都可用,尽管在画布视图中留下评论通常更容易。要留下评论,请点击评论气泡并点击相关区域。会出现一个位置图标。如果想特别通知某人评论,请使用@符号触发用户列表。
左侧面板包含画板上元素的内容。画布上的单个画板称为框架。框架可以包含许多不同的元素,可以通过它们的图标和特定属性来识别。
左侧面板中的顶级导航包括以下关键项目:图层、框架和页面。图层:元素在框架中分层,并在左侧面板中以垂直顺序表示。框架:框架可以在左侧面板中展开或折叠。展开的框架将显示其中包含的所有元素。页面是单独的画布,通常包含不同的框架。页面不能与另一个页面上的元素交互。但是,它们可以重命名为更具描述性的名称。
Figma最好的一点是,它不需要第三方插件或手动工作来生成设计规范。该功能直接内置在画布视图中的应用中。尽管如此,导航应用程序还是需要练习的。
右侧面板包含设计、原型和检查标签。设计标签提供了有关画布对象上使用的文字样式和颜色的信息。设计面板的内容在选择了绘制对象与组件时有所不同。
要导出图像,请在画布上选择框架、组或对象,然后导航到设计标签下的导出部分。点击+并选择首选格式和比例。