做UI設(shè)計(jì)常用哪些工具

　　在過去幾年里，Sketch和InVision的組合一直是許多設(shè)計(jì)師的選擇，但其他工具也提供了具有競(jìng)爭(zhēng)力的特性和選項(xiàng)。好的UI設(shè)計(jì)工具可以適應(yīng)幾乎每一個(gè)設(shè)計(jì)過程，能滿足你所有的創(chuàng)意要求。有這么多的UI設(shè)計(jì)工具，哪些工具設(shè)計(jì)時(shí)可以用到的呢?AAA教育小編簡單給的給大家羅列一下做UI設(shè)計(jì)常用哪些工具：

　　一、Photoshop,簡稱PS
 

　　Photoshopphotoshop是由Adobe Systems開發(fā)和發(fā)行的圖像處理軟件。ps不但是最受歡迎的圖像處理軟件，同時(shí)也是目前最主流的UI設(shè)計(jì)軟件，適合界面設(shè)計(jì)、圖標(biāo)設(shè)計(jì)、手繪。ps的遠(yuǎn)程連接功能還可以配合騰訊開發(fā)的ps play手機(jī)app，在手機(jī)上實(shí)時(shí)查看設(shè)計(jì)稿效果。Photoshop 的軟件界面主要由5部分組成：工具箱、菜單欄、選項(xiàng)欄、面板和文檔窗口。
 

　　二、After Effects
 

　　After Effects簡稱“AE”是Adobe公司推出的一款圖形視頻處理軟件，適用于從事設(shè)計(jì)和視頻特技的機(jī)構(gòu)，包括電視臺(tái)、動(dòng)畫制作公司、個(gè)人后期制作工作室以及多媒體工作室，屬于層類型后期軟件，在UI設(shè)計(jì)中主要用于動(dòng)效設(shè)計(jì)。
 

　　三、3D Max
 

　　是一款三維動(dòng)畫渲染和制作的軟件，3D Max主要廣泛應(yīng)用于廣告、影視、工業(yè)設(shè)計(jì)、建筑設(shè)計(jì)、多媒體制作、游戲、輔助教學(xué)及工程可視化等領(lǐng)域。
 

　　四、Axure
 

　　AxureAxure是用于更復(fù)雜項(xiàng)目的出色工具，是市場(chǎng)上最好的線框圖工具之一，非常適合需要?jiǎng)討B(tài)數(shù)據(jù)的更復(fù)雜項(xiàng)目。使用Axure，你可以真正專注于模擬更具技術(shù)性的項(xiàng)目，并且在結(jié)構(gòu)和數(shù)據(jù)方面需要格外注意。
 

　　五、Sketch
 

　　Sketch是設(shè)計(jì)社區(qū)中非常流行的工具，使你可以創(chuàng)建高保真度接口和原型。Symbols是其中一項(xiàng)出色的功能，你可以在其中設(shè)計(jì)UI和元素以進(jìn)行重用，這有助于創(chuàng)建設(shè)計(jì)系統(tǒng)并使界面保持一致。從那里，你也可以輕松地將設(shè)計(jì)導(dǎo)出到可點(diǎn)擊的原型中。
 

　　六、 Proto.io
 

　　Proto.io可以帶您從粗略草圖到逼真的原型，可以創(chuàng)建從粗糙的想法到完整的設(shè)計(jì)等逼真的原型。該工具還為你的項(xiàng)目提供了很多可能性，包括詳細(xì)的動(dòng)畫和自定義矢量動(dòng)畫。你可以先以手繪樣式來開發(fā)初始構(gòu)想，然后將其加工成線框圖，最后以高保真原型完成。如果你想使用其他工具進(jìn)行設(shè)計(jì)，Sketch和Photoshop插件確實(shí)可以提供幫助，但是Proto.io確實(shí)能夠很好地處理端到端設(shè)計(jì)過程。用戶測(cè)試等其他功能也將有助于驗(yàn)證你的設(shè)計(jì)。
 

　　七、Marvel
 

　　用Marvel構(gòu)建頁面非常簡單，Marvel是另一個(gè)原型制作工具，在產(chǎn)生快速構(gòu)想和完善界面時(shí)是一個(gè)不錯(cuò)的選擇。與此類其他許多應(yīng)用程序一樣，Marvel提供了一種非常整潔的方式來構(gòu)建頁面，并使你能夠通過原型模擬設(shè)計(jì)。與Marvel進(jìn)行了一些出色的集成，這意味著你可以將設(shè)計(jì)插入項(xiàng)目工作流程中。
 

　　八、MockFlow
 

