在前幾篇文章中，我們分享了一些最受歡迎的原型設(shè)計工具黔龟，今天我們來談?wù)劷缑嬖O(shè)計工具宪巨。工具的重要性對于設(shè)計師來講不言而喻。任何想法都需要借助工具來實現(xiàn)愈腾。想要成為一名出色的UI設(shè)計師炉爆，你需要多掌握一些技能堕虹，才能增強自身競爭力。同時也給那些想轉(zhuǎn)行做UI設(shè)計師的朋友一些工具建議芬首，接下來我們就來盤點一下那些UI設(shè)計師需要掌握的界面設(shè)計工具赴捞。

1. Sketch-強大的矢量繪圖工具

支持平臺：只支持Mac

Sketch是一款強大的界面設(shè)計工具，專為UI設(shè)計師打造的軟件郁稍，可讓你的界面設(shè)計變得更簡單赦政，更高效。如果你是一個UX或者UI設(shè)計師耀怜，那么你一定知道Sketch這個強大的UI界面設(shè)計軟件恢着。如果你想轉(zhuǎn)行做UI設(shè)計師，那么你一定不能錯過這個好用的設(shè)計工具封寞。

在Sketch中用戶能輕松地設(shè)置圖層面板然评，可批量命名圖層、智能標注頁面狈究、填充頭像和文字等碗淌，可實現(xiàn)多層式填充、漸變抖锥、噪點等操作功能亿眠；Sketch提供“全部導(dǎo)出”功能，因為它是基于矢量的磅废，所以可導(dǎo)出PDF纳像，JPG和PNG（可選擇2x）等格式。不得不提的就是Sketch為設(shè)計師提供了豐富的插件拯勉，越來越能滿足不同人群的設(shè)計需求竟趾，所有你需要的工具都觸手可及憔购。

特色：

出色的用戶體驗

非常簡單易用

提供大量實用的插件

Sketch插件集合可戳：sketch.im

2. Photoshop-強大的圖片處理軟件

支持平臺：Windows＆Mac

Photoshop是最流行的圖像編輯器之一，UI設(shè)計師入門的必備界面設(shè)計工具岔帽。相信不是設(shè)計行業(yè)的小伙伴玫鸟，也略知一二。PS作為UI界面設(shè)計神器犀勒，有著強大的圖片編輯和處理功能屎飘，想要什么的圖形都可以用PS來實現(xiàn)，可用于攝影的后期制作贾费，可給圖像添加各種濾鏡钦购，調(diào)整亮度，對比度等褂萧，生成高分辨的圖形押桃。借助圖層面板可非常簡單和高效的處理修復(fù)圖片；并且PS提供了不同文件格式保存的選項导犹，調(diào)整圖像大小和分辨率也不會丟失圖像質(zhì)量怨规。

PS：如果要制作圖標，需要用到矢量繪圖軟件AI來制作锡足，這樣放大才不會失真。

特色：

照片處理技術(shù)（剪裁背景壳坪，裁剪舶得，調(diào)整光線，調(diào)整顏色爽蝴，過濾沐批，消除紅眼等功能）

強大的圖層功能 處理副本時保存原件

批量處理照片

兼容其他Abode套件程序，如After Effect蝎亚，InDesign九孩，Illustrator

Photoshop可以將圖像保存為各種格式

3. Mockplus-強大的原型界面設(shè)計工具

支持平臺：Windows＆Mac

Mockplus是一款高效簡單的app界面設(shè)計工具，產(chǎn)品經(jīng)理圈子中比較流行的一款國產(chǎn)界面原型設(shè)計工具发框。軟件提供了封裝好的3000多個圖標以及200多個組件躺彬，拖拽即可進行UI界面設(shè)計，學習成本低梅惯，無需代碼參與宪拥，所以對于UI設(shè)計師來說是一個非常好的選擇。如果一個UI設(shè)計師連基本的原型設(shè)計能力都沒有铣减，怎么和開發(fā)進行有效的溝通呢她君。

【來啦！彩蛋君】Mockplus個人版免費贈送福利葫哗！限時限量缔刹！

Mockplus對接iDoc了球涛，將原型接入產(chǎn)品工作流，增加了原型標注校镐、評論亿扁、對比設(shè)計稿、全貌呈現(xiàn)等功能灭翔，誠邀體驗魏烫！贈送Mockplus個人版！數(shù)量有限肝箱，先到先得哄褒！

專屬激活碼：Mock2019；

激活數(shù)量：限量150個煌张；

有效期：2019年9月30日

激活地址：https://www.mockplus.cn/user/upgrade（登錄/注冊后輸入激活碼即可）

Plus呐赡，發(fā)布Mockplus原型到iDoc，還有更多大禮等你拿骏融！

