正文

在線圖標設(shè)計免費（在線圖標設(shè)計免費軟件）

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

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

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

本文目錄:

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

在線圖標設(shè)計免費（在線圖標設(shè)計免費軟件）

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

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

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

1、Photoshop

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

2、CORELDRAW

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

3、Adobe Illustrator

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

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

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

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

在線圖標設(shè)計免費（在線圖標設(shè)計免費軟件）

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

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

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

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

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

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

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

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

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

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

符號學(xué)，從廣義上來說就是研究符號系統(tǒng)，我們?nèi)绾螌λ鼈兊男纬珊途S護做出貢獻，它們亦因我們對世界的理解而受到影響。

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

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

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

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

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

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

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

要有與真實事物的相似點，例如，一個類似真實打印機的打印圖標。

你的圖標在符號系統(tǒng)中應(yīng)該是一個熟悉的，可識別的標志。

字體圖標日益受到歡迎

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

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

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

給icon定義顏色和文本一樣簡單。例如，對于一個rss圖標，color:orange；

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

正如Chris所指出的，它們在IE6中也可以借著透明性顯示出形狀（這一點與PNG圖片不同）;

對于那些應(yīng)該出現(xiàn)在文字附近的圖標，對齊方式和包裝都不是問題（因為它們是文本）;

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

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

問題

Chris說過，使用icon字體是一個不錯的主意，我要告訴你。

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

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

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

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

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

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

使用Inkscape制作icon字型

啟動Inkscape

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

OBJECT → FILL AND STROKE

OBJECT → ALIGN AND DISTRIBUTE

TEXT → SVG FONT EDITOR

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

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

制作你的第一個字型

為定義字型，點擊SVG字體編輯面板中的“Glyphs”選項卡，然后點擊面板下方的“Add

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

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

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

Stars and Polygons tool

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

ratio為0.5，rounded value為0.1。

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

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

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

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

curves from selection按鈕：

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

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

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

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

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

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

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

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

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

準備嵌入你的字體

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

把SVG轉(zhuǎn)化成TTF

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

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

編輯字體信息

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

重要提示：雖然Microsoft Font Properties

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

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

Font Name:標簽中可以尋找到, font-family 屬性

Postscript Name:標簽中可以尋找到, id屬性

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

嵌入字體

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

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

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

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

發(fā)布字體

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

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

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

CSS spriting的終結(jié)者

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

6、FluiDui:智能手機UI設(shè)計測試平臺

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

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

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

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

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

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

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

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

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

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

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

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