正文

在線圖標(biāo)設(shè)計(jì)免費(fèi)（在線圖標(biāo)設(shè)計(jì)免費(fèi)軟件）

發(fā)布時(shí)間：2023-03-04 21:42:42 稿源：創(chuàng)意嶺閱讀： 125 問大家

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于在線圖標(biāo)設(shè)計(jì)免費(fèi)的問題，以下是小編對(duì)此問題的歸納整理，讓我們一起來看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，相關(guān)業(yè)務(wù)請(qǐng)撥打電話：175-8598-2043，或添加微信：1454722008

本文目錄:

1、logo在線制作工具包括什么？具體哪款好？
2、圖標(biāo)（icon）設(shè)計(jì)的方法有哪些？
3、如何制作自己的網(wǎng)頁字體圖標(biāo)
4、國外有哪些好的ui設(shè)計(jì)網(wǎng)站知乎

在線圖標(biāo)設(shè)計(jì)免費(fèi)（在線圖標(biāo)設(shè)計(jì)免費(fèi)軟件）

一、logo在線制作工具包括什么？具體哪款好？

Photoshop，它使用自己本身的編修與作圖工具，可以更好地進(jìn)行圖片編輯工作。2、CORELDRAW，其廣泛地應(yīng)用于商標(biāo)的設(shè)計(jì)，標(biāo)志制作，模型繪制，插圖描畫排版以及分色輸出等等很多的領(lǐng)域。3、AI，廣泛用于印刷出版專業(yè)插畫，多媒體圖像的處理和互聯(lián)網(wǎng)頁制作。

制作logo的軟件一般有以下幾種。

1、Photoshop

Adobe Photoshop，簡稱PS，是一個(gè)由Adobe Systems研究和發(fā)行的圖像軟件。作為一款位圖設(shè)計(jì)軟件，在平面設(shè)計(jì)領(lǐng)域是絕對(duì)的老大。它使用自己本身的編修與作圖工具，可以更好地進(jìn)行圖片編輯工作，部分設(shè)計(jì)師喜歡用它轉(zhuǎn)logo設(shè)計(jì)。

2、CORELDRAW

CoreIDRAW Graphics Suite是一款由世界頂尖公司之一的加拿大的corel公司研發(fā)的圖像圖形軟件。他的非凡設(shè)計(jì)能力廣泛地應(yīng)用于商標(biāo)的設(shè)計(jì)，標(biāo)志制作，模型繪制，插圖描畫排版以及分色輸出等等很多的領(lǐng)域。

3、Adobe Illustrator

他是一種應(yīng)用于，出版多媒體和線上圖像的工業(yè)標(biāo)準(zhǔn)矢量插圖的軟件。對(duì)于一款非常不錯(cuò)的圖片處理工具，廣泛用于印刷出版專業(yè)插畫，多媒體圖像的處理和互聯(lián)網(wǎng)頁制作。也可以為線稿提供比較高的精度，適合制作任何小的設(shè)計(jì)再到一些的復(fù)雜項(xiàng)目。

很多專業(yè)的設(shè)計(jì)師也喜歡這款軟件進(jìn)行專業(yè)的logo設(shè)計(jì)，有著Photoshop功底的設(shè)計(jì)師可以非常容易的直接上手這款軟件Logo設(shè)計(jì)是很多人的剛需，使用場景也非常廣泛，無論是初創(chuàng)公司，又或是個(gè)人自媒體都需要一個(gè)Logo傳遞品牌信息。但并不是每個(gè)人都是專業(yè)設(shè)計(jì)師，對(duì)設(shè)計(jì)軟件一竅不通，也不想麻煩朋友設(shè)計(jì)，預(yù)算有限又想擁有一個(gè)好看、高大上和有逼格的Logo設(shè)計(jì)。

二、圖標(biāo)（icon）設(shè)計(jì)的方法有哪些？

直接用這個(gè)在線的圖片生成ico工具吧，方便快捷，常用的圖片格式比如jpg/png/webp/bmp等等都可以直接生成ico圖標(biāo)，還可以在線裁剪縮放，選取你需要的尺寸等等，而且清晰度挺高的。在線ICO圖標(biāo)制作生成,圖片轉(zhuǎn)換ICO圖標(biāo)Pro版

在線圖標(biāo)設(shè)計(jì)免費(fèi)（在線圖標(biāo)設(shè)計(jì)免費(fèi)軟件）

