網(wǎng)站設(shè)計(jì)開(kāi)發(fā)隨著技術(shù)的發(fā)展有了更好的工具，今天尼高小編就帶大家了解下最新的網(wǎng)站設(shè)計(jì)開(kāi)發(fā)平臺(tái)Penpot，這是第一個(gè)完全開(kāi)源的基于開(kāi)放網(wǎng)站標(biāo)準(zhǔn)的設(shè)計(jì)和原型制作工具，是設(shè)計(jì)人員和開(kāi)發(fā)人員的理想選擇。

開(kāi)發(fā)者工具的世界是開(kāi)源的。開(kāi)放、免費(fèi)的編程語(yǔ)言、框架，甚至每個(gè)人都可以貢獻(xiàn)的代碼編輯器——都是免費(fèi)、開(kāi)放網(wǎng)絡(luò)的核心。然而，有了設(shè)計(jì)工具，它總是一個(gè)非常不同的故事。對(duì)于我們的設(shè)計(jì)過(guò)程，大多數(shù)都堅(jiān)持使用付費(fèi)的商業(yè)工具——其中大多數(shù)要么是由大型科技公司創(chuàng)建的，要么是后來(lái)被收購(gòu)的。幸運(yùn)的是，在這個(gè)領(lǐng)域，我們開(kāi)始看到一些替代方案。

一個(gè)這樣的選擇是Penpot，一個(gè)最近開(kāi)始流行的開(kāi)源設(shè)計(jì)應(yīng)用程序。擁有超過(guò)250，000的注冊(cè)人數(shù)和20，000的GitHub stars，Penpot已經(jīng)為自己贏得了一個(gè)名字，并且它正在成為其他設(shè)計(jì)工具的可行替代方案。然而開(kāi)源并不是Penpot獨(dú)一無(wú)二的唯一原因。它還有一些殺手锏，使它成為設(shè)計(jì)師和開(kāi)發(fā)人員之間良好合作的絕佳搭檔。讓我們一起仔細(xì)看看。

如果你曾經(jīng)做過(guò)相當(dāng)多的設(shè)計(jì)和編碼工作，我打賭你也有困惑和沮喪的時(shí)候。有一件事我一直不明白:為什么主要用于設(shè)計(jì)用戶界面的應(yīng)用程序，后來(lái)用web技術(shù)構(gòu)建的，在匹配這些精確技術(shù)的標(biāo)準(zhǔn)方面往往如此糟糕？例如，他們提供了新奇的布局工具，這些工具遵循的邏輯與網(wǎng)頁(yè)上的布局完全不同?；蛘咚麄兲峁┑睦L圖工具與網(wǎng)絡(luò)上的圖形不同，所以一旦你導(dǎo)出你的作品，你會(huì)得到奇怪的、意想不到的結(jié)果。為什么？

答案其實(shí)挺簡(jiǎn)單的。對(duì)于大多數(shù)設(shè)計(jì)工具來(lái)說(shuō)，交付和以開(kāi)發(fā)人員為中心的特性是事后才想到的?；诓煌哪Ｊ胶蜆?biāo)準(zhǔn)，它們經(jīng)常讓開(kāi)發(fā)人員感到困惑和沮喪。這就是Penpot與眾不同的地方。由設(shè)計(jì)師和開(kāi)發(fā)人員緊密合作的團(tuán)隊(duì)創(chuàng)建，偉大的設(shè)計(jì)開(kāi)發(fā)協(xié)作從一開(kāi)始就是他們的首要任務(wù)。

與其他web應(yīng)用程序一樣，Penpot可以在任何操作系統(tǒng)或web瀏覽器上運(yùn)行。但是，為了使訪問(wèn)真正開(kāi)放和民主，它也是基于開(kāi)放的網(wǎng)絡(luò)標(biāo)準(zhǔn)。例如，Penpot的設(shè)計(jì)文件以SVG格式保存，這與網(wǎng)絡(luò)上最流行的矢量圖形圖像格式是同一標(biāo)準(zhǔn)。

在實(shí)踐中，這不僅意味著與web技術(shù)更好的兼容性，還意味著設(shè)計(jì)和代碼之間的自然平衡。有了Penpot，你就不必導(dǎo)出到SVG，您的圖形是SVG根據(jù)定義。將設(shè)計(jì)風(fēng)格轉(zhuǎn)化為代碼也是如此。Penpot不必生成任何CSS值。它可以直接從設(shè)計(jì)中讀取和處理CSS值。

盡管Penpot是一個(gè)相對(duì)較新的工具，但它是設(shè)計(jì)平臺(tái)的可靠選擇。它在縮小設(shè)計(jì)者和開(kāi)發(fā)者之間的差距方面做得很好。我相信這是一個(gè)開(kāi)源的方法和一個(gè)受歡迎的變化，只會(huì)對(duì)我們的行業(yè)有益，希望其他人會(huì)跟隨。