开源的设计和原型在线平台

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

(0)
小半的头像小半

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!