Web設計師必備的6種開放源碼工具
深圳網站設計網絡運行在開源軟件上。大部分是在后端，世界上大多數服務器都運行在某種形式的UNIX或Linux上。這些服務器運行數百個（如果不是數千個）的開放源碼實用程序、腳本解釋器等等。然而，偶爾，開源的東西會一直到瀏覽器，用戶可以看到它。

好吧，這種事經常發(fā)生。例子：WordPress，你現在看到了。但是談話，當談到網頁設計的工具，往往是占主導地位的軟件，你必須支付：PS圖象處理軟件、Adobe XD，素描，親和的套房，崇高的文本，和大約二千個網絡原型的應用程序。當我們對開源的網頁設計軟件的談話，我們談論WordPress，偶爾GIMP…什么的。

在這篇文章中，我想強調一些其他的開源項目，它們是活躍的，鮮為人知的，并且很有前景。我希望每一個項目都有偉大的成果，只要我們能讓人們看到它們：

1。krita

krita是一個功能強大的圖形編輯器與重視插圖和數字繪畫?；ヂ?lián)網上充斥著插圖。越來越多的設計師選擇使用插圖，甚至數字繪畫，以使他們的網頁設計生活。當然，大多數是由于SVG矢量格式，但如果你想要一個更傳統(tǒng)的外觀到您的圖形，Krita有你回來。

它還有你希望在傳統(tǒng)圖形編輯器中找到的大部分功能。我不會用它來設計模型（盡管你可以）因為有更容易的方法。

2。Visual Studio代碼

很久以前，想到微軟和開源軟件有什么關系是很奇怪的?，F在，他們已經在Windows上運行了以CLI模式運行的Ubuntu，并且他們正在分發(fā)一個免費的文本編輯器。自從Visual Studio代碼推出以來，它已經開發(fā)了相當多的風扇基礎。為什么不呢？它是快速的，它是可擴展的，它工作。

現在，如果您已經使用了崇高的文本、Atom或其他著名的文本編輯器，那么就沒有太多的理由切換了。如果您使用的是Mac，或者運行Linux，情況尤其如此。最大的吸引力是VS代碼與其他微軟開發(fā)工具的集成。如果您在ASP .NET中運行Windows和代碼，您可能會看到這個文本編輯器必須提供給您的內容。

3.UIKit

如果你喜歡看有趣的前端框架，或“兩大”沒有削減它適合你，試試UIKit。它是字節(jié)意識的，它是模塊化的，所以你只需要使用你想要的位。他們的GitHub的回購顯示公平一點的動作。最重要的是，默認情況下它看起來相當不錯，這是大多數人希望從這些框架中獲得的。

4。鉛筆項目

你可能還記得從Firefox擴展的那一天起的鉛筆。嗯，鉛筆已經成為一個成熟的、穩(wěn)定的網頁設計/原型應用程序在它自己的權利。它缺少一些在線應用程序的廣泛協(xié)作特性，但對于任何需要或喜歡離線工作的人來說都是很棒的。

一個大型圖書館的元素和模板，你可以把它撿起來，快速成型。它仍在發(fā)展，3版于二月推出，最新的版本發(fā)布于5月11日。

5。kodeweave

kodeweave是一個較新的項目看起來很像CodePen，因為它基本上是同樣的目的：與前端代碼位實驗。最大的不同是，除了使用它作為一個Web應用程序，你可以作為一個獨立的應用程序為Windows，Mac，Linux和Android、ChromeOS下載。

當然，這對于離線開發(fā)非常有用，但對于那些客戶可能不希望在云中使用項目數據和代碼實驗的項目來說，這也是非常好的。它還配備了帶有CSS預處理器，和幾乎每一個框架你可以叫掉你的腦袋。

獎金：它可以與一個應用程序稱為webdgap出口代碼作為本地桌面或移動應用程序集成，所以很偉大的原型。

6。grapesjs

grapesjs是網站建設者。嗯，它更多的是一個站點構建框架。你可以打開它，編輯你的網站設計在線。它支持響應設計（當然），自己編輯代碼（如果你真的想），幾種預覽模式，撤銷/重做和更多。它還有一組預定義的頁面元素，可以拖放進來。

但實際上，GrapesJS是被扔到其他人的項目。你可以把它包含在一個更大的應用程序，如網站建設者服務，一個可安裝的CMS，通訊管理應用程序，或是任何可能需要的HTML / CSS模板，可由用戶定制。而且使用起來相當容易。對于那些不熟悉網頁設計的人來說，有一個學習曲線，因為它總是會出現，但是它是一個相當有能力的頁面編輯器。

榮譽獎

榮譽獎去Synfig工作室，二維動畫的應用。它與網頁設計沒有太大關系，所以它沒有被正確地放到列表中。然而，它可以用來為Web制作內容，而且在過去的一年中已經取得了很大進展。這個隊值得一喊。

許多其他偉大的開放源碼軟件項目已經來了又走了。有些甚至還在相對默默無聞地發(fā)展，只有少數忠實忠實的粉絲使用。也許Richard Stallman。去看看GitHub，SourceForge，和其他避稅天堂的OSS軟件。有些東西可能會出現在你的網頁設計過程中，甚至可能進入你的網站…