圖片轉(zhuǎn)換ICO圖標(biāo)Pro版步驟：

一、點(diǎn)擊或者拖拽到上傳框中，即可上傳你要轉(zhuǎn)換的圖片，直接將新圖片拖入上傳框即可更換圖片。目前已知支持jpg、png等多種常見的圖片格式，如果上傳圖片并轉(zhuǎn)換ico圖標(biāo)成功，則代表支持該格式。

二、此時(shí)預(yù)覽框中會(huì)出現(xiàn)剛剛上傳的圖片，可以任意縮放拖拽裁剪框，選擇你想要截取并轉(zhuǎn)換ico圖標(biāo)的區(qū)域。在拖拽縮放裁剪框的過程中，左上方會(huì)有ico圖標(biāo)效果的實(shí)時(shí)預(yù)覽。

三、選擇需要生成的ico圖標(biāo)的尺寸，主要提供寬高為16、32、48、64、128、256、512的尺寸以供選擇。通常的ico圖標(biāo)基本都是32、64或者128像素的。

四、選擇轉(zhuǎn)換生成的ico圖標(biāo)的文件格式，默認(rèn)的格式是.ico，并且有.jpg和.png格式可以選擇。需要注意的是，ico圖標(biāo)一般都是背景鏤空透明的圖形，只有.ico和.png格式支持透明背景的圖片。而.jpg格式的圖片本身是不支持的。

三、如何制作自己的網(wǎng)頁字體圖標(biāo)

從設(shè)計(jì)單獨(dú)的圖標(biāo)開始，到把它們轉(zhuǎn)化成@font-face格式以備嵌入，乃至授權(quán)給他人使用，整個(gè)過程中我們將僅使用免費(fèi)軟件和在線服務(wù)。感覺怎么樣呢？你不必依托于任何深?yuàn)W的知識(shí)就可以制作出一套成功的英文字體（包括字母和數(shù)字），而只需要眼睛來設(shè)計(jì)——你面對(duì)的可能是非常非常小的東西。

最終，你將會(huì)收獲一個(gè)制作設(shè)計(jì)元素的過程（方法），它的意義遠(yuǎn)遠(yuǎn)在制作出簡單的圖標(biāo)之上。

在我們繼續(xù)之前，首先應(yīng)該談?wù)?，究竟希望通過在設(shè)計(jì)中使用圖標(biāo)達(dá)到什么目的，又是什么使得一個(gè)圖標(biāo)比下一個(gè)更成功。先講理論再講應(yīng)用。為了完成這個(gè)任務(wù)，我們必須思考圖標(biāo)作為符號(hào)學(xué)的一部分，所扮演的角色。

什么是優(yōu)秀的圖標(biāo)？

符號(hào)學(xué)，從廣義上來說就是研究符號(hào)系統(tǒng)，我們?nèi)绾螌?duì)它們的形成和維護(hù)做出貢獻(xiàn)，它們亦因我們對(duì)世界的理解而受到影響。

不論何時(shí)，當(dāng)你從“它象征著什么”—— 它向你的觀眾傳達(dá)了什么信息，或者它喚起了他們什么概念——思考你的某一部分設(shè)計(jì)工作時(shí)，你就是以符號(hào)學(xué)家的角度來審視你的設(shè)計(jì)。符號(hào)學(xué)像其它語言學(xué)一樣，的確可以覆蓋一種語言，在一個(gè)網(wǎng)站上面，有很多東西不是通過文字表達(dá)出來的，例如顏色、字體、形狀（圖標(biāo)）。每個(gè)人都應(yīng)該注意的是，這些東西所表達(dá)的都含有一種很強(qiáng)的文化因素。在中國，紅色可以表示好運(yùn)氣，而在很多西方國家，它卻意味著危險(xiǎn)。

術(shù)語“icon”在符號(hào)學(xué)中有一個(gè)特殊的意思。icon是一個(gè)神器，通過相似表達(dá)某事物。例如，一個(gè)標(biāo)記地圖位置的icon。它擁有一個(gè)類似真實(shí)的

地圖標(biāo)記的形狀,因此它可以表示一個(gè)位置，反過來，真正的地圖位置標(biāo)記使人們想起各種有意義的概念。其中這些有抽象的概念，比如地點(diǎn)；也有不太抽象的概

念，比如這個(gè)位置可能在什么地方。

一些所謂的圖標(biāo)并不具有真正意義的代表性。無處不在的RSS圖標(biāo)，一個(gè)點(diǎn)和兩個(gè)同心圓弧段，沒有什么比它更像Really Simple

