使用 Penpot 合并设计和代码

使用开源设计工作区 Penpot 弥合编程和设计之间的差距。
3 位读者喜欢这个。
Painting art on a computer screen

Opensource.com

在计算机编程的大部分历史中,创建应用程序代码的程序员与创建应用程序用户体验 (UX) 的设计师之间一直存在差距。这两个学科接受截然不同的培训,并且使用不同的工具集。程序员使用文本编辑器或 IDE 编写代码,而设计师通常绘制小部件布局和潜在交互的概念。虽然一些 IDE(如 EclipseNetbeans)具有界面设计组件,但它们通常侧重于小部件位置而不是小部件设计。开源设计应用程序 Penpot 是一个协作设计和原型平台。它拥有一套新功能,使设计师和开发人员可以轻松地通过熟悉的工作流程协同工作。Penpot 的设计界面让开发人员可以像其他任何工具都无法做到的那样,在设计过程中和谐地编写代码。自从 Opensource.com 上次关注它 以来,它已经取得了长足的进步。它的最新功能不仅改善了您使用 Penpot 的体验,而且还将开源 Penpot 应用程序推向了超越类似和专有工具的地位。

使用 Penpot 进行原型设计

尝试设计应用程序的最佳工作方式时,常见问题之一是,在设计时,应用程序尚不存在。设计师可以可视化和故事板,以帮助设计团队和程序员了解目标。但这需要迭代和反馈的过程,因为开发人员开始实施 UX 概念,并且设计会发生变化以应对代码的现实。

使用 Penpot,您可以创建您的 Web 或移动应用程序的“工作”原型。您可以将按钮与特定操作连接起来,根据用户输入触发布局更改。这一切都可以在项目的任何代码存在之前完成。

但这最重要的一方面不是进行模型制作的能力。在 Penpot 中为应用程序设计所做的一切都具有可用的布局数据,开发人员可以在最终项目中使用。Penpot 不仅仅是一个出色的绘图和布局工具。它为编码过程提供信息。

Penpot 现在不再仅仅提供设计师特定元素的视觉列表(如属性、颜色和排版),而是将代码输出直接集成到设计工作区(如 Web 浏览器中的开发人员工具)。设计师和开发人员共享相同的设计和前端开发空间,以他们需要的任何格式获取规范。

Image of the current Penpot interface

(Andrey Antukh, CC BY-SA 4.0)

内存解锁

许多在线设计工具使用专有技术来提供一些花哨的功能,但代价是基本上变成了一个应用程序,您不是在运行,而是在通过浏览器访问。然而,Penpot 使用开放 Web 标准,并由您的 Web 浏览器呈现。这意味着 Penpot 可以访问 Web 浏览器的最大可用内存,这使得 Penpot 成为第一个具有设计可扩展性的在线原型和布局应用程序。您可以提供更多选项、更多模型和更多方案。此外,您可以向更多并发协作者开放您的设计空间,而无需担心应用程序内存耗尽。

自托管和 SaaS

Penpot 是开源的,因此如果云不适合您的工作流程,您不必在云上使用它。您可以使用容器轻松地自托管 Penpot,将其用作您自己的工作站上的本地应用程序,或在您自己的服务器上为您的组织托管它。

开源设计

我之前写过一篇关于 Penpot 的 介绍性文章,从那时起,该应用程序变得越来越好。如果您希望将编码人员和利益相关者引入您的设计流程,请尝试 Penpot。

Seth Kenlon
Seth Kenlon 是一位 UNIX 极客、自由文化倡导者、独立多媒体艺术家和 D&D 爱好者。他曾在电影和计算机行业工作,而且经常同时从事这两个行业。

评论已关闭。

Creative Commons License本作品根据 Creative Commons Attribution-Share Alike 4.0 International License 获得许可。
© . All rights reserved.