第一步：登錄Pixso 進(jìn)入Pixso網(wǎng)站，登入Pixso賬號，新建一個(gè)Pixso文件。 第二步：導(dǎo)入素材 可以使用Pixso繪制UI界面圖，Pixso在精細(xì)化矢量設(shè)計(jì)、自動布局等UI所需的核心功能都已成熟，使用起來很方便。另外，也可以使用Pixso資源社區(qū)的素材。Pixso資源社區(qū)提供海量設(shè)計(jì)模板和素材，本地化字體資源，極大的提升了設(shè)計(jì)師的工作效率。同時(shí)，設(shè)計(jì)師可以選擇每天花時(shí)間瀏覽Pixso社區(qū)學(xué)習(xí)基礎(chǔ)知識，了解最新設(shè)計(jì)趨勢，探索各種設(shè)計(jì)風(fēng)格，為自己的項(xiàng)目收集大量視覺靈感和創(chuàng)意。 第三步：制作交互原型 選擇Pixso右側(cè)屬性面板中的“原型”，進(jìn)行原型制作，如下圖所示。鼠標(biāo)選擇“Recom”文本，在右側(cè)屬性面板選擇點(diǎn)擊交互事件右側(cè)的“+"圖標(biāo)，在彈出的彈窗里點(diǎn)擊觸發(fā)下拉框，下拉框顯示觸發(fā)事件包括單擊、雙擊、懸停時(shí)、按下時(shí)、鼠標(biāo)移入、鼠標(biāo)移出、按下、松開，Pixso設(shè)計(jì)師在這里選擇“單擊”為觸發(fā)條件。在操作下拉框包括無（默認(rèn)）、跳轉(zhuǎn)到、變體切換、打開彈窗、返回、關(guān)閉彈窗，這里選擇“跳轉(zhuǎn)到”，跳轉(zhuǎn)目標(biāo)頁為“Home”頁。選擇動畫下拉框，可選擇即時(shí)、溶解、移入、移出、推、滑入、滑出多種動畫，這里選擇即時(shí)。選擇底部導(dǎo)航“order”灰色圖標(biāo)，按照以上操作，設(shè)置觸發(fā)為“單擊”，操作為“跳轉(zhuǎn)到”，跳轉(zhuǎn)目標(biāo)頁面為“order”，動畫效果為“即時(shí)”。選擇底部導(dǎo)航“Home”灰色圖標(biāo)、“Community”灰色圖標(biāo)，“Me”灰色圖標(biāo)，設(shè)置參數(shù)同上。 第四步：預(yù)覽交互原型 如下圖所示，通過以上步驟設(shè)置好參數(shù)后以后，點(diǎn)擊頂部導(dǎo)航欄的演示三角形圖標(biāo)，進(jìn)行原型演示查看。

Pixso是一款集設(shè)計(jì)、原型、交付于一體的新一代實(shí)時(shí)設(shè)計(jì)協(xié)作工具，涵蓋原型交互、專業(yè)UI設(shè)計(jì)、自動切圖標(biāo)注、云端自動備份等功能，通過跨設(shè)備的協(xié)同、實(shí)時(shí)云同步內(nèi)容，打通產(chǎn)品、設(shè)計(jì)到研發(fā)的工作鏈路，全面覆蓋原型、設(shè)計(jì)、交付全流程，即開即用，較海內(nèi)外其他同類工具，Pixso的協(xié)作更高效，設(shè)計(jì)更流暢。可以用Pixso，設(shè)計(jì)資源，快速開啟原型制作，模擬最終產(chǎn)品形態(tài)和交互效果。 直接在原型基礎(chǔ)上，快速邀請團(tuán)隊(duì)成員開啟設(shè)計(jì)協(xié)作。自動生成切圖標(biāo)注，打開瀏覽器就能獲取 CSS、iOS、Android代碼片段。

打開Pixso官網(wǎng)，直接下載客戶端，自動下載對應(yīng)系統(tǒng)的版本。Pixso 是一款云端協(xié)同設(shè)計(jì)平臺，支持多人 實(shí)時(shí)協(xié)作、在線設(shè)計(jì)和鏈接交付，具備白板、原型、 設(shè)計(jì)、交付、協(xié)作、資源管理等多種功能，為產(chǎn)研團(tuán)隊(duì)提供產(chǎn)品設(shè)計(jì)一體化解決方案，重新定義設(shè)計(jì)方式，重塑產(chǎn)品設(shè)計(jì)工作流程，全面提高工作效率，為數(shù)字化時(shí)代創(chuàng)意需求提供先進(jìn)生產(chǎn)力。 Pixso 不僅為產(chǎn)品經(jīng)理、設(shè)計(jì)師們提供了一個(gè)多人協(xié)同的產(chǎn)品設(shè)計(jì)平臺，更提供了一套設(shè)計(jì)行為規(guī)范：項(xiàng)目成員以實(shí)現(xiàn)資源共享，設(shè)計(jì)套件、品牌規(guī)范可以同步使用，文件自動更新，團(tuán)隊(duì)成員可以直接在一個(gè)文件中同時(shí)進(jìn)行設(shè)計(jì)和創(chuàng)作， 提升產(chǎn)設(shè)研團(tuán)隊(duì)的合作效率。組件和樣式可以在團(tuán)隊(duì)共享，設(shè)計(jì)師共用設(shè)計(jì)資源，減少重復(fù)設(shè)計(jì)，形成產(chǎn)品統(tǒng)一的設(shè)計(jì)規(guī)范和視覺效果。