特色：

簡單链嘀，零門檻

豐富的圖標及組件

拖拽實現(xiàn)交互效果

小程序預(yù)覽，隨時隨地跟客戶演示

4. Zeplin-強大的協(xié)作工具

支持平臺：只支持Mac

專為UI設(shè)計師與開發(fā)工程師量身打造的協(xié)作型界面設(shè)計工具档玻。作為一名UI設(shè)計師怀泊，你需要把你的設(shè)計傳達給開發(fā)團隊，而Zeplin的設(shè)計是為了實現(xiàn)這一目標误趴。Zeplin操作很簡單霹琼，設(shè)計師直接從Sketch上傳制作的UI界面設(shè)計，應(yīng)用會自動生成一些注釋凉当，在面板右側(cè)會直觀的看到每個元素的大小枣申，顏色，邊距甚至是某些元素的代碼信息看杭。

另外忠藤，UI設(shè)計師還可以直接在UI界面上給開發(fā)人員添加注釋，標記楼雹，備注等模孩。填補了開發(fā)與設(shè)計之間的溝通障礙，為設(shè)計師和開發(fā)人員節(jié)省了大量寶貴的時間贮缅。

特色：

良好的用戶體驗

輕松查看界面的間距瓜贾，尺寸，顏色等

創(chuàng)建樣式携悯，幫助設(shè)計團隊保持一致祭芦。

通過插件快速同步Sketch中的項目

支持PS，Sketch憔鬼，Adobe等工具

5. AE-強大的動效視覺處理軟件

支持平臺：Windows＆Mac

Adobe After Effects簡稱“AE”是Adobe公司推出的一款關(guān)于圖形和視頻處理的界面設(shè)計工具龟劲，如今動效設(shè)計在UI界面設(shè)計中的應(yīng)用已經(jīng)越來越廣泛胃夏，而且國內(nèi)許多公司開始重視動效設(shè)計了，所以作為UI設(shè)計師昌跌，也應(yīng)該掌握一些動效設(shè)計仰禀。動效在UI設(shè)計中的應(yīng)用其實比我們想象中的還要強大蚕愤，好的動效設(shè)計可以給用戶提供一個良好的視覺感受答恶，從而加強與用戶之間的交互體驗。

AE這款界面設(shè)計工具可以幫助UI設(shè)計師對圖像視頻進行任何特效處理萍诱，是一個靈活的基于層的2D和3D后期合成軟件，包含了上百種特效及預(yù)置動畫效果包竹，可與Premiere，Photoshop声诸，Illustrator等軟件無縫結(jié)合，創(chuàng)建無與倫比的視覺效果。它還借鑒了許多優(yōu)秀的軟件的成功之處宫纬，將圖像視頻特效合成技術(shù)推到一個新的高度膏萧。

特色：

震撼的視覺效果

與Premiere蝌蹂，Photoshop孤个，Illustrator無縫兼容

加分工具-Dreamweaver

支持平臺：Windows＆Mac

Dreamweaver是一款網(wǎng)頁代碼編輯器斥废，幫助設(shè)計師和程序員快速制作和進行網(wǎng)站建設(shè)牡肉。為什么要把它單獨列出來，是因為我覺得UI設(shè)計師不僅僅需要掌握一些界面設(shè)計工具饲窿，還需要學習和了解一些前端的布局和設(shè)計，才能夠更好的配合前端工程師們做好產(chǎn)品開發(fā)的工作。UI設(shè)計師如果了解一些基礎(chǔ)的代碼知識辽故，可作為一個加分項在面試中脫穎而出腐碱。

【界面設(shè)計工具推薦】綜上，如果你想要選擇：

最好的圖片編輯和數(shù)碼繪畫工具：Photoshop

最好的圖標設(shè)計和圖形界面設(shè)計工具：AI

最好用的矢量繪圖界面設(shè)計工具：Sketch

最好用的UI界面設(shè)計規(guī)范管理平臺：摹客設(shè)計系統(tǒng)

最簡單高效的界面原型設(shè)計工具：Mockplus

簡單快速的協(xié)作設(shè)計平臺：iDoc（智能標注，一鍵切圖等全搞定）帖池，免費激活碼：venus

歸根結(jié)底，技多不壓身寂殉，想要成為一名優(yōu)秀的UI設(shè)計師晤斩，掌握界面設(shè)計工具只是其中一部分，UI界面設(shè)計需要設(shè)計師們掌握色彩搭配，設(shè)計規(guī)范维苔，界面排版，溝通能力凌彬，切圖標注褐澎，尺寸標注先鱼，用戶體驗等相關(guān)知識。因此需要的就是不斷學習掸读，不斷堅持，不斷的豐富自己的綜合能力砌烁。