Syndication 了。構(gòu)成RSS圖標(biāo)的形狀通過單獨(dú)約定具有象征意義，對(duì)此我們已經(jīng)達(dá)成了共識(shí)。不過，一個(gè)RSS圖標(biāo)更適合被稱為RSS標(biāo)志。

現(xiàn)在，我希望我們已經(jīng)確定了下面兩項(xiàng)成功的網(wǎng)站icon需要遵循的準(zhǔn)則：

要有與真實(shí)事物的相似點(diǎn)，例如，一個(gè)類似真實(shí)打印機(jī)的打印圖標(biāo)。

你的圖標(biāo)在符號(hào)系統(tǒng)中應(yīng)該是一個(gè)熟悉的，可識(shí)別的標(biāo)志。

字體圖標(biāo)日益受到歡迎

Icon字體，由于其提供了一種圖標(biāo)速記方式，長期以來被認(rèn)為是一種加強(qiáng)型UI設(shè)計(jì)，它協(xié)助人們理解文本信息。Icon圖像以毒品傳播的速度在整個(gè)web設(shè)計(jì)社區(qū)流傳，使用它可以使你的設(shè)計(jì)更加亮麗、吸引更多用戶點(diǎn)擊。

與圖片相比，使用icon式字體是一個(gè)相對(duì)新的主意。然而，與圖片（背景圖片方式）相比，它具備很多固有的優(yōu)勢(shì)，因此它的吸引力正在逐漸增長。早在9月初，我在微博上寫了它的一些好處，Chris Coyier顯然也有類似的想法，幾周之后也向更多觀眾介紹了它?；谝陨蟽善恼潞推渌鼉?nèi)容，我編寫了這個(gè)較為完整的特征列表：

它們的尺寸能夠輕松調(diào)整，并且不會(huì)損壞圖像質(zhì)量（作為矢量圖）；

給icon定義顏色和文本一樣簡單。例如，對(duì)于一個(gè)rss圖標(biāo)，color:orange；

可以把許多icons排列在一個(gè)組中，也就是一個(gè)文件中，這樣只需要一次http請(qǐng)求就可以了;

正如Chris所指出的，它們?cè)贗E6中也可以借著透明性顯示出形狀（這一點(diǎn) 與PNG圖片不同）;

對(duì)于那些應(yīng)該出現(xiàn)在文字附近的圖標(biāo)，對(duì)齊方式和包裝都不是問題（因?yàn)樗鼈兪俏谋荆?

你可以應(yīng)用CSS3的text-shadow和background-clip:text效果，以便凸顯字型的形狀;

不像SVG，icon字體很容易實(shí)現(xiàn)跨瀏覽器兼容；

問題

Chris說過，使用icon字體是一個(gè)不錯(cuò)的主意，我要告訴你。

盡管如此，icon字體的使用現(xiàn)狀并不理想。首先，一些優(yōu)質(zhì)的可用字體，如Pictos, Fico, Klepto, Cheetos, Ponyo 和 Sailor Moon都是收費(fèi)的。實(shí)際上意味著真有兩個(gè)問題：

你或許不得不投資一部分錢。

無論你是否需要花錢，你將會(huì)被迫接受其他一些人的糟糕設(shè)計(jì)。

除了自動(dòng)抓取程序，我假定主要是網(wǎng)頁設(shè)計(jì)師將會(huì)閱讀這篇文章。我是一個(gè)設(shè)計(jì)師，我不認(rèn)為只有我一個(gè)討厭依靠別人的作品，使自己的設(shè)計(jì)思路大打折扣這

種事兒。當(dāng)然，我更不喜歡那種有支付權(quán)限的想法。我知道自己要使用什么圖標(biāo)，并且我知道如何才能使其適合我的整體設(shè)計(jì)。我想要那種控制力。

經(jīng)過一些搜索，我想介紹一下Inkscape的svg字體編輯器。通過使用Inkscape和一款在線轉(zhuǎn)換器（SVG字體到TTF），我制作出了字體“Heyding”，這個(gè)字體在 Simurai’s list（由Coyier的文章鏈接到）中有介紹。我不打算將自己的字體賣給你（它是免費(fèi)的），但是我想它會(huì)帶給你一個(gè)非常好的概念。

使用Inkscape制作icon字型

啟動(dòng)Inkscape

