開源的超凡和強(qiáng)大毋庸置疑。從服務(wù)器到個(gè)人電腦桌面、移動(dòng)設(shè)備，甚至到所謂的“物聯(lián)網(wǎng)”，開源在各個(gè)領(lǐng)域遍布全球。然而有一個(gè)行業(yè)，傳統(tǒng)的專有閉源軟件解決方案依然占據(jù)主導(dǎo)地位，并且通常特別昂貴，這就是設(shè)計(jì)產(chǎn)業(yè)。在這篇文章中，我們會大致描述一些自由及開源的替代軟件來拋磚引玉，看是否能代替你現(xiàn)在所用的設(shè)計(jì)工具集。也許你是一個(gè)剛起步的設(shè)計(jì)師，需要節(jié)省開支。也許你的經(jīng)驗(yàn)十分豐富，只是單純的想換一個(gè)更加“開放”的工作方式。讀下去，讓我們看看自由及開源軟件世界到底帶來了什么!

繪圖

在開源世界，有幾個(gè)可行且十分強(qiáng)大的工具，代替 Adobe 支持的主流產(chǎn)品。

GIMP

GIMP, 或者說 GNU 圖像處理程序GNU Image Manipulation Program是一個(gè)非常強(qiáng)大的免費(fèi)開源軟件，可替代 Adobe 公司的 PhotoShop 。它由一個(gè)相當(dāng)強(qiáng)大的核心團(tuán)隊(duì)開發(fā)和維護(hù)，為設(shè)計(jì)創(chuàng)造提供強(qiáng)大的圖片編輯工具，比如濾鏡、筆刷、修飾。如果你想使用 UX/UI 庫設(shè)計(jì)模型，GIMP 甚至可以處理 .PSD 文件。***，GIMP 還可以用來做數(shù)字藝術(shù)、logo 等類似的東西。GIMP 可以免費(fèi)下載并在 Linux、MacOS 和 Windows 上運(yùn)行。

Inkscape

Inkscape 有一個(gè)宣傳語，代表著它的核心價(jià)值觀 —— “Draw Freely”，它是一個(gè)開源而自由的產(chǎn)品，可以替代 Adobe 公司的另一產(chǎn)品 —— 強(qiáng)大、專有而且昂貴的矢量程序 Illustrator 。Inkscape 提供了大量的設(shè)計(jì)和畫圖工具，易用的顏色拾取導(dǎo)航欄，濾鏡和漸變工具，還有很多很多。如果設(shè)計(jì)師下決心使用開源軟件解決方案，你可以在博客和論壇帖子上找到非常好的在線文檔。和 GIMP 一樣，Inkscape 也可以免費(fèi)下載并可在 Linux、MacOS 和 Windows 上運(yùn)行。

想從經(jīng)驗(yàn)豐富的圖形和網(wǎng)頁設(shè)計(jì)師那里學(xué)習(xí)更多關(guān)于這些開源工具的使用知識?請?jiān)?YouTube 網(wǎng)站上找一下這些人：

• Nick Saporito (Nick 有很好的資源，介紹 Inkscape 的基本特性，涵蓋了圖標(biāo)、網(wǎng)站或者圖形設(shè)計(jì)師日常會使用的基本功能)。
• Irfan Prastinato (Irfan 的亮點(diǎn)是使用 Inkscape 專注于現(xiàn)代圖標(biāo)的創(chuàng)作)。
• Cameron Bohnstedt (Cameron 是一個(gè)數(shù)字藝術(shù)家，由于他很專業(yè)并且有豐富的經(jīng)驗(yàn)，開源工具(GIMP、Inkscape、Blender)的力量被真正的展示了出來。很有感染力，值得一看)。

網(wǎng)頁設(shè)計(jì)與開發(fā)

要設(shè)計(jì)功能豐富、響應(yīng)快速的網(wǎng)頁和原型時(shí)，這里有幾個(gè)工具 —— 有些是開源的 —— 供設(shè)計(jì)師選擇。這些工具最近幾年一直在持續(xù)發(fā)展，在我看來，這應(yīng)該是反映出了設(shè)計(jì)發(fā)展的趨勢是響應(yīng)式網(wǎng)站設(shè)計(jì)要和我們生產(chǎn)的設(shè)備變化得一樣快。

Bootstrap

