即時(shí)設(shè)計(jì)

即時(shí)設(shè)計(jì)是一個(gè)集設(shè)計(jì)、原型、開發(fā)于一身的一站式在線設(shè)計(jì)工具，也是一個(gè)可以云端編輯、團(tuán)隊(duì)寫作的在線原型網(wǎng)站。

復(fù)制到瀏覽器打開即可體驗(yàn)：https://js.design/?source=bz&plan=bttbz11243

• -設(shè)計(jì)功能強(qiáng)大，矢量編輯、筆工具、切片、蒙版等幫助發(fā)揮我們的創(chuàng)造力，也可以實(shí)現(xiàn)線框圖、流程圖的有效制作，流程連接插件，甚至不需要自己，打開插件選擇層，可以自動(dòng)連接，始終保持關(guān)聯(lián)，也可以添加注釋，清晰顯示您的交互邏輯，非常方便。

• 他的交互設(shè)計(jì)效果也很棒?？犰诺闹悄軇?dòng)畫，豐富的觸發(fā)交互事件，有序的原型連接，模擬最真實(shí)的使用場(chǎng)景，讓你的設(shè)計(jì)真實(shí)可視化，低保真/高保真原型輸出輕松。

• 還有豐富的在線原型資源可以免費(fèi)一鍵應(yīng)用，在大量資源庫(kù)中選擇自己喜歡的設(shè)計(jì)資源，看哪一種使用，沒有任何限制。

• 支持導(dǎo)出各種文件格式的在線原型設(shè)計(jì)作品，如SVG、PNG、JPG、WebP、PDF(矢量圖/位圖)版本，不需要害怕導(dǎo)出設(shè)計(jì)失真等問(wèn)題，應(yīng)該更清晰，也可以選擇導(dǎo)出尺寸，如0.5x、0.75x、1x、2x、4x還可以，再大也沒問(wèn)題。

• 與市場(chǎng)上的主流設(shè)計(jì)工具相結(jié)合，可實(shí)現(xiàn)Figma到Sketch的文件轉(zhuǎn)換，F(xiàn)igma、Sketch、AdobeXD、導(dǎo)入AxureRP等在線原型網(wǎng)站的文件。

• 它有自己的切割圖標(biāo)記功能，本地研發(fā)模式，無(wú)需使用第三方工具，通過(guò)鏈接交付，開發(fā)直接復(fù)制鏈接到瀏覽器打開操作，無(wú)文件傳輸時(shí)間和空間成本，簡(jiǎn)單方便。

• 復(fù)制到瀏覽器打開：https://js.design/community?category=design&source=bz&plan=bttbz11243
  

Figma

Figma是一個(gè)集成的原型圖軟件，可以簡(jiǎn)化合作，主要通過(guò)基于瀏覽器的云平臺(tái)為UI設(shè)計(jì)師、開發(fā)人員和所有團(tuán)隊(duì)成員提供合作平臺(tái)，允許所有人共同編輯、修改和提交結(jié)果。一致性是網(wǎng)頁(yè)設(shè)計(jì)的首要任務(wù)。您可以使用原型圖軟件Figma的靈活風(fēng)格來(lái)控制項(xiàng)目中文本、網(wǎng)格和其他元素的外觀，以及各種插件，如顯示用戶路徑的Autoflow、Figmotion等用于動(dòng)畫創(chuàng)作，都可以插入Figma。

缺點(diǎn)：

程序在執(zhí)行任務(wù)期間緩慢或突然卡住(這種情況在國(guó)內(nèi)用戶中比較常見)

內(nèi)存占比空間較大

Invision

原型圖軟件Invision內(nèi)置了許多有用的功能，包括一個(gè)方便的矢量繪圖工具，可以復(fù)制組件，然后修改它們，創(chuàng)建動(dòng)畫和其他交互式視覺效果。原型圖軟件Invision還允許團(tuán)隊(duì)成員繪制、添加注釋和留下反饋，而無(wú)需跨平臺(tái)工作。

缺點(diǎn)：

客戶支持服務(wù)很差

程序有時(shí)啟動(dòng)緩慢

僅適用于macOS系統(tǒng)，受眾有限

Adobe XD

原型圖軟件Adobexd提供了一個(gè)矢量原型系統(tǒng)，包括可用于創(chuàng)建交互、過(guò)渡和其他類型的動(dòng)態(tài)工具。因?yàn)樗腔谙蛄康模院苋菀卓s放和調(diào)整元素的大小。在用戶界面和用戶體驗(yàn)設(shè)計(jì)方面，原型圖軟件Adobexd涵蓋了從概念創(chuàng)建到高細(xì)節(jié)原型設(shè)計(jì)所需的所有工具，更重要的是，它們每個(gè)月都會(huì)進(jìn)行內(nèi)部更新，以擴(kuò)展其功能。

