說到設(shè)計軟件，最常用、最知名的是Adobe家的PS，AI，XD是的，但在過去的兩年里，每個人的生活方式都逐漸改變了。無論是工作還是學(xué)習(xí)，在線已經(jīng)成為我們熟悉的一部分。網(wǎng)上購物、網(wǎng)上學(xué)習(xí)、網(wǎng)上工作已成為發(fā)展的必然趨勢。今天，我將介紹一些非Adobe系的設(shè)計工具。

即時設(shè)計

即時設(shè)計平臺是一款可在線使用的「專業(yè)UI設(shè)計工具」，為設(shè)計師提供更加本土化的功能和服務(wù)，相較于其他傳統(tǒng)設(shè)計工具，更注重云端文件管理、團隊協(xié)作，并將設(shè)計工具與更多平臺整合，一站搞定全流程工作。

復(fù)制鏈接立即體驗即時設(shè)計：https://js.design/?source=bz&plan=ysbz4

即時設(shè)計優(yōu)勢

• 研發(fā)預(yù)覽模式：

完美適配國內(nèi)團隊習(xí)慣，解決設(shè)計開發(fā)交付場景痛點；

• 團隊和個人字體共享：

本地字體導(dǎo)入云端建立線上字體庫，所有協(xié)作成員無需下載安裝；

• 移動端 App：

不僅能實時預(yù)覽設(shè)計效果，還能進行文件管理、打點評論在線溝通；

• 資源廣場：

與工具集成，精選的設(shè)計規(guī)范、組件、圖標(biāo)等資源無需下載直接在線使用；

• 個人資源庫：

引用組件、變體、圖標(biāo)等內(nèi)容一鍵上傳到云端保存，隨時隨地復(fù)用；

• 主流文件格式支持：

XD 導(dǎo)入、Sketch 導(dǎo)入導(dǎo)出，滿足不同工具用戶的項目遷移和備份需求

sketch

Sketch它是一種輕量級矢量圖形設(shè)計工具，雖然其功能不具備矢量圖形設(shè)計工具的功能PS，AI那么全面，但是Sketch在UI設(shè)計和原型設(shè)計表現(xiàn)非常出色。

優(yōu)點：易學(xué)，對新手友好。適合新手。UI設(shè)計與圖形設(shè)計。

劣勢：Sketch只能在Mac在系統(tǒng)上工作；在UI設(shè)計中需要安裝插件，無法云同步，交付過程復(fù)雜。https://js.design/special/sketch

Sketch是MacOS最后一個矢量繪圖軟件也非常簡單易用。只要你有使用相關(guān)設(shè)計軟件的經(jīng)驗，只需要幾個小時，你就可以使用它Sketch自由使用。它可以取代傳統(tǒng)Photoshop和Illustrator，絕大多數(shù)產(chǎn)品UI設(shè)計。在Sketch畫布大小無限，每層都支持多種填充模式。

figma

隨著網(wǎng)絡(luò)推廣，F(xiàn)igma在發(fā)布的五年內(nèi)，用戶數(shù)量已超過Sketch，成為了UI設(shè)計中使用的第一個工具主要是由于其多人團隊編輯功能。也就是說，團隊中的每個人都可以實時在線編輯您的項目，以更有效地完成進度，而不用擔(dān)心每個源文件的適應(yīng)。

因此，它已成為國內(nèi)外各大互聯(lián)網(wǎng)團隊的熱門設(shè)計工具。微軟、谷歌、阿里巴巴、騰訊、網(wǎng)易等大廠的設(shè)計團隊也逐漸轉(zhuǎn)向Figma陣營。https://js.design/special/figma

工具和技術(shù)一樣，新的形式將在短短幾年內(nèi)迭代。Figma它的快速發(fā)展與它以瀏覽器為核心有很大關(guān)系。這就放棄了軟件的安裝。沒有復(fù)雜的保存，源文件適應(yīng)。

在一個地方完成，去另一個地方繼續(xù)工作，只需要打開瀏覽器?？缭綍r間和空間，沒有場景限制。星子可以大膽預(yù)測，未來的軟件發(fā)展趨勢將接近這種形式。

AxureRP

AxureRP是快速繪制Wireframe和Prototyping該工具主要用于定義應(yīng)用程序的需求和規(guī)格，以及設(shè)計用戶界面和功能，包括用戶UserExperienceDesigners，商業(yè)分析師、信息架構(gòu)師、UsabilityExpert與產(chǎn)品經(jīng)理等專業(yè)人士。https://js.design/special/axure

在AxureRP中建立Wireframe和Prototype它可以幫助您快速有效地分析需求，驗證設(shè)計并傳達給所有參與者，以確保在有限的項目時間和資源下開發(fā)有用和可用的應(yīng)用程序。

一.網(wǎng)站構(gòu)架圖(SiteStructure)AxureRP可快速繪制樹狀網(wǎng)站結(jié)構(gòu)圖，并可使結(jié)構(gòu)圖中的每個頁面節(jié)點直接連接到相應(yīng)的網(wǎng)頁。

二.示意圖(Wireframe)AxureRP很多內(nèi)建都是經(jīng)常使用的widget元件，如：按鈕(Button)，圖片(Image)，文字面板(TextPanel)，選擇鈕(RadioButton)，下拉式菜單(Droplist)。

三.流程圖(Flowchart)AxureRPFlowDiagram快速建立流程圖就像建立流程圖wireframe一樣容易，F(xiàn)lowWidget有設(shè)計流程圖時經(jīng)常使用的形狀，您可以很容易地在流程之間添加連接線并設(shè)置連接格式。

四.交互設(shè)計(InteractionDesign)大多數(shù)的widget能夠?qū)σ粋€或多個事件產(chǎn)生動作，包括OnClick，OnMouseOver和OnMouseLeave等

五.自動輸出網(wǎng)站原型(HTMLPrototype):Axure　RP可以將wireframe，輸出成符合InternetExplorer或Firefox等待不同的瀏覽器HTMLprototype。

六.自動輸出word格式規(guī)格文件(Specification)AxureRP可以輸出Word格式文件、規(guī)格文件包括目錄、網(wǎng)頁清單、網(wǎng)頁及附注解Master，Annotation，Interaction和Widget具體信息和結(jié)尾文件（如附錄），規(guī)格的內(nèi)容和格式也可以根據(jù)不同的閱讀對象進行變化。