ui圖標製作步驟，ui標註軟件有哪些

Adobe Photoshop

首先給大家介紹UI設計軟件的鼻祖，Adobe Photoshop，早期是以修圖和特效濾鏡起家，在設計軟件中普及率極高，無論你用什麼做UI，都多多少少要用到它的圖片處理功能。由於近年來，設計行業開始從線下印刷品轉變為電子出版物和應用程序，它也做出了改變，推出了畫板功能，但仍舊杯水車薪，目前已經很少UI設計師會使用它來完成APP設計了，因為過於臃腫，太消耗內存，設計效率低下。

不過由於中國80%企業都是中小企業，一般不會給員工配置蘋果電腦，都是一台PC走天下，一個PS就上班。因此還是有必要了解Photoshop設計UI界面並完成切圖的方法。

另外，由於PS可以做出比較酷炫的界面風格，因此在遊戲設計及互動性比較酷炫的產品中，仍舊是不可取代的，如點歌、直播、VR、車載概念UI等。因此PS還是必須要好好學的，誰讓它老人家圖形處理能力最強呢。

Sketch

但PS的臃腫，就很不適合設計應用界面了（工作生活類手機app界面為主），因此一個叫Sketch的軟件，在很短時間裏就成功俘獲了UI設計師的心，不到50M的體量，有完全針對APP和網頁設計的工具面板。

不僅如此，它還結合了Princeple(高保真手勢模擬)，Flinto（動畫製作），還有大量個插件和周邊軟件，越來越鞏固了它在UI設計領域的地位。一度成為UI設計師必備的軟件，因此很多公司都不得不買蘋果電腦，因為它只能在蘋果電腦上跑。

2016年前後，應該是它最輝煌的時候，幾乎沒有競爭者，但隨着團隊協作，特別是設計和研發協作的興起，只支持MAC平台、需要多軟件配合才能完成工作，成了它最大的弊病。而此時，國際上流行起了全平台軟件，也使Sketch陷入了尷尬境地。

Figma

Figma是國外UI設計的主流軟件，支持網頁端，Mac、Windows，而且重新定義了路徑操作工具，極大釋放了設計生產力，安裝包同樣不到50M，同時支持設計、交互原型、代碼輸出。但最大的問題是，只有英文版，因此國內沒有火起來，國外設計師倒是用得很普遍。

AdobeXD

Adobe爸爸看到UI設計軟件江湖大變，自己再不努力，就要失去老大地位了，於是如同騰訊讓微信和QQ競爭一樣，推出了AdobeXD。它最大的特點是支持中文、能夠自己完成設計、原型、代碼及標註、支持Mac和Windows、支持插件和第三方軟件、完美結合AE、AI、PS、Sketch。最重要的是它和Figma一樣，免費。

目前國際上主流的就這4個UI設計軟件，PS遊戲和強互動UI為主；Sketch、Figma、AdobeXD應用UI為主；Sketch只支持Mac，而且最近官方也發表文章說以後不會出Windows版本；Figma也不會出中文版本，因為它和 Google 很親密；

只有AdobeXD免費、支持Sketch、PS、AI文件導入、一個軟件可以完成設計、原型及標註（標註目前國內Adobe用戶還不能用）。

到此，我們還只了解了UI設計軟件，而UI裏面最核心的是原型設計及UE（即UX）思想，隨着軟件越來越強大，它不僅僅解放了生產力，還倒逼設計師轉型，從以前只關注視覺的美工、GUI，變成用戶體驗設計師（UI/UX）。

因此，我們需要了解思維導圖（Xmind、mindmanager等）、了解原型工具（墨刀、Axure、Mockup、Mockplus等），需要了解用戶體驗的檢驗標準及基本內容。

很多培訓機構課程案例里，會包括ID（Indesign）印刷出版設計工具、C4D（CINEMA 4D）影視包裝片頭製作工具，靜態電商圖片渲染設計；DW（Dreamweaver）網頁代碼製作工具；這些在UI里基本用不到，特別是在UI設計軟件可以直接導出代碼的今天，DW可以忽略了。術業有專攻，3-4個月的學習，腦容量就那麼大，專心學好設計基礎，選一個適合自己的UI軟件吃透它，理論和實戰經驗補足，做2套畢業能拿得出手的UI作品（包括產品原型、UI插畫、大量界面、精美圖標、好看的Banner、UI動效），這才是改行和就業需要的。

Sketch、AdobeXD、Figma至少要非常精通一個，出於以後去公司可能沒有蘋果電腦，英語又不好的考慮，AdobeXD是最好的選擇。