缺點(diǎn)：

內(nèi)置功能和模板都不如Sketch和Invision那么成熟

合作幾乎意味著與團(tuán)隊(duì)成員和客服分享工作非常麻煩

Sketch

作為一款受到眾多UI設(shè)計(jì)師青睞的原型圖軟件，Sketch的口碑有目共睹。通過(guò)Sketch的巧妙布局，您可以創(chuàng)建可重用的元素，調(diào)整它們的大小，然后保存到您團(tuán)隊(duì)共享的資源庫(kù)中，方便您下次使用。

缺點(diǎn)：與原型圖軟件Invision一樣，Sketch僅限于macOS系統(tǒng)使用

Balsamiq

Balsamiq是一種低保真線框圖工具，可以制作產(chǎn)品設(shè)計(jì)草圖、web應(yīng)用程序、移動(dòng)應(yīng)用程序、用戶界面布局等。原型圖軟件Balsamiq的組件偏向涂鴉風(fēng)格，制作的界面效果更有趣，還有HTML控制原型圖和iPhone元素原型圖，盡可能一對(duì)一還原。

缺點(diǎn)：

繪畫的原型風(fēng)格相對(duì)較小

由于沒有頁(yè)面交互和頁(yè)面層次，原型圖軟件Balsamiq的頁(yè)面關(guān)系是平等的，需要逐一轉(zhuǎn)換

Marvel

原型圖軟件Marvel為快速創(chuàng)建應(yīng)用程序和網(wǎng)站提供了一套完整的工具和功能。通過(guò)這個(gè)平臺(tái)，設(shè)計(jì)師不再局限于靜態(tài)布局，而是可以享受創(chuàng)建動(dòng)態(tài)過(guò)渡和手勢(shì)交互原型的能力，這將為您提供真實(shí)的交互體驗(yàn)。此外，原型圖軟件Marvel和傳輸工具自動(dòng)為開發(fā)人員提供他們最近迭代中的所有代碼和資源，因此他們可以很容易地設(shè)計(jì)一個(gè)網(wǎng)站。

缺點(diǎn)：無(wú)動(dòng)畫模擬屏功能

Axure

原型圖軟件Axure結(jié)合了線框和原型設(shè)計(jì)功能，允許設(shè)計(jì)師在不了解代碼的情況下開發(fā)網(wǎng)站和應(yīng)用程序的交互原型。原型圖軟件Axure除了視覺效果、交互性和架構(gòu)所需的一切外，還提供了一個(gè)全面的文檔工具，允許您跟蹤任務(wù)和其他重要數(shù)據(jù)，供有需要的人使用。

缺點(diǎn)：不支持視頻或動(dòng)畫gifif

Framer

Framer是一款具有高保真模板和布局的原型圖軟件，要求用戶具備CSS和HTML的基本知識(shí)來(lái)處理交互元素和動(dòng)畫。在這個(gè)平臺(tái)上工作，只需幾個(gè)步驟就可以開發(fā)一個(gè)框架和網(wǎng)頁(yè)的視覺設(shè)計(jì)。

缺點(diǎn)：

與其他類型相比，資源模板社區(qū)較小

運(yùn)行速度慢

Origami Studio

原型圖軟件Origamistudio為網(wǎng)站和移動(dòng)應(yīng)用程序的原型設(shè)計(jì)提供了強(qiáng)大的工具，支持創(chuàng)建邏輯和行為鏈、動(dòng)畫和交互。此外，它還包含了許多現(xiàn)成的原型模板，可以直接應(yīng)用。對(duì)于尋找更先進(jìn)系統(tǒng)的設(shè)計(jì)師來(lái)說(shuō)，原型圖軟件Origamistudio絕對(duì)是一個(gè)不會(huì)出錯(cuò)的選擇

缺點(diǎn)：

標(biāo)準(zhǔn)功能使用緩慢

學(xué)會(huì)花更多的時(shí)間掌握使用方法

Proto.io

Prototo原型圖軟件.IO提供了許多拖動(dòng)webUI組件、模板、圖標(biāo)庫(kù)、音頻和視頻集成。由于組件和工具的廣泛選擇，小白設(shè)計(jì)師可以在沒有代碼的情況下創(chuàng)建交互式原型，因此他們可以快速掌握使用方法。

缺點(diǎn)：

比普通UI設(shè)計(jì)工具更貴

沒有桌面應(yīng)用程序