我們先從下載和安裝Inkscape開始。你也應(yīng)該使用我的icon字體啟動(dòng)器模板，它們被放在這個(gè)GitHub倉庫的資源文件夾里（以后這個(gè)項(xiàng)目中還會(huì)有更多）。一旦你在Inkscape中打開了這個(gè)文件，你應(yīng)該通過在主菜單中打開以下窗口來設(shè)置好你的工作空間：

OBJECT → FILL AND STROKE

OBJECT → ALIGN AND DISTRIBUTE

TEXT → SVG FONT EDITOR

在SVG字體編輯面板中，點(diǎn)擊“Font”下的“Font1”?，F(xiàn)在，你的工作空間看起來應(yīng)該有點(diǎn)兒像這個(gè)截圖：

值得指出的是， baseline不是在畫布的下邊界之下：如果你希望與相鄰的字體共享同一條基線，你的圖標(biāo)應(yīng)該很輕微地懸在畫布的底部。我已經(jīng)用Georgia，Arial和一些網(wǎng)頁字體進(jìn)行了測試。

制作你的第一個(gè)字型

為定義字型，點(diǎn)擊SVG字體編輯面板中的“Glyphs”選項(xiàng)卡，然后點(diǎn)擊面板下方的“Add

Glyh”按鈕。一開始你可能不太清楚，但如果你在你的字形（“字型1”）上點(diǎn)擊，一個(gè)字段將會(huì)顯示出來，它要求你輸入你需要的圖標(biāo)對(duì)應(yīng)的字符。我們首先

要做一個(gè)簡單的星形，所以我建議你輸入的字符“s”，“S”或“*”：

現(xiàn)在我們已經(jīng)定義了字型對(duì)應(yīng)的字符，我們需要制作字型本身。由于這次我們僅僅要制作一個(gè)星星，我們應(yīng)該從Inkscape左邊的工具欄中選擇有用的

Stars and Polygons tool

，然后，在畫布上繪制一個(gè)星星。你會(huì)發(fā)現(xiàn)，這個(gè)工具自帶的選項(xiàng)允許您更改星星的外觀。在我的例子中，選擇了角數(shù)為5，spoke

ratio為0.5，rounded value為0.1。

使用Align and Distribute panel（可能在SVG Font Editor下面隱藏著）使星星橫向居中，然后鄉(xiāng)下拖動(dòng)形狀使觸及基線。關(guān)閉網(wǎng)格顯示之后，畫布看起來應(yīng)該像這樣子：

在我們的icon字體中，字型只是形狀，沒有顏色、層級(jí)或者漸變的形狀。因此，為了使我們的星星成為一個(gè)合格的字體候選者，我們必須將它由一個(gè)對(duì)象

轉(zhuǎn)化成基于路徑的圖形。你可以通過在主按鈕上選擇星星，然后是PATH → OBJECT TO

PATH來完成這一任務(wù)。現(xiàn)在，選擇了星星之后，我們可以在SVG Font Editor 中，高亮顯示可用的“s”字型，然后點(diǎn)擊 Get

curves from selection按鈕：

當(dāng)你在Sample Text 區(qū)域輸入“s”時(shí)，你的星星應(yīng)該被預(yù)覽出來，如下所示：

制作更加復(fù)雜的icon

你已經(jīng)制作出了第一個(gè)可擴(kuò)展的SVG字體字型。通過使用Fill and

Stroke面板上的選項(xiàng)：編輯路徑節(jié)點(diǎn)，以及合并對(duì)象和筆畫，能夠使你做出更加不凡的icon設(shè)計(jì)。由于我們還有很多要講，我不想深入完成一個(gè)完整的

Inkscape教程，但是遵循下面的簡單規(guī)則會(huì)給你帶來好處：

堅(jiān)持使用黑色筆畫和填充，只是為了提醒你：那些icon僅僅是形狀，而非復(fù)雜的矢量圖。為icon上色這件工作，我們會(huì)在最終產(chǎn)品中使用CSS來完成。

所有對(duì)象和筆畫（線條）必須被轉(zhuǎn)化成路徑（不管使用PATH → OBJECT TO PATH 或者 PATH → STROKE TO PATH）

當(dāng)有多個(gè)對(duì)象和/或筆畫被用來完成一個(gè)icon字型時(shí)，它們應(yīng)該被合并起來（使用PATH → COMBINE 或者，在某些情況下，使用 PATH → UNION）

