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