　　MockFlow使你能夠快速構(gòu)建基本布局，MockFlow是一套應(yīng)用程序，對(duì)典型項(xiàng)目過程中的許多任務(wù)都非常有幫助?；旧希琖ireframePro應(yīng)用程序是一個(gè)不錯(cuò)的替代原型開發(fā)工具，尤其當(dāng)你在測(cè)試一些新想法時(shí)。如果你只需要?jiǎng)?chuàng)建線框圖，那么請(qǐng)看一下MockFlow。這對(duì)于處理初步構(gòu)想非常有用，它使你能夠快速構(gòu)建基本布局，而這有時(shí)是使思想變?yōu)榭杀硎拘问剿璧娜績?nèi)容。
 

　　九、Framer X
 

　　Framer X是一個(gè)非常令人興奮的新設(shè)計(jì)工具，對(duì)于想要從其工具中獲得更多幫助的經(jīng)驗(yàn)豐富的UI設(shè)計(jì)師來說，當(dāng)然值得一看。原型設(shè)計(jì)和創(chuàng)建交互非常容易。
 

　　十、Principle
 

　　Principle非常適合構(gòu)建美觀的動(dòng)畫交互，交互設(shè)計(jì)是Principle擅長的領(lǐng)域，特別是在移動(dòng)應(yīng)用程序方面。使用Principle來調(diào)整并獲得正確的動(dòng)畫交互。
 

　　十一、 UXPin
 

　　UXPin對(duì)于大型項(xiàng)目和設(shè)計(jì)系統(tǒng)來說，是最佳解決方案，被描述為“端到端” UX平臺(tái)的UXPin本質(zhì)上是另一種設(shè)計(jì)工具，但具有創(chuàng)建設(shè)計(jì)系統(tǒng)的強(qiáng)大功能。UXPin為需要設(shè)計(jì)相同樣式和指南的較大的設(shè)計(jì)團(tuán)隊(duì)提供服務(wù)，從而在協(xié)作起著重要作用時(shí)節(jié)省了產(chǎn)品開發(fā)的時(shí)間。
 

　　十二、Components AI
 

　　Components AI 是一個(gè)「用來探索生成設(shè)計(jì)系統(tǒng)的實(shí)驗(yàn)性平臺(tái)」，它能夠?yàn)槟闾峁┮粋€(gè)不斷試驗(yàn)創(chuàng)意并且通過調(diào)試生成設(shè)計(jì)，并且保存并導(dǎo)出以供使用的平臺(tái)。AI 廣泛應(yīng)用于印刷出版、專業(yè)插畫、多媒體圖像處理和互聯(lián)網(wǎng)，網(wǎng)面的制作等，在線稿上提供較高和精度和控制，適合生產(chǎn)任何小型設(shè)計(jì)到大型設(shè)計(jì)的復(fù)雜項(xiàng)目。其中功能大多與PS相似~也是主要由5部分組成：工具箱、菜單欄、選項(xiàng)欄、面板和文檔窗
 

　　十三、UI工具包 Avant UI
 

　　Avant UI 是一個(gè)基于 Bootstrap 的用戶界面工具包，其中包含有時(shí)尚的元素和動(dòng)畫。一切都是可定制的，盡管它本身的設(shè)計(jì)就已經(jīng)相當(dāng)不錯(cuò)了。這個(gè)UI 工具包包括你幾乎能想到的所有類型的組件，包括顏色、漸變、按鈕、輸入、下拉菜單、提醒、表單、縮略圖等等。
 

　　十四、Drama
 

　　Drama 是一款 Mac APP，目前仍然處于測(cè)試狀態(tài)，它可以幫你一站式設(shè)計(jì)用戶界面、創(chuàng)建原型、制作動(dòng)效，實(shí)用性極強(qiáng)。
 

　　十五、字體 Cocomat Pro
 

　　Cocomat Pro 是一款風(fēng)格略有一點(diǎn)怪誕但是令人愉悅的字體，具有漂亮的輪廓和有趣的線條。這款字體高級(jí)版包含一整套不同樣式的字體，幾乎適用于所有的使用場(chǎng)合。
 

　　十六、Sketch
 

　　這是一款適合用于所有設(shè)計(jì)師的矢量繪圖軟件，矢量繪圖也是目前進(jìn)行網(wǎng)頁、圖標(biāo)及界面設(shè)計(jì)的最好方式。但是除了矢量編輯功能之外，我們還同樣能夠添加一些基本的位圖工具，比如模糊和色彩校正
 

　　十七、Image Optimizer
 

　　這是一款圖像壓縮軟件，可以對(duì)JPG、GIF、PNG、BMP和TIFF等各種格式的圖像文件進(jìn)行壓縮。
 

　　十八、IconCool Studio
 

　　這是一個(gè)非常簡單的圖標(biāo)編輯制作軟件，里面提供了一些常用的工具和功能，如畫筆、漸變色、矩形、橢圓和選區(qū)創(chuàng)建等。這款軟件的功能簡單，操作也較直觀簡便，對(duì)PS及AI等大型軟件不太熟悉的，可以使用這款小軟件制作出比較簡單的。