為了在已有的形狀上剪切出想要的形狀，將形狀放置在主形狀上面，選擇兩個(gè)形狀，然后選擇 PATH → DIFFERENCE。點(diǎn)擊Get curves from selection ，黑色塊上面的白色區(qū)域剔除之后就是你要的形狀。

準(zhǔn)備嵌入你的字體

假如你已經(jīng)重復(fù)了很多次我剛才所描述的方法，創(chuàng)建了一些有用的圖標(biāo)，并且，字體文件被保存為myicons.svg?，F(xiàn)在，你將要準(zhǔn)備好把這個(gè)圖標(biāo)庫用于網(wǎng)頁中。

把SVG轉(zhuǎn)化成TTF

你應(yīng)該采取的第一項(xiàng)措施是，將SVG字體格式轉(zhuǎn)換成一個(gè)更熟悉、更通用的格式。 TTF是一種用于本地安裝的卓越格式。同時(shí)，它還為再轉(zhuǎn)化成@font-face提供了一個(gè)良好的基礎(chǔ)。可以進(jìn)行字體轉(zhuǎn)換的在線服務(wù)包括： http://onlinefontconverter.com，http://www.fontconverter.org和http://www.font2web.com。然而，我個(gè)人最喜歡的，是http://www.freefontconverter.com，因?yàn)槲也粫?huì)排隊(duì)，也從來沒看到它產(chǎn)生什么故障。

我想，不需要向你介紹如何使用這個(gè)資源也足以顯示我的誠意了。醒目的文件上傳字段，select元素和巨大的轉(zhuǎn)換按鈕會(huì)讓你迅速抓住重點(diǎn)，真的。

編輯字體信息

既然你已經(jīng)獲得了一個(gè)TTF，我推薦你現(xiàn)在編輯產(chǎn)生的元數(shù)據(jù)。對(duì)字體進(jìn)行重命名、添加屬性和描述，使它準(zhǔn)備好被安裝、嵌入和分發(fā)。這也是一種聲明字體為你所創(chuàng)造的途徑。運(yùn)行Windows的讀者可以選擇使用貌似很霸氣的 Microsoft Font Properties Editor或者允許免費(fèi)使用X天的Typograf。對(duì)于蘋果和Linux用戶，我希望得到你們更好的意見。

重要提示：雖然Microsoft Font Properties

Editor允許您添加作者，描述和許可信息，它似乎并沒有讓你編輯字體名稱、附言名稱等基本數(shù)據(jù)。這些字段是被禁用的。如果你想使用這些特殊的功能，你

需要在SVG轉(zhuǎn)換為TTF之前，在SVG代碼中編輯禁止的值。在你喜歡的文本編輯器（我用Notepad++）中打開原始的SVG，并編輯以下內(nèi)容：

Font Name:標(biāo)簽中可以尋找到, font-family 屬性

Postscript Name:標(biāo)簽中可以尋找到, id屬性

Description:你應(yīng)該在這個(gè)標(biāo)簽中添加一個(gè)描述（作者、許可等）。請(qǐng)注意這與TTF描述文字是不同的，轉(zhuǎn)換過程中將不會(huì)被保留；你還需要為TTF添加單獨(dú)的描述信息。

嵌入字體

一旦你在本地系統(tǒng)中安裝了TTF，并且已經(jīng)預(yù)覽過，確定沒有出現(xiàn)意外狀況，你就可以在Font Squirrel的 @font-face generator中運(yùn)行它了。為了使輸出代碼的效率和效果盡量好，這里有幾個(gè)專家模式中的選項(xiàng)值得一提：

Subsetting：該選項(xiàng)允許您只運(yùn)行需要的字符集（包括字符編碼、類型、語言等選項(xiàng)），減少文件大小。

Remove kerning:您的圖標(biāo)將幾乎總是單獨(dú)出現(xiàn)，所以字距是沒有必要的。據(jù)稱，這也將減小文件大小。

WebOnly™:如果你希望您的字體僅僅用于web中，而非桌面- 你可以選擇此選項(xiàng)。它也可以更好地滿足您的授權(quán)計(jì)劃?，F(xiàn)在我將介紹許可證。

發(fā)布字體

如果你有興趣發(fā)布你的字體，給它添加許可是一個(gè)比較好的做法。否則許多字體網(wǎng)站將不會(huì)帶它玩兒。由于我們制作圖標(biāo)時(shí)使用的是免費(fèi)、開源的軟件，發(fā)布時(shí)也不妨這樣做。