InVision是一款廣泛使用的原型和設(shè)計(jì)協(xié)作工具，為設(shè)計(jì)師、開發(fā)人員和產(chǎn)品經(jīng)理等團(tuán)隊(duì)成員提供了一個(gè)共享創(chuàng)意、協(xié)作設(shè)計(jì)的平臺。用戶可以使用InVision創(chuàng)建高保真的交互式原型、設(shè)計(jì)圖、動效和用戶體驗(yàn)，同時(shí)可以進(jìn)行多人協(xié)作、實(shí)時(shí)評論和審批，幫助團(tuán)隊(duì)更好地溝通、合作和迭代設(shè)計(jì)。InVision還支持與其他設(shè)計(jì)工具（如Photoshop、Sketch等）的集成，可以輕松導(dǎo)入設(shè)計(jì)文件并將其轉(zhuǎn)換為可交互的原型。此外，InVision還提供了一系列的插件和應(yīng)用程序，可以幫助用戶更加高效地進(jìn)行原型設(shè)計(jì)和協(xié)作。

InVision是一款廣泛使用的原型和設(shè)計(jì)協(xié)作工具，具有以下優(yōu)點(diǎn)： 簡單易用：InVision的界面設(shè)計(jì)簡潔、操作簡單，即使沒有專業(yè)的設(shè)計(jì)經(jīng)驗(yàn)也可以快速上手。 高保真原型設(shè)計(jì)：InVision支持高保真的交互式原型設(shè)計(jì)，可以實(shí)現(xiàn)復(fù)雜的動效和用戶交互體驗(yàn)，讓產(chǎn)品設(shè)計(jì)更加真實(shí)、生動。 多人協(xié)作：InVision支持多人協(xié)作設(shè)計(jì)和評論，設(shè)計(jì)師、開發(fā)人員和產(chǎn)品經(jīng)理可以在同一平臺上實(shí)時(shí)協(xié)作，提高團(tuán)隊(duì)溝通效率。 兼容性強(qiáng)：InVision支持與其他設(shè)計(jì)工具的集成，可以導(dǎo)入多種文件格式，包括Sketch、Photoshop、Illustrator等常用設(shè)計(jì)軟件的文件。 安全可靠：InVision采用高級加密技術(shù)，確保用戶的數(shù)據(jù)和隱私安全。 綜合來看，InVision是一款功能強(qiáng)大、易用性高的原型和設(shè)計(jì)協(xié)作工具，適用于設(shè)計(jì)師、開發(fā)人員和產(chǎn)品經(jīng)理等多種角色，可以大大提升團(tuán)隊(duì)協(xié)作效率和產(chǎn)品設(shè)計(jì)質(zhì)量。

InVision是一款基于云端的設(shè)計(jì)工具，因此并不需要像傳統(tǒng)軟件一樣進(jìn)行安裝。用戶可以直接在InVision官網(wǎng)上注冊賬號，并通過瀏覽器來使用它的各種功能。 以下是使用InVision的步驟： 首先，打開InVision官網(wǎng)（https://www.invisionapp.com/），點(diǎn)擊“Sign up for free”進(jìn)行注冊。注冊成功后，會跳轉(zhuǎn)至主頁，用戶可以點(diǎn)擊“Create New”按鈕來創(chuàng)建一個(gè)新的原型設(shè)計(jì)項(xiàng)目。 在創(chuàng)建項(xiàng)目后，用戶可以開始進(jìn)行設(shè)計(jì)工作。InVision提供了豐富的設(shè)計(jì)工具和模板，用戶可以選擇適合自己的模板來快速創(chuàng)建一個(gè)原型，并在其中添加交互和動畫效果。 在完成設(shè)計(jì)后，用戶可以通過InVision提供的分享功能來分享自己的設(shè)計(jì)作品。同時(shí)，InVision還支持多人協(xié)作，用戶可以邀請團(tuán)隊(duì)成員來共同協(xié)作和管理項(xiàng)目。 總之，使用InVision非常簡單，只需要注冊賬號并在網(wǎng)頁端使用即可。它提供了豐富的設(shè)計(jì)工具和協(xié)作功能，是一個(gè)非常優(yōu)秀的原型設(shè)計(jì)和協(xié)作工具。