在我看來，Bootstrap 促進(jìn)了響應(yīng)式設(shè)計(jì)，甚至是“移動(dòng)為先”的設(shè)計(jì)實(shí)現(xiàn)了跳躍式的突破。Boostrap 最初由 Twitter 開發(fā)人員 Mark Otto 和 Jacob Thornton 開發(fā)，是一個(gè)完全開源、完全可定制的開發(fā)框架，利用它你可以制作出滿足你的客戶需求的網(wǎng)頁。有了 Bootstrap 就有了堅(jiān)實(shí)的基礎(chǔ)， Bootstrap 4.0 目前正在進(jìn)行內(nèi)部測試，在穩(wěn)定的 3.0 版本的基礎(chǔ)上做了大量的底層優(yōu)化，包括 CSS 預(yù)處理器從 Less 換成 Sass，一個(gè)增強(qiáng)的網(wǎng)格系統(tǒng)，JavaScript 插件的重構(gòu)等等。

Gravit

另一個(gè)自由開源的矢量程序 Gravit，它受到越來越多的關(guān)注。Gravit 可以在瀏覽器上運(yùn)行，不僅是 Adobe Illustrator 在矢量方面的一個(gè)切實(shí)可行的替代品(盡管功能不是那么豐富)，也有望成為一個(gè)成熟的設(shè)計(jì)環(huán)境。不論是 logo 設(shè)計(jì)，還是移動(dòng)應(yīng)用、網(wǎng)站，任何東西你都可以拿來會進(jìn)行設(shè)計(jì)。自從 Gravit 成為我在瀏覽器上的可選工具后，我最近一些工作就是靠它完成的，除此之外它還很強(qiáng)大，簡潔直觀。

一些免費(fèi)但不開源的解決方案……

Webflow

Webflow 是一個(gè)強(qiáng)大的全能網(wǎng)頁設(shè)計(jì)環(huán)境，可以在瀏覽器上運(yùn)行。Webflow 的奇妙之處是設(shè)計(jì)網(wǎng)頁基本不需要寫代碼，當(dāng)你設(shè)計(jì)時(shí)，它會在后臺自動(dòng)生成代碼。我發(fā)現(xiàn) Webflow 的界面十分干凈清爽，非常直觀。誠然，Webflow 沒有開源，但是免費(fèi)版支持同時(shí)設(shè)計(jì)和開發(fā)兩個(gè)網(wǎng)頁項(xiàng)目。

Froont

另一個(gè)基于瀏覽器的網(wǎng)頁設(shè)計(jì)程序是 Froont。和 Webflow 相似, Froont 設(shè)計(jì)非常直觀簡潔，而且強(qiáng)大。利用 Froont，在任何相關(guān)設(shè)備上，你都可以高效地設(shè)計(jì)一個(gè)全新、***的響應(yīng)式網(wǎng)站。和 Webflow 一樣，F(xiàn)roont 還允許設(shè)計(jì)師在需要的時(shí)候?qū)С龃a。

Webflow 和 Froont 除了收費(fèi)計(jì)劃外均有免費(fèi)版，很適于一次設(shè)計(jì)一個(gè)站點(diǎn)，還可以將你的工作成果發(fā)布到網(wǎng)上，如果你選擇的話。

文本編輯器

有一些產(chǎn)品供想使用自由開源編輯器的設(shè)計(jì)師和開發(fā)者選擇，作為自己平常編寫代碼工具的替代品。

Atom

Atom 號稱為“面向 21 世紀(jì)的黑客級編輯器”hackable editor for the 21st Century, 它是全功能的編輯器，看起來內(nèi)置了完成工作所需的所有功能 —— 比如代碼自動(dòng)補(bǔ)全、多功能視圖等。它的可玩性很高，用戶可以以自己喜歡的方式對 Atom 進(jìn)行自定義。Atom 有自己的包管理器, 用戶可以下載成千上萬的軟件包進(jìn)一步定制 Atom，添加***的功能。

結(jié)論

當(dāng)今時(shí)代，設(shè)計(jì)師不要被昂貴臃腫的專有軟件所束縛。使用一些自由開源的工具，具有開源意識的設(shè)計(jì)師有足夠多的選擇，為他們的客戶創(chuàng)造漂亮、實(shí)用的設(shè)計(jì)作品。如果喜歡這篇文章就分享吧，也可以在下面評論你最喜歡的開源的設(shè)計(jì)工具!