目前，有很多可用的授權(quán)選項(xiàng)，而逐一調(diào)查研究它們有時(shí)是令人費(fèi)解的一件事。 GNU General Public License是完全可以接受的，但你可能要考慮SIL Open Font License。使用這種許可證的主要優(yōu)點(diǎn)是，reserved font name：即允許其他設(shè)計(jì)師修改字體，但他們需要用不同的名字。在實(shí)踐中，這意味著，對(duì)圖標(biāo)設(shè)計(jì)的一些不良行為不能以“你的名字”來進(jìn)行。

有了這兩種許可，你還應(yīng)該在一個(gè)文本文件中保存版本信息，同時(shí)在字體的元信息中插入版權(quán)聲明和完整許可的URL鏈接。如果需要更具體的說明，請(qǐng)?jiān)L問各自的許可證頁面（上面的鏈接）。

CSS spriting的終結(jié)者

為什么要停下使用SVG字體做通用圖標(biāo)的腳步？有了做圖標(biāo)的能力，也就有了能力去設(shè)計(jì)出站點(diǎn)獨(dú)有的形狀、品牌元素和裝飾。這一點(diǎn)像CSS

sprities，所有這些視覺元素都可以保存在一個(gè)文件中，減少了服務(wù)器調(diào)用http請(qǐng)求的次數(shù)；不過，icon字體的元素都可以調(diào)整大小，而不必依賴

于位置坐標(biāo)（背景位置值）才能正確顯示。這使它們更適合于 responsive design。

讓我們假裝要選擇使用一個(gè)SVG字體去代替一些我的steampunk般的blog里基本的設(shè)計(jì)元素。組件設(shè)計(jì)的一個(gè)簡單的HTML表格呈現(xiàn)會(huì)是這個(gè)樣子：

關(guān)于這種方式，最好的事情就是通用性。舉例來說，從左邊的第二個(gè)齒輪形狀既可作為一個(gè)微小的圓點(diǎn)設(shè)計(jì)，又可以是一個(gè)巨大而抽象的背景裝飾。著色很簡

單：color:maroon，但沒有必要堅(jiān)持扁平的顏色;多種CSS3效果疊加起來可以為它添加紋理和觸感。為了讓你一開始有所啟發(fā)，查看this excellent gallery of CSS3-enhanced webfonts。

關(guān)于屏幕閱讀器的快速筆記

以這種方式使用字體來顯示視覺元素的一個(gè)問題是，在屏幕閱讀器上輸出時(shí)會(huì)受到影響。直觀上的網(wǎng)站訪問者會(huì)看到齒輪，箭頭之類的圖標(biāo)，但是屏幕閱讀器將堅(jiān)持讀出指定這些設(shè)計(jì)的字符。對(duì)于使用裝飾性的SVG字體元素，我建議聽取Coyier的建議：為Unicode的Supplementary Private Use Area分配向量。這樣的符號(hào)不應(yīng)該由讀者來讀出。

一個(gè)協(xié)作式icon web字體

作為我的JavaScript導(dǎo)師，Rupert，有一天向我指出，使用SVG字體來創(chuàng)建圖標(biāo)集為合作提供了一個(gè)有趣的機(jī)會(huì)。你看，SVG的代碼 - XML的一種形式 - 是高度標(biāo)準(zhǔn)化而且輕松可讀的。正是源碼的順序讓我覺得，icon字體的開發(fā)很適合選擇像GitHub這樣的協(xié)作編碼服務(wù)。

這個(gè)想法契合了我想要的符號(hào)含義：如果一個(gè)圖標(biāo)是由很多人協(xié)商之后一致確定的，那么它的形成過程中也存在一定的“共識(shí)”。通過我們的圖標(biāo)標(biāo)識(shí)系統(tǒng)設(shè)計(jì)出來的，一定是最典型的圖標(biāo)。我們應(yīng)該創(chuàng)建一種屬于社區(qū)的icon詞匯，并且它對(duì)于需要的人來說是有意義的。

為了發(fā)展這個(gè)想法，我創(chuàng)建了一個(gè)公開的GitHub倉庫Community Icon Font，這個(gè)倉庫的文件結(jié)構(gòu)并不復(fù)雜：仔細(xì)閱讀上面的Inkscape教程和項(xiàng)目主頁的內(nèi)容應(yīng)該可以為你解答所有的疑惑。如果你是GitHub的新成員，嘗試閱讀它們的幫助頁面，或者問問你附近的技術(shù)人員（我正是這樣做的）。

