使用 Fedora 會(huì)讓你接觸到許多不同的開(kāi)源軟件。Fedora 網(wǎng)站的重大改造始于一年多前，目標(biāo)是提高設(shè)計(jì)美感、創(chuàng)建風(fēng)格指南、規(guī)劃網(wǎng)站策略以及選擇用于交付 Fedora Linux 產(chǎn)品網(wǎng)站的技術(shù)棧。從設(shè)計(jì)的角度來(lái)看，團(tuán)隊(duì)需要一個(gè)創(chuàng)建模型的工具、一個(gè)保存資源庫(kù)的地方，以及完成后適合移交給開(kāi)發(fā)人員的東西。

選擇 Penpot

Figma 是許多人推薦的流行界面設(shè)計(jì)工具，但由于該公司最近對(duì)其免費(fèi)計(jì)劃施加了限制，因此被認(rèn)為不合適。這種擔(dān)憂在 Adobe 收購(gòu) Figma 之前就已經(jīng)出現(xiàn)，所以現(xiàn)在回想起來(lái)，不使用它的決定更加重要！

團(tuán)隊(duì)研究了 Penpot，發(fā)現(xiàn)它符合每個(gè)人的要求。Penpot 是第一個(gè)面向跨領(lǐng)域團(tuán)隊(duì)的開(kāi)源設(shè)計(jì)和原型平臺(tái)。Kaleidos 內(nèi)的一個(gè)團(tuán)隊(duì)創(chuàng)建了 Penpot。Kaleidos 是一家成立于 2011 年的科技公司，完全專注于開(kāi)源項(xiàng)目。

Fedora 網(wǎng)站和應(yīng)用程序團(tuán)隊(duì)通過(guò)三種方式使用 Penpot：

• 線框圖和模型
• UX 測(cè)試和反饋
• 協(xié)作

我將在下面詳細(xì)介紹這些用途。雖然示例討論了 Fedora 項(xiàng)目，但 Penpot 可以為任何開(kāi)源社區(qū)帶來(lái)好處。

1、線框和模型

設(shè)計(jì)網(wǎng)頁(yè)草圖是我們團(tuán)隊(duì)使用 Penpot 的主要方式。草圖可以實(shí)現(xiàn)快速協(xié)作并減少貢獻(xiàn)者之間的溝通問(wèn)題。開(kāi)發(fā)人員和設(shè)計(jì)師可以在同一空間自由協(xié)作。

社區(qū)反饋很重要。正確地共享模型可能有點(diǎn)困難。Penpot 基于網(wǎng)絡(luò)，可在任何平臺(tái)上輕松訪問(wèn)。當(dāng)在原型上進(jìn)入 查看模式View Mode

Creating a shareable link and editing permissions on Penpot.

2、UX 測(cè)試和反饋

此次改造與 Fedora 社區(qū)密切合作。通過(guò)對(duì)原型進(jìn)行可用性測(cè)試并共享設(shè)計(jì)進(jìn)度，我們使用 Penpot 讓社區(qū)參與每一步。

3、協(xié)作

在改造過(guò)程中，我們的開(kāi)發(fā)和設(shè)計(jì)團(tuán)隊(duì)使用 Penpot 來(lái)產(chǎn)生想法、組織會(huì)議并直觀地測(cè)試新概念。

我們的團(tuán)隊(duì)在早期規(guī)劃會(huì)議中將 Penpot 用作白板，讓開(kāi)發(fā)人員在參與討論的同時(shí)以異步方式貢獻(xiàn)想法。這種方法減輕了壓力，確保每個(gè)人的想法都能被聽(tīng)到，幫助我們看到模式，并調(diào)解分歧，達(dá)成良好的妥協(xié)。Penpot 有助于在每個(gè)人之間建立一種理解感。

團(tuán)隊(duì)使用 Penpot 作為素材來(lái)源。用戶可以將元素和其他內(nèi)容存儲(chǔ)在資源庫(kù)中，以便可以重復(fù)使用它們。Penpot 可以存儲(chǔ)組件、圖形、版式、調(diào)色板等。

An example of an asset library within Penpot.

