Penpot 是第一个面向跨领域团队的开源设计和原型平台。Penpot 不依赖于操作系统,基于 Web 并采用开放标准 (SVG)。
特性
-
任何团队都可以进行设计和原型制作。 -
基于网络,不依赖于操作系统或本地安装,只需要运行现代浏览器。 -
文件使用 SVG,与其他设计和原型工具不同,它与大多数矢量工具兼容,技术友好,并且非常易于在网络上使用。
界面
Penpot 界面具有三个主要区域:仪表板、工作区和视图模式。
仪表板
仪表板是能够组织文件、库、项目和团队的地方。
-
团队:团队允许与其他用户协作。团队成员可以根据其权限处理团队内的任何项目或文件。具有管理员权限的成员还可以邀请其他成员。根据需要创建或加入由不同人群组成的任意数量的团队。 -
搜索:如果要查找特定文件,只需在搜索框中输入其标题即可。 -
项目:项目允许对设计文件进行分组。它的工作方式与文件系统中的文件夹非常相似。可以根据需要创建任意数量的项目。如果要在一个项目中与更多人合作,你应该在团队中创建它。 -
草稿:在草稿部分,可以找到不在任何项目中的设计文件。 -
共享库:在本部分中你将找到所有已添加为共享库的设计文件。
工作空间
工作区是实际创建设计的地方。你拥有一个无限的画布,可以在其中直接工作,也可以在板内创建页面和导出单元。
-
主菜单:在文件主菜单中可以调整工作区配置。管理网格、标尺、面板的可见性。 -
用户:可以查看有多少用户同时在该文件中工作。 -
文件状态:有关文件保存状态的信息,了解最后的更改是否已保存或者是否存在问题。 -
历史记录面板:历史记录面板跟踪已打开文件的最新更改。可以执行撤消/重做来遍历更改并展开每一项以获取详细信息。 -
缩放:缩放选项和快捷方式信息。
查看模式
-
页面选择器:浏览文件的页面。如果页面是可共享链接,则可以对其进行配置。 -
板选择器:框架选择器显示带有缩略图的板列表,提供文件的图形概述。 -
板计数器:板计数和当前位置。 -
播放模式:默认演示模式,还可以在其中进行交互。 -
评论模式:评论模式显示板上的评论,并允许用户回复或添加新评论。
交互原型设计
Penpot 允许通过连接板(可以充当屏幕)来构建交互原型。了解如何构建交互式原型,以可视化用户如何浏览你的屏幕并模仿你的产品行为。一旦原型准备好交互和/或流程,就可以在查看模式下使用它并通过可共享链接进行共享。
连接板
在 Penpot 构建交互原型最简单、最常用的方法是连接板。按照以下简单步骤添加交互:
-
打开至少包含两个板的文件。 -
单击右侧边栏的选项卡激活原型模式。 -
选择将触发交互的形状、板或组。 -
将连接拖至目标板。 -
将自动创建流程起点。 -
在视图模式下测试交互式原型的运行情况(通过单击右上角的播放按钮进行访问)
互动触发

-
单击时:当用户单击或点击热点时。 -
鼠标进入:当鼠标进入热点区域时。 -
鼠标离开:当鼠标离开热点区域时。 -
延迟后:显示棋盘后经过一定时间后。注意:只能在板卡上设置。
互动动作
操作定义了触发交互时将发生的情况。Penpot 目前提供以下操作(还会有更多):
-
导航至. -
打开叠加层。 -
切换叠加。 -
关闭叠加。 -
上一屏幕。 -
打开网址。
传送门
开源协议:MPL-2.0 license
开源地址:https://github.com/penpot/penpot
-END-
原文始发于微信公众号(开源技术专栏):开源的设计和原型在线平台
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/166629.html