四、國外有哪些好的ui設(shè)計(jì)網(wǎng)站知乎

　10個(gè)國外較優(yōu)秀的UI設(shè)計(jì)網(wǎng)站。作為設(shè)計(jì)師，除了要有龐大的素材庫，要保持高度的行業(yè)敏銳度，得到第一手行業(yè)資訊，還要不斷地學(xué)習(xí)充電。通過它們，你就能每天收到設(shè)計(jì)行業(yè)最新的相關(guān)資訊，包括行業(yè)動(dòng)態(tài)、設(shè)計(jì)作品、創(chuàng)意靈感以及素材等等。

1、UIparade:靈感UI設(shè)計(jì)目錄網(wǎng)

UIparade:靈感UI設(shè)計(jì)目錄網(wǎng)是一個(gè)致力于設(shè)計(jì)師UI設(shè)計(jì)作品分享的網(wǎng)站，提供世界是最有才華的設(shè)計(jì)師們的優(yōu)秀作品，幫助設(shè)計(jì)師們獲得UI方面的設(shè)計(jì)靈感，提供豐富的設(shè)計(jì)參考案例，同時(shí)還提供收費(fèi)版的在線設(shè)計(jì)工具。

2、MaterialUp:創(chuàng)意UI設(shè)計(jì)靈感分享網(wǎng)

MaterialUp:創(chuàng)意UI設(shè)計(jì)靈感分享網(wǎng)是一個(gè)致力于移動(dòng)應(yīng)用和網(wǎng)站程序、概念設(shè)計(jì)作品展示的網(wǎng)站，每周都會(huì)更新最新收錄的創(chuàng)意設(shè)計(jì)，幫助設(shè)計(jì)師們尋找極富靈感思維的設(shè)計(jì)作品，設(shè)計(jì)沒思路？沒靈感？那么你就趕緊訂閱這個(gè)網(wǎng)站吧。

3、HudsandGuis:科幻UI界面分享博客

HudsandGuis:科幻UI界面分享博客是一個(gè)致力于分享電影里的科幻類UI界面設(shè)計(jì)的站點(diǎn)，我們都看過鋼鐵俠系列的電影，對(duì)于里面的帶有濃厚未來科技理念的UI界面設(shè)計(jì)有著強(qiáng)烈的視覺沖突，該博客就是分享此類的UI界面設(shè)計(jì)資源?？萍糢I界面是從國外的科幻電影里衍生出來的新設(shè)計(jì)理念，這樣的UI設(shè)計(jì)擁有超前的想象力和極簡的設(shè)計(jì)元素，是提醒未來科技發(fā)展的最佳創(chuàng)意思維，越來越多的科幻電影采用了這樣的視覺展示資源，讓電影里的未來氣息更加濃厚，如果你喜歡此類UI設(shè)計(jì)的話，不妨多關(guān)注這個(gè)博客網(wǎng)站，你會(huì)收到到很多超酷的UI資源。

4、Mantia:蘋果UI設(shè)計(jì)網(wǎng)

mantia.me是一個(gè)蘋果手機(jī)UI設(shè)計(jì)站點(diǎn)，網(wǎng)站提供免費(fèi)的icon圖片和桌面以及UI設(shè)計(jì)下載和使用。網(wǎng)站作者曾經(jīng)是iTunes團(tuán)隊(duì)人之一，參與了iTunes圖標(biāo)的設(shè)計(jì)。

5、Android Design:安卓UI設(shè)計(jì)網(wǎng)

安卓系統(tǒng)的UI界面總比不上IOS的優(yōu)秀和炫麗，很多手機(jī)控對(duì)安卓的UI一直建議非常多，這不谷歌Android團(tuán)隊(duì)也看不下去了，終于宣布推出安卓UI指導(dǎo)性質(zhì)的網(wǎng)站:Android Design:安卓UI設(shè)計(jì)網(wǎng)。該網(wǎng)站上有很多資料，其中包括一般風(fēng)格指南、設(shè)計(jì)樣式，以及Android的部分默認(rèn)UI 構(gòu)件 — “Building Blocks”。網(wǎng)站還重點(diǎn)介紹了Android 4.0中用戶界面元素，有些新特征在老版本中可能不能立即得到支持。但就長遠(yuǎn)來說，這是一個(gè)不錯(cuò)的改變。

6、FluiDui:智能手機(jī)UI設(shè)計(jì)測試平臺(tái)