共享這些庫(kù)使整個(gè)團(tuán)隊(duì)都可以訪問(wèn)它們。當(dāng)與定期訪問(wèn)相同源文件的團(tuán)隊(duì)合作時(shí)，這會(huì)很有幫助。如果新成員加入，他們開(kāi)始為項(xiàng)目構(gòu)建模型所需的所有素材都將隨時(shí)可用。用戶可以直接從 Penpot 文件導(dǎo)出這些素材。

Exporting selected assets in a Penpot file.

開(kāi)發(fā)人員可以在任何瀏覽器上查看原型的全部?jī)?nèi)容。這種功能讓網(wǎng)站建設(shè)變得更容易，因?yàn)槟憧梢耘c原型同時(shí)進(jìn)行編碼。如果設(shè)計(jì)人員同時(shí)在處理文件，他們所做的更改可以通過(guò)查看模式刷新查看，如果是在實(shí)際文件中，則可以實(shí)時(shí)查看。

An editor with code and the Penpot interface.

開(kāi)源價(jià)值觀

Penpot 符合 Fedora 項(xiàng)目的“四大基礎(chǔ)”：自由、朋友、功能和第一。在回顧這些價(jià)值觀時(shí)，請(qǐng)考慮該工具如何與你自己的開(kāi)源計(jì)劃保持一致。

自由

我們選擇開(kāi)源和自由來(lái)替代專有的代碼和內(nèi)容，并限制專有代碼對(duì)項(xiàng)目和項(xiàng)目?jī)?nèi)的影響。Penpot 是第一個(gè)開(kāi)源設(shè)計(jì)和原型平臺(tái)。Penpot 基于網(wǎng)絡(luò)，獨(dú)立于操作系統(tǒng)，并采用開(kāi)放網(wǎng)絡(luò)標(biāo)準(zhǔn)。這確保了與 Web 瀏覽器和 Inkscape 等外部應(yīng)用的兼容性。

朋友

我的社區(qū)由各行各業(yè)的人們組成，他們共同努力推進(jìn)自由軟件的發(fā)展。Penpot 的使命是相似的。其目標(biāo)是提供開(kāi)源和開(kāi)放標(biāo)準(zhǔn)工具，將設(shè)計(jì)人員和開(kāi)發(fā)人員之間的協(xié)作提升到新的水平。使用 Penpot 可以順利地向開(kāi)發(fā)人員移交，并使我們能夠高效地合作。無(wú)需來(lái)回尋找文件或素材，因?yàn)樗麄冃枰囊磺卸荚?Penpot 文件中。

功能

Fedora 關(guān)注優(yōu)秀的軟件。它的功能開(kāi)發(fā)總是公開(kāi)透明地進(jìn)行，并鼓勵(lì)參與。任何人都可以在任何問(wèn)題上開(kāi)始工作，也可以加入任何他們感興趣的團(tuán)隊(duì)。Penpot 贊同這一理念。任何人都可以合作！代碼和貢獻(xiàn)者指南可從項(xiàng)目的 Git 倉(cāng)庫(kù)獲取。

第一

Fedora 采用的策略是通過(guò)持續(xù)的前進(jìn)動(dòng)力來(lái)推動(dòng)自由軟件的發(fā)展。這種方法通常遵循“早發(fā)布、勤發(fā)布”的工作流程。Penpot 也經(jīng)常更新。它向社區(qū)發(fā)布每日開(kāi)發(fā)博客，重點(diǎn)介紹已完成的工作。它在網(wǎng)站上寫道：“我們也有這種緊迫感，我們需要快速行動(dòng)，這關(guān)系到太多的事情”。

總結(jié)

該項(xiàng)目即將完成，第一個(gè)截止日期與 Fedora Linux 38 的發(fā)布日期一致。事實(shí)證明，Penpot 是一個(gè)非常有價(jià)值的工具，它為開(kāi)源設(shè)計(jì)愛(ài)好者提供了更多的資源。最近，該平臺(tái)慶祝了它的正式發(fā)布，下一步的發(fā)展令人興奮。

Penpot 改變了我們團(tuán)隊(duì)的工作方式。它能為你的組織和社區(qū)做些什么？

本文改編自 Ashlyn Knox 和 Emma Kidney 在創(chuàng)意自由峰會(huì)上的演講：《模型和動(dòng)作 - Fedora 設(shè)計(jì)團(tuán)隊(duì)如何使用 Penpot》。該演講的錄音可 在 PeerTube 上觀看。