Web設(shè)計(jì)師必備的6種開(kāi)放源碼工具

2014-10-03    分類: 網(wǎng)站建設(shè)

Web設(shè)計(jì)師必備的6種開(kāi)放源碼工具
成都網(wǎng)站設(shè)計(jì)網(wǎng)絡(luò)運(yùn)行在開(kāi)源軟件上。大部分是在后端,世界上大多數(shù)服務(wù)器都運(yùn)行在某種形式的UNIX或Linux上。這些服務(wù)器運(yùn)行數(shù)百個(gè)(如果不是數(shù)千個(gè))的開(kāi)放源碼實(shí)用程序、腳本解釋器等等。然而,偶爾,開(kāi)源的東西會(huì)一直到瀏覽器,用戶可以看到它。

好吧,這種事經(jīng)常發(fā)生。例子:WordPress,你現(xiàn)在看到了。但是談話,當(dāng)談到網(wǎng)頁(yè)設(shè)計(jì)的工具,往往是占主導(dǎo)地位的軟件,你必須支付:PS圖象處理軟件、Adobe XD,素描,親和的套房,崇高的文本,和大約二千個(gè)網(wǎng)絡(luò)原型的應(yīng)用程序。當(dāng)我們對(duì)開(kāi)源的網(wǎng)頁(yè)設(shè)計(jì)軟件的談話,我們談?wù)揥ordPress,偶爾GIMP…什么的。

在這篇文章中,我想強(qiáng)調(diào)一些其他的開(kāi)源項(xiàng)目,它們是活躍的,鮮為人知的,并且很有前景。我希望每一個(gè)項(xiàng)目都有偉大的成果,只要我們能讓人們看到它們:


1。krita

krita是一個(gè)功能強(qiáng)大的圖形編輯器與重視插圖和數(shù)字繪畫(huà)。互聯(lián)網(wǎng)上充斥著插圖。越來(lái)越多的設(shè)計(jì)師選擇使用插圖,甚至數(shù)字繪畫(huà),以使他們的網(wǎng)頁(yè)設(shè)計(jì)生活。當(dāng)然,大多數(shù)是由于SVG矢量格式,但如果你想要一個(gè)更傳統(tǒng)的外觀到您的圖形,Krita有你回來(lái)。

它還有你希望在傳統(tǒng)圖形編輯器中找到的大部分功能。我不會(huì)用它來(lái)設(shè)計(jì)模型(盡管你可以)因?yàn)橛懈菀椎姆椒ā?/p>

Web設(shè)計(jì)師必備的6種開(kāi)放源碼工具

2。Visual Studio代碼

很久以前,想到微軟和開(kāi)源軟件有什么關(guān)系是很奇怪的?,F(xiàn)在,他們已經(jīng)在Windows上運(yùn)行了以CLI模式運(yùn)行的Ubuntu,并且他們正在分發(fā)一個(gè)免費(fèi)的文本編輯器。自從Visual Studio代碼推出以來(lái),它已經(jīng)開(kāi)發(fā)了相當(dāng)多的風(fēng)扇基礎(chǔ)。為什么不呢?它是快速的,它是可擴(kuò)展的,它工作。

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

Web設(shè)計(jì)師必備的6種開(kāi)放源碼工具

3.UIKit

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

4。鉛筆項(xiàng)目

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

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

Web設(shè)計(jì)師必備的6種開(kāi)放源碼工具

5。kodeweave

kodeweave是一個(gè)較新的項(xiàng)目看起來(lái)很像CodePen,因?yàn)樗旧鲜峭瑯拥哪康模号c前端代碼位實(shí)驗(yàn)。大的不同是,除了使用它作為一個(gè)Web應(yīng)用程序,你可以作為一個(gè)獨(dú)立的應(yīng)用程序?yàn)閃indows,Mac,Linux和Android、ChromeOS下載。

當(dāng)然,這對(duì)于離線開(kāi)發(fā)非常有用,但對(duì)于那些客戶可能不希望在云中使用項(xiàng)目數(shù)據(jù)和代碼實(shí)驗(yàn)的項(xiàng)目來(lái)說(shuō),這也是非常好的。它還配備了帶有CSS預(yù)處理器,和幾乎每一個(gè)框架你可以叫掉你的腦袋。

獎(jiǎng)金:它可以與一個(gè)應(yīng)用程序稱為webdgap出口代碼作為本地桌面或移動(dòng)應(yīng)用程序集成,所以很偉大的原型。

Web設(shè)計(jì)師必備的6種開(kāi)放源碼工具

6。grapesjs

grapesjs是網(wǎng)站建設(shè)者。嗯,它更多的是一個(gè)站點(diǎn)構(gòu)建框架。你可以打開(kāi)它,編輯你的網(wǎng)站設(shè)計(jì)在線。它支持響應(yīng)設(shè)計(jì)(當(dāng)然),自己編輯代碼(如果你真的想),幾種預(yù)覽模式,撤銷/重做和更多。它還有一組預(yù)定義的頁(yè)面元素,可以拖放進(jìn)來(lái)。

但實(shí)際上,GrapesJS是被扔到其他人的項(xiàng)目。你可以把它包含在一個(gè)更大的應(yīng)用程序,如網(wǎng)站建設(shè)者服務(wù),一個(gè)可安裝的CMS,通訊管理應(yīng)用程序,或是任何可能需要的HTML / CSS模板,可由用戶定制。而且使用起來(lái)相當(dāng)容易。對(duì)于那些不熟悉網(wǎng)頁(yè)設(shè)計(jì)的人來(lái)說(shuō),有一個(gè)學(xué)習(xí)曲線,因?yàn)樗偸菚?huì)出現(xiàn),但是它是一個(gè)相當(dāng)有能力的頁(yè)面編輯器。

Web設(shè)計(jì)師必備的6種開(kāi)放源碼工具

榮譽(yù)獎(jiǎng)

榮譽(yù)獎(jiǎng)去Synfig工作室,二維動(dòng)畫(huà)的應(yīng)用。它與網(wǎng)頁(yè)設(shè)計(jì)沒(méi)有太大關(guān)系,所以它沒(méi)有被正確地放到列表中。然而,它可以用來(lái)為Web制作內(nèi)容,而且在過(guò)去的一年中已經(jīng)取得了很大進(jìn)展。這個(gè)隊(duì)值得一喊。

許多其他偉大的開(kāi)放源碼軟件項(xiàng)目已經(jīng)來(lái)了又走了。有些甚至還在相對(duì)默默無(wú)聞地發(fā)展,只有少數(shù)忠實(shí)忠實(shí)的粉絲使用。也許Richard Stallman。去看看GitHub,SourceForge,和其他避稅天堂的OSS軟件。有些東西可能會(huì)出現(xiàn)在你的網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中,甚至可能進(jìn)入你的網(wǎng)站…

網(wǎng)站名稱:Web設(shè)計(jì)師必備的6種開(kāi)放源碼工具
地址分享:http://www.bm7419.com/news/20372.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供標(biāo)簽優(yōu)化、網(wǎng)站制作、小程序開(kāi)發(fā)手機(jī)網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)靜態(tài)網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

搜索引擎優(yōu)化