Web designer 6個(gè)重要的在Web上運(yùn)行的開(kāi)源工具開(kāi)放源代碼軟件。**重要的是，在后端，大多數(shù)服務(wù)器運(yùn)行在某種形式的UNIX或Linux上。這些服務(wù)器運(yùn)行成百上千的開(kāi)源工具、腳本解釋器等等。不過(guò)，曾經(jīng)有一段時(shí)間，所有瀏覽器都使用開(kāi)放源碼，用戶(hù)可以在瀏覽器中看到它。

　　嗯，這種情況經(jīng)常發(fā)生。示例：WordPress；你現(xiàn)在明白了。但是，當(dāng)談到網(wǎng)頁(yè)設(shè)計(jì)工具時(shí)，對(duì)話(huà)往往是由軟件主導(dǎo)的，你必須支付：PS圖象處理軟件，AdobeXD，草圖，友好的套件，崇高的文本，以及大約2000個(gè)網(wǎng)頁(yè)原型應(yīng)用程序。當(dāng)我們不談?wù)撻_(kāi)源網(wǎng)頁(yè)設(shè)計(jì)軟件時(shí)，我們談?wù)摰氖荳ordPress，偶爾是GIMPamphellip；我不知道。

　　在本文中，我想強(qiáng)調(diào)的是，其他一些開(kāi)源項(xiàng)目是積極的、鮮為人知的和有前途的。如果我們能讓人們看到這些項(xiàng)目，我想從中得到很多好處：

　　1。krita

　　krita是一個(gè)強(qiáng)大的圖形編輯器，側(cè)重于插圖和數(shù)字繪畫(huà)。網(wǎng)上到處都是插圖。越來(lái)越多的設(shè)計(jì)師選擇用插圖，甚至數(shù)碼繪畫(huà)，來(lái)帶給他們網(wǎng)站的設(shè)計(jì)生活。當(dāng)然，大多數(shù)是由于SVG矢量格式，但如果你想更傳統(tǒng)的外觀，你的圖形，krita已經(jīng)回來(lái)了。

　　它還具有您希望在傳統(tǒng)圖形編輯器中找到的大多數(shù)功能。我不會(huì)用它來(lái)設(shè)計(jì)模型（盡管你可以），因?yàn)橛幸粋€(gè)更簡(jiǎn)單的方法。

　　2.Visual Studio代碼

　　曾幾何時(shí)，人們奇怪地認(rèn)為微軟與開(kāi)源軟件有關(guān)?，F(xiàn)在他們?cè)赪indows上以UbuntuCLI模式運(yùn)行，他們已經(jīng)放棄了自由文本編輯器。自從引進(jìn)Visual Studio代碼以來(lái)，已經(jīng)發(fā)展了不少粉絲。為什么不 很快，它的可擴(kuò)展性，它的工作。

　　現(xiàn)在，如果你已經(jīng)根深蒂固的崇高文本，原子，或其他著名的文本編輯器，沒(méi)有太多的理由切換。如果你在Mac，這是真的，或運(yùn)行Linux。大華與其他微軟開(kāi)發(fā)工具和代碼的集成。如果運(yùn)行Windows，程序位于ASP。Net，例如，您可能會(huì)看到為您提供的這個(gè)文本編輯器。

　　3. UIKit如果您想看到有趣的前端幀，或amp；ldquo；二大證券amp；rdquo；不為你切，試試UIKit。它是字節(jié)感知的，它是模塊化的，所以你只需要使用你想要的位。他們的GitHub回購(gòu)顯示了一個(gè)公平的舉動(dòng)。**重要的是，它看起來(lái)不錯(cuò)，默認(rèn)情況下，這是大多數(shù)人希望從這些框架中得到的。

　　4.鉛筆項(xiàng)目

　　你可能記得**天的鉛筆是Firefox的延伸。嗯，pencil本身已經(jīng)成為一個(gè)成熟而穩(wěn)定的web設(shè)計(jì)/原型應(yīng)用程序。它在其在線(xiàn)應(yīng)用程序類(lèi)別中缺乏一些廣泛的協(xié)作功能，但它非常適合需要或喜歡離線(xiàn)工作的人。

　　一個(gè)大型的元素和模板庫(kù)，你可以拿起它，快速原型。它仍在開(kāi)發(fā)中，版本3于2月發(fā)布，**新版本于5月11日發(fā)布。

　　5.科德韋夫

　　KodeWave是一個(gè)新項(xiàng)目，看起來(lái)很像CodePen，因?yàn)樗哪康幕旧鲜窍嗤模簩?shí)驗(yàn)前端代碼位。**大的區(qū)別在于，除了將其作為Web應(yīng)用程序使用外，您還可以將其作為Windows、Mac、Linux和AndroidChrome OS的獨(dú)立應(yīng)用程序下載。

　　當(dāng)然，這是偉大的，但其線(xiàn)下開(kāi)發(fā)也非常適合這些項(xiàng)目。您的客戶(hù)可能不愿意在云計(jì)算項(xiàng)目中試驗(yàn)數(shù)據(jù)和代碼。它還配備了CSS預(yù)處理器，幾乎每一幀你可以取消你的頭。

　　獎(jiǎng)勵(lì)：它可以和一個(gè)名為integrationwebdgapexit code的應(yīng)用程序一起工作，作為一個(gè)本地桌面或移動(dòng)應(yīng)用程序，非常棒的原型。

　　6。GrapesJS

　　GrapesJS是網(wǎng)站建設(shè)者。好吧，這是一個(gè)網(wǎng)站生成器框架。您可以在線(xiàn)打開(kāi)和編輯網(wǎng)站設(shè)計(jì)。它支持響應(yīng)式設(shè)計(jì)（當(dāng)然），編輯你自己的代碼（如果你真的想），多種預(yù)覽模式，撤銷(xiāo)/重做等等。它還有一組元素，您可以在預(yù)定義頁(yè)面上拖放這些元素。

　　但事實(shí)上，GrapesJS被扔進(jìn)了別人的項(xiàng)目。您可以將其包含在更大的應(yīng)用程序中，例如網(wǎng)站生成器服務(wù)、可安裝的CMS、通信管理應(yīng)用程序或您可能需要的任何HTML/CSS模板，這些模板可以由用戶(hù)自定義。它很容易使用。每一個(gè)網(wǎng)頁(yè)設(shè)計(jì)都有一條陌生的學(xué)習(xí)曲線(xiàn)，而且永遠(yuǎn)如此，但它是一個(gè)非常有能力的網(wǎng)頁(yè)編輯。

http://www.dgzxsm168.com/wangzhansheji/535.html 為網(wǎng)頁(yè)設(shè)計(jì)師提供的六個(gè)重要的開(kāi)源工具