　 FluiDui:智能手機(jī)UI設(shè)計(jì)測試平臺(tái)是一個(gè)針對(duì)于蘋果手機(jī)和安卓手機(jī)系統(tǒng)UI設(shè)計(jì)的網(wǎng)站，可以在線通過谷歌瀏覽器試用Fluid UI，進(jìn)行一些換膚、位置、圖標(biāo)等測試。蘋果手機(jī)和安卓手機(jī)的流行也為手機(jī)系統(tǒng)的UI設(shè)計(jì)添加了一把火，想這樣的可以在線通過瀏覽器來調(diào)試系統(tǒng)UI的網(wǎng)站少之又少，如果你是手機(jī)系統(tǒng)UI的設(shè)計(jì)師，那么這個(gè)網(wǎng)站絕對(duì)要去試試了，不過需要注冊(cè)以后才可以試用，登錄后有非常豐富的圖標(biāo)、套圖、模版可以在線測試的。

7、LovelyUI:可愛的UI手機(jī)界面設(shè)計(jì)庫

LovelyUI:可愛的UI手機(jī)界面設(shè)計(jì)庫是一個(gè)致力于智能手機(jī)界面設(shè)計(jì)作品展示的博客網(wǎng)站，由眾多程序界面設(shè)計(jì)師上傳分享出來的，該網(wǎng)站分類詳細(xì)，用戶可以更加分類來查看不同的界面UI設(shè)計(jì)。手機(jī)系統(tǒng)的界面UI就跟大廚做菜一樣，你的菜譜要征服用戶的胃，應(yīng)用程序界面也需要吸引用戶的眼球才能讓一個(gè)應(yīng)用程序有良好的用戶體驗(yàn)，要想提高自己的設(shè)計(jì)能力就需要去取經(jīng)，該網(wǎng)站就是你取經(jīng)的必備網(wǎng)站之一。

8、GetUIcolors:在線UI顏色分享網(wǎng)

GetUIcolors:在線UI顏色分享網(wǎng)是一個(gè)幫助設(shè)計(jì)師發(fā)現(xiàn)最佳顏色搭配的網(wǎng)站，當(dāng)你在設(shè)計(jì)UI素材的時(shí)候合理的顏色搭配就顯得非常重要，該網(wǎng)站把搭配好的顏色整合在一起供設(shè)計(jì)師使用，直接復(fù)制即可。

9、UI Cloud:UI設(shè)計(jì)素材云搜索引擎

UI Cloud:UI設(shè)計(jì)素材云搜索引擎是一個(gè)針對(duì)UI設(shè)計(jì)素材搜索的網(wǎng)站，通過關(guān)鍵字搜索你所需要的素材，并且下載是完全免費(fèi)的，漂亮的網(wǎng)站UI設(shè)計(jì)加上優(yōu)秀的素材下載資源，絕對(duì)是你找素材的好應(yīng)用。

UICloud平臺(tái)收集了來自世界各地的互聯(lián)網(wǎng)上最好的UI元素設(shè)計(jì)作品，并提供了一個(gè)搜索引擎為你找到所需要的最好的UI素材。

該平臺(tái)的目標(biāo)是要?jiǎng)?chuàng)造最大的平臺(tái)，展示其頂級(jí)的用戶界面設(shè)計(jì)，并為開發(fā)人員輕松快速地創(chuàng)建項(xiàng)目，輔助其獲取得到最好的UI素材。目前已收錄超過22444個(gè)UI作品。

10、Fltdsgn:平板UI設(shè)計(jì)分享網(wǎng)

Fltdsgn:平板UI設(shè)計(jì)分享網(wǎng)是一個(gè)提供平板APP和html5網(wǎng)站模版UI作品展示的網(wǎng)站，幫助設(shè)計(jì)師們尋找靈感，激發(fā)你的創(chuàng)意思維，支持郵箱訂閱最新更新，每天都可以讓你找到創(chuàng)意模版設(shè)計(jì)資源。在該網(wǎng)站你除了可以尋找合適的UI外，還可以提交自己的設(shè)計(jì)作品，該網(wǎng)站收錄的創(chuàng)意作品，除了有截圖還會(huì)發(fā)布作品設(shè)計(jì)來源，也可以作為宣傳自己團(tuán)隊(duì)的平臺(tái)來使用。

以上就是關(guān)于在線圖標(biāo)設(shè)計(jì)免費(fèi)相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。