全面解讀——協同設計軟件及國產軟件能否替代

6 評論 6364 瀏覽 9 收藏 45 分鐘

編輯導語:協同設計軟件是產品設計工作十分重要的應用軟件。本篇文章作者就國產軟件進行產品體驗分析,將國產軟件與Figma等產品進行對比分析,講述了國內在線協作工具的優勢以及推動團隊替換設計工具的方法等,感興趣的一起來看看吧。

一、背景

3月份,大疆遭美國制裁被禁用UI設計軟件Figma的消息不僅在國內群眾中鬧的沸沸揚揚,也給中國設計圈掀起了不小的波瀾。

它讓不少國內設計師徹底清醒的意識到,科學也有國界。一時間,國內究竟有沒有可以替代Figma的軟件,成為大家關心的問題。

消息一出,即時設計、MasterGo和Pixso等國內UI設計軟件及時響應了Figma封停風波,上線Figma文件導入功能,努力實現Figma功能的無縫替代。

先來聊聊,Figma封停為何影響如此之大。

Figma是一款在線設計協作工具,它會將項目時刻保存在云端,由此可以保證多方用戶能對設計進行實時評論或修改。2021年E輪融資后,其估值達100億美金。由于其極強的協同性,Figma在中國設計師群體中風靡已久,成為眾多企業的“云基礎設施”的一部分。

數據顯示,2019年,全球37%的設計師使用Figma進行UI設計,而在2021年,這一比例飆升到77%。

如果是正常的商業競爭,那也還好,誰更具有市場先進性誰更有機會勝出,但一旦介入了更高維的國家博弈,事情就復雜了起來。

Figma斷供事件消息一出,先引發了設計師群體的集體焦慮,而后迅速出圈在社會上也激發了波瀾。

所以近年來,國產化軟硬件替代的呼聲空前高漲,國家對國內軟硬件自研企業也提供了實在的政策扶持,目前已經跑出了不少優秀的替換產品,比如WPS替代Office,創客貼/稿定設計替換Canva,億圖圖示/Processon替代Visio/draw.io等等。

而Figma作為設計軟件的軟件,自然也需要國產替代。并且它還存在一定程度上的問題:

  1. Figma在中國存在一定程度的水土不服。在國內網絡環境運行Figma不夠流暢。很多時候你打開Figma文件,得加載很長時間;
  2. 中文字體支持欠佳。把設計模板從英文換成中文,顏值立即大打折扣。

雖然國產替代成為了各領域的大趨勢,但如何替代,最終的結果如何?

國產UI設計軟件是否能殺出重圍?仍是一個未知數。究其根本,還要看作為用戶的UI設計師們是否愿意為其“買單”。

在線設計工具百花齊放,拋開figma,我們的替代方案還有那些?或者和以前sketch比較又如何呢?各個平臺是否有像他們宣傳的那樣好呢?

本文將對比幾個方面進行產品體驗分析,看看國產軟件是不是像他們的宣傳一樣能否完美替代figma、sketch等等國外軟件。

二、國產軟件產品介紹

1. 即時設計

即時設計誕生時間最早,軟件前身為即時原型,通過5年多的打磨,2020年9月正式上線發布。目前即時設計宣布用戶數已經突破100萬,從設計資源到設計創作、團隊協作,致力于成為國內設計師和設計團隊手中國產的主力設計工具,打通國內設計生態,為設計師提供一個在線設計平臺。

2. Mastergo

Mastergo作為國內最早的產品設計協作平臺藍湖旗下的旗艦產品,背靠藍湖多年的用戶、產品、技術資源積累,2021年2月發布測試版,10月正式上線發布,目前Mastergo聯合多家國內企業打造“國產設計軟件共創計劃”,致力于解決開發者和使用者之間的斷層溝通,真正實現產研協同All-in-one。

現在更大平臺內都有很多文章寫如何從sketch遷移figma以及遷移的好處。但是很少有相關的國產軟件產品介紹對比。進入到他們的官網看看他們是如何介紹以及使用的

3. 即時設計與Figma、sketch對比明細

4. 即時設計官網宣傳

即時設計與sketch對比,主要的區別還是在于在線設計工具和傳統本地設計文件的差異。

  1. 不限制平臺使用;
  2. 不限制的云存儲;
  3. 在線設計資源;
  4. 素材資源庫;
  5. 交互原型制作;
  6. 實時評論 多人協作;
  7. 組件變體 自動布局;
  8. 共享字體 云端素材;
  9. 自帶標注功能;
  10. 專屬客服。

而即時設計與Figma對比,區別差異就很小了。可能是一些服務上,或者是語言本土化的區別。

  1. 云端素材、字體資源庫
  2. 原生研發模式、移動端實時評論
  3. 專屬客服、自定義主題顏色

5. MasterGO與Figma、sketch對比明細

6. Mastergo官網宣傳

MasterGO與sketch對比,同樣也是在線設計工具和傳統本地設計文件的差異。

  1. 不限制平臺使用;
  2. 不限制的云存儲;
  3. 在線設計資源;
  4. 素材資源庫;
  5. 交互原型制作;
  6. 鏈接分享設計;
  7. 高效率的協作方式;
  8. 自帶標注功能;
  9. 專屬客服。

而MasterGO與Figma對比,區別也很小。體現在服務、語言本土化上。

  1. 素材資源庫;
  2. 高效率的溝通方式;
  3. 專屬客服。

其實從這兩款產品在對比figma時,功能上沒有太多的差異。主要就是本土化的語言、網絡的穩定性、完善的官方服務、以及免費使用!免費使用!免費使用!(我想大多數團隊之前沒有從sketch替換到figma的原因,這個就是一個重要的影響因素吧)。

由于這兩款軟件在功能上與figma區別不大,接下來主要還是講解他們兩之間以及和sketch的區別??纯磭a軟件能不能從figma接下獨立設計到協做設計的大旗。

7. 為什么要換設計工具

先來說說為什么我們團隊會換設計軟件這件事吧。其實我個人和遇到的大多數團隊都是用sketch去做UI設計的,sketch確實是一款非常優秀的設計工具,當年把眾多設計師從PS做UI中解救了出來,極大的提高了工作效率。

但是現在sketch動輒幾十G的內存占用,卡頓感真的是讓人崩潰的想摔電腦,還有在上海疫情居家辦公期間,不同成員使用不同版本的sketch以及家里電腦使用的sketch導致版本號參差不齊,在傳輸文件會出現打不開的情況。

或者是win電腦根本沒有辦法使用sketch的情況,還有由于文件管理不規范導致很多源文件沒有及時存檔,導致之前很多可以復用的設計圖沒有辦法復用,需要重新設計。

等等原因導致我們不得不把替換設計工具提上日程(避過了用Figma替代sketch的熱潮后,還是走上了這條路)在線協作是大勢所趨,就像新能源車終將替代燃油車一樣。

三、在線協作UI設計工具的優勢總結

1. 基于瀏覽器的全平臺使用

這個是在線協作式設計工具最大的特點,云端的最大優勢就是不受物理設備限制,多平臺共享,使用靈活。操作系統支持Win, Mac, Linux等,設備支持電腦,平板,手機。

在線意味著不需要下載安裝包到本地,軟件插件都會自動更新,不再漫長地等待下載和頻繁安裝更新。

創建的文件全部都是保存在你的賬號上的,不用占用本地內存?;叵氲揭郧爸荒苡脁d,強制要求我更新,天天登錄adobe賬戶或者是省吃儉用買蘋果筆記本為了用上Sketch。現在終于有沒有設備限制的,且和Sketch工具差不多功能的軟件了。

2. 歷史版本記錄

自動保存功能不細講了,這是設計工具必備功能,歷史版本文件是基于自動保存來實現的,可以在項目重要節點手動增加歷史版本,并添加備注信息,方便未來查看和使用,并且可以提取記錄中的任一歷史版本用來分享或提取出文件。

舉例一個場景:你老板說,她想要你半個月前的第一稿的設計,這個時候你你就可以打開在線設計工具,點擊一下,恢復源文件,就完事了~

3. 共享協作

在線協作設計工具可以將任何文件,頁面或面板(在其他設計工具中稱為畫板)的基于不同權限(查看,編輯權限)進行共享。文件就是一個幾十個字符的鏈接,非常輕便。試想團隊成員想看下/修改下你的作品,你直接甩一個連接過去就可以了。之前大文件傳輸,真要了命,更新一次我要傳一次文件,太難了~

4. 實時協作

這個就很有趣了,基于前面的分享功能。當別人拿到這個鏈接時候就可以進到你這個設計界面,這個功能它可以做什么呢?

  • 可以實時查看你的設計進度、評論你的設計;
  • 沒有傳統文件的概念(不用來回傳文件);
  • 項目不需要被拆分成若干個文件,每個人負責哪個模塊只需要在對應的page下設計;
  • 無論在哪里,只要有電腦,有網,就可以打開設計稿;
  • 任何人看到的設計稿永遠是最新的;
  • 多人協作,只需要切換page, 如果要復用對方的頁面樣式,直接復制粘貼即可。這樣就減少了設計師內部協作時的溝通成本。

5. 團隊溝通

團隊溝通其實也算是屬于實時協作的一種,項目組成員,不單單是我們設計師內部,它可以給到產品、開發、測試相關的同事,可以實時在一個設計文檔中溝通,討論方案, 設計和協作可以是同時進行的,可以直接在設計稿的任何地方添加評論,支持@其他人,也可以在評論下互相回復,標記已完成表示該評論問題已解決,并可以對評論狀態進行篩選。

那也就可以引申出線上實時設計評審,在疫情期間,這個作為設計評審工具就是一個很好的替代。

6. 不卡頓、兼容性強

sketch在處理大的文件時,經常會出現卡頓,或者直接死機的情況,最壞的時候,文件沒有保存,設計圖需要重新畫的經歷。

但在線協作式設計工具則不一樣,除了最初的網頁加載和部分圖片加載需要點時間外,基于網頁的話在處理速度上真的可以說是碾壓 Sketch。并且Sketch只能打開自己格式的文件,在新老版本上的兼容也會出現問題,導致文件無法打開的情況。

xd雖然不會出現新老版本的問題,但是強制更新的要求也讓人頭疼。

試想有個緊急需求聯系到你修改,一打開軟件卻是軟件升級的信息。在線協作設計工具就不會出現這個問題,都是實時更新、而且可以兼容多種文件格式,sketch、figma、xd,即時設計還支持ps導入(目前還需要借助xd的形式)方便設計師跨平臺設計。

7. 設計一站式解決方案

長久以來,設計師只有 Sketch 是不夠的。我們還需要像【藍湖】這樣的設計交付工具,幫助我們把本地文件變成一個個開發可以看得懂的網址鏈接;還需要像 Abstract 這樣的版本管理工具,幫助我們更好的管理亂七八糟的設計文件;甚至還需要像本地服務器、Google Drive 這樣的云盤來存儲、同步,存儲后還需要整理,花費大量精力。

減少了上傳文件的步驟,不因為設計師的惰性而導致設計版本落庫不規范。而且它甚至還可以做為我們的素材庫,移動硬盤存儲素材在需要的時候打開復用或者導出,在線設計工具,讓這一切變得簡單了許多。一個網址,可以把這些內容全部搞定。

8. 豐富的資源社區

這是一個類似于程序員GitHub的一個社區,它是全球最大的社交編程及代碼托管網站,其社交化編碼、開源共享的理念改變著整個開發社區的生態,讓全球開發者共同創造了無數優質項目。

在設計行業,Dribbble和Behance作為最知名的國際設計社區,是設計師們展示作品、合作招聘的最大平臺,但一般只展示設計作品而不共享源文件。

而社區里面會有很多設計師開放的源文件分享?;蛘吖俜椒窒淼母鱾€大廠的設計系統,可以看到很多設計效果是如何實現的,或者有那些資源是可以快速復用到自己的項目里的。節省重復基礎性工作的時間精力,提高工作效率。每天都有更新了解最新的設計動態。

四、在線協作式設計工具對比sketch優勢

其實改變用戶熟悉的工具或者目前使用的流程方式是一件很困難的事情,除非他的體驗區別真的很大??梢蕴子孟旅孢@個公式。

遷移成本公式:

用戶價值=新體驗-舊體驗-遷移成本

那我們就來對比下我們最熟悉的Sketch比較有什么異同之處,主要從以下幾個維度來進行比較。

1. 協作方式

在線協作設計工具的協作方式非常簡單,直接分享鏈接,給到對應權限即可開始協作。可以進行同時的編輯文件,評論等等要達到協作方式,Sketch則我們國內設計最原始方式就是直接發送源文件給對方,然后進行協作。

還有一種方式就是使用Abstract(可以進行文件協作,同時還有版本控制器功能),這種協作方式流程太長,使用起來比較復雜,足于勸退大部分設計師(我有體驗過,也被勸退了)。

2. 設計稿交付

國內我們Sketch一般是使用藍湖插件,首先將設計稿導出之后,以圖片的形式給產品同學確認。確認沒問題之后上傳到藍湖交付開發,開發只要打開藍湖對應的地址即可獲得標注、切圖。目前藍湖也進行了收費,企業級年費按照協作人數算(100人團隊,一年費用大概是2W元左右)。

國內在線設計工具目前交付給到開發,無需第三方標注直接生成,而且支持自定義導出切圖。那怕設計同學忘記切了,也可以直接導出,減少反復溝通,修改也是實時同步的,不會出現第三方的滯后性非常的方便。

3. 插件系統

Sketch插件數量非常多,不太好的一點就是,很容易出現插件和工具不兼容的問題,比如選中圖層后在左側工作區無法定位圖層位置,或者頂部工作區快捷iocn消失等等問題。

而且安裝的插件數量變多以后會變的更卡。Sketch更新有時會更換代碼邏輯,很容易導致插件在新版本不可用,這是開發和我們使用最大的懊惱,有時候好不容易找到這個插件可以解決我們的痛點,下載安裝發現不可以用。

在線協作設計工具的插件目前是放在社區中,數量逐漸增多,兼容性比較好,同樣Figma作為領頭羊以及全球開發者的助力插件數量是最多的,國產軟件在這方面還在一點點增加。

目前即時設計的插件數量在80個左右,Mastergo目前只提供了12個相對少一點,同時插件在沒有網絡的情況下,使用起來會比較慢。

4. 組件功能

Sketch的組件功能限制比較多,修改起來相對比較繁瑣,需要進行多層級的修改,但是,在Figma沒出現之前,我覺得它是一個非常棒的功能,在線協作設計工具的組件功能更加靈活,自由。

首先兩者調用組件的方式就不一樣。所有組件即拖即用,并且是大圖預覽不用盲猜是否選對組件,配合組件搜索功能,更加高效的完成設計工作,我們可以在任何page下創建組件,而不必轉到單獨的頁面進行編輯。在當前頁面編輯組件可以實時預覽,界面的設計效果。

子組件更加靈活可變,除了位置不可改變外,顏色,邊框,圓角等css都可以改變。就拿最簡單的按鈕舉例可以靈活的改變調整樣式、顏色,sketch只能支持顏色調整,并且在創建組件前需要新創建圖層樣式,做組件時在選用圖層樣式,過程繁瑣麻煩。

5. 自適應布局

Sketch的功能叫Smart Layout,Sketch想要創建自適應布局,必須需要先創建一個組件。然后在設定適配形式。

在線協作設計工具的功能叫自適應布局,普通圖層建立組別之后既可以創建自適應布局。模塊之間的間距調節更加智能方便。

自動布局是指通過預先制定規則,使子級元素在新增或減少時父級尺寸跟隨規則自動變化,或父級大小發生變化時,子級元素跟隨規則自動變化。利用自動布局可以極大的縮短重復工作(節約間距計算、元素對齊調整時間),還可以將我們的UI設計稿框架化,幫助我們站在開發視角畫界面,有利于提升界面還原度。

6. 可視化窗口

項目分類明確,可以根據項目需要設置封面,通過封面可以快速分類找到文件,形成一個可視化的文件服務器。方便尋找以及后期文件復用。

五、在線協作式設計工具的產品使用體驗

1. 工作臺

2款軟件,在設計布局上有很多相似之處。比如提供社區的優質資源快速下載、支持分享給我的文件、回收站功能,擁有容錯機制和文件類別區分??焖賹胛募墓δ芏际蔷酆显谟疑辖?,都支持Figma(支持超鏈接導入)、Sketch、XD文件,同時也支持文件的直接拖拽導入。Mastergo可以進行批量導入。

即時設計一次只能導入一個文件,由于導入設定的區別即時設計確認導入后會直接打開導入文件,Mastergo則是讓用戶選擇要打開那個文件,或結束導入。從這方面來看Mastergo更加支持團隊的批量遷移。

即時設計的文件夾是一個非常友好的功能,這樣方便設計師對設計文件進行統一的管理,選中文件點擊右鍵后,有一個查看歷史版本和跟進文件,這兩個功能非常棒。

查看歷史版本可以返回對該文件操作的歷史版本,再也不用擔心文件的誤刪除或其他災難事件了。而跟進文件可以對該文件進行全面跟蹤,這非常方便于多任務同時進行的設計師和團隊管理者了解各個項目的進度情況。

Mastergo經過一番研究之后,發現在團隊功能內也支持類似文件夾的功能,通過在團隊內新建立不同的項目,然后放入不同的文件達到分類的目的,通過拖拽的形式調整不同文件的位置,但是個人項目中就無法完成分類的需求。在右鍵的支持上即時設計也更加豐富。

2. 設計制作

新建文件后,即時設計會出現了一個引導提示,這對從未使用過協作設計軟件的新手來說非常友好,這會讓他們知道怎么開始第一步。在創建畫版開始設計后,新手引導又會提示一些操作功能上的提示??梢詭椭脩敉瓿梢恍┗A上的認知。

Mastergo則是把引導提示放在右下角,每次用戶探索完成一個功能時會有一個禮花的交互反饋。

在來看看右側面的操作臺,這里最讓我不習慣的是沒有了sketch上的像素微調的點擊調整功能,想要微調像素的時候只能去重新輸入或者選中之后在通過鍵盤的上下鍵來調節,還有顏色調整上Mastergo的交互顯的很麻煩,需要通過純色的下拉單才能切換漸變、旋轉漸變、菱形漸變、圖片等等。

而且也不支持顏色儲存,只能是添加成為組件的圖層樣式來調用。即時設計則除了延續sketch的習慣外還增加了基礎的顏色預設以及明度的快速選擇,我想在調顏色規范時應該會方便很多。

描邊的設置上Mastergo支持自定義描邊,比如只讓描邊出現在一個邊上。這樣在做一些設計效果時會有更多的可能性,減少做一些剪切蒙版的操作。

即時設計是把描邊功能精減成一列,更多的操作需要點擊展開上才能實現,其實我個人還是更喜歡sketch那樣可以支持用戶設置把更多的功能也展示出來,減少多一步的點擊動作。

在左側工作臺中即時設計,提供了一個非常方便的功能快速折疊畫版,在云端存儲的時代意味著打開在多的畫版文件都不會太卡,所以在設計師制作頁面的時候,會有非常多的頁面在一個page內。

在找起來整理的時候就會比較麻煩,這個小功能可以很好的解決這個問題。至于圖片填充、文字填充、iocn引用這些功能2者大差不差的,要么是從資源庫調取要么就是從內置插件引用。

其實在整體的布局上Mastergo的工具欄更多的是像figma致敬,有很多一致的地方。即時設計在網頁設計的布局上,還保留了一些在sketch時代非常習慣或者說是好用的功能,方便用戶在遷移時不會又太多的不習慣感。不過即使是有一些不一樣的地方整體的學習成本都比較低,只要靜下心花上5分鐘,都能快速上手。

3. 團隊組件庫遷移

現在使用figma的團隊,或者還堅守用sketch的用戶,大都是已經有成熟的組件庫了。

那么更換設計工具的成本也有很大一部分是因為這個,畢竟重新在制作一個組件庫還是費時費力的工作,如果可以無損導入,或者大部分組件都不影響的話那還是很香的。那么我們看看2者導入的效果都如何!

4. 即時設計

在導入組件文件后需要點擊左下角共享組件庫的入口才能設置成為組件庫,但是由于沒有引導的提示,最底下的入口一般很難被注意到,最終花了好久的時間才找到。進入詳情后點擊發布才能生效。這樣的路徑實在太長了,第一次使用的成本太高了,并且每次在新打開的文件中都需要給權限才能調用。

當然也有另外一種辦法把組件放在資源庫內,就可以不用一直給權限,但是他一次只支持上傳20個組件,這樣上傳起來就太繁瑣了并且時間也比較久,這樣的話體驗還有待提升。

5. Mastergo

在導入組件文件后,通過點擊設置的iocn。可以把當前文件添加為團隊庫,不過這種形式的添加只能是讓該組件臨時性的加入團隊庫 在你打開新的文件頁面時又需要重新通過組件的設置把他的權限打開才能調用起來。完全團隊化的組件需要先回到工作臺的團隊面板,進入團隊設置通過默認組件庫的添加,發布更新才能正式生效。

這樣在團隊內新建的文件打開組件面板時就可以直接調用了。但是在個人主頁的新建的文件,還是需要通過組件的設置打開權限才能調用(聽起來是不是很繞,很麻煩。不過在第一次熟悉之后就好了) 。

我想Mastergo的團隊還是想讓用戶區分工作的使用和個人的使用方式吧,不過感覺也大可不必如此。

組件庫雖然導入了,但是我發現他們都不支持導入文本樣式,都需要調整替換字體。才能使用文本樣式,而且由于文本樣式的不支持導致自適應的組件無法正常使用,所以只能重新制作一套文本樣式組件庫。

即時設計和Mastergo都嵌入了多款免費商業字體,無需下載安裝,極大節省了設計師的成本,其次有效避免設計師使用商業字體帶來侵權的困擾。

另外,它們都提供了本地字體下載助手,和字由第三方插件這幫助我可以快速載入本地的字體和引用字體。還有團隊庫字體,避免了一些成員使用特殊字體而自己沒有安裝該字體導致設計效果的變化、或是反復要字體包就行安裝。

而且所有字體均支持使用漸變色、支持圖層混合模式,這省去了我過去使用Sketch時候需要將文字刪格化,才能給文字的一些顏色效果。而且這樣還影響后續的在編輯功能。

同樣的顏色樣式也不支持導入,需要重新建立顏色樣式,確保整個設計的顏色統一。

即時設計、Mastergo的顏色樣式功能和Sketch都差不多,可以快速上手。不過可能是更關注團隊協作或者是顏色統一規范上,2款軟件都是在選擇圖層樣式后,無法快速更換其他顏色需要把樣式解鎖后才能更換其他顏色。

在多顏色樣式的情況下即時設計支持組件折疊,在調用的時候體驗十分友好,不用長時間滑動尋找。

6. 共享團隊協作

在設計過程中時刻檢查設計效果也是必不可少的,所以在移動端鏡像上我也做了測試。這里不得不夸一下即時設計的移動端產品效果,目前市面上的產品大部分都是把移動端當成載體做設計檢驗用的。而即時設計也是利用網頁式設計的優勢,在任何時間只要有網就可以使用,并且做了手機的適配。

通過移動端可以檢查頁面、標注留言、查看項目信息,試想在下班做在地鐵上的時候,突然讓你緊急跟進一下項目,這功能至少還可以頂一頂。

在說說具體的鏡像效果,兩個一樣的頁面Mastergo的鏡像圓角存在展示有毛邊的問題,觀感上體驗很不好(注:第一次圓角展示效果更差直接顯示的斜角,第2次如圖顯示毛邊,第3次顯示正常)即時設計到是正常顯示,至于圓形的更多按紐可以移動隱藏。

交互演示

把交互演示和設計一體化真是一個非常好的創意,這真的節省了太多的時間。

甚至可以同步設計,過去我真的需要花很多時間導入到原型工具,然后制作交互演示,真的非常消耗時間,而現在不需要了。就在同一個軟件,同一個流程節點便可制作交互演示,真的讓人感覺非常棒。兩者在交互使用的體驗上相差無幾,都非常好用。

7. 設計交付

為了驗證在線協同軟件的最后一步,我特意把程序工程師也邀請進來,讓他親自嘗試一下這樣的協作模式,看看是否還需要像以前那樣我把圖片、圖標輸出。在驗證過程中發現即時設計在sketch導入中支持切圖的同步,減少了團隊遷移過程中的重新切圖,而Mastergo暫不支持。

還有在讓開發同學體驗自己切圖的過程中Mastergo在點擊切圖后并不會顯示切圖后的效果,需要點擊展開才能驗證是否完成切圖。

這對于初體驗切圖效果的開發同學并不友好,需要不斷的點擊驗證。即時設計保持了sketch的切圖邏輯。點擊切圖后立即展示切圖效果。

在分別問了幾個iOS、Android、wbe工程師,他們如何看待研發模式的效果。iOS、Android工程師表示其實在他們的日常工作中更加關注頁面位置信息,不會直接復制代碼部分,wbe工程師可能會更加關注代碼信息的部分。

在問到他們對于2種看頁面的方式中那種更高效時,他們都選擇了即時設計這種,一方面是因為可能和藍湖的形式更像、更習慣,另外一方面是信息更加聚焦模塊分明方便看圖。其實我也想不明白在開發了藍湖這種設計標注產品的公司,為什么沒有在Mastergo上發揮他的優勢。

反而不如即時設計的展示效果好。也有可能是基于產品方面的考量,整體和figma的邏輯更加接近,可能更容易承接遷移過來的用戶。

8. 設計社區的更多可能

在看了2款軟件的社區之后發現除了豐富的設計資源,還增加了一些設計活動。目前來看即時設計除了臨摹活動還推出了打卡練習、設計教程,設計社區的運營上更加豐富。

未來設計工具可能不在只是單一的工具了,也許會集合pinterest、behance、dribbble上的資訊功能、素材集合或者資源學習課程、設計社群等一系列設計相關的板塊,或者加入網頁化的3d建模、動效設計,讓設計師真的一站式解決設計問題。

這里還有官方出品的課程指南幫助快速上手頁面設計,有興趣的朋友可以自行去探索發現。

9. 體驗總結

其實在細致體驗之前,我是更加傾向喜歡Mastergo的可能是藍湖帶給我的好感,或者是看著更加舒服的界面設計。但是全部體驗下來后發現還是有很多點是需要優化的,而且在很多設計布局上和figma有不少雷同的地方,即時設計雖然也有不少其他工具的影子但是也能發現他們體驗上的小心思。保留好的部分相互結合。

從上手難度來說只要之前擁有過sketch、xd、figma的軟件操作來說并不難,是可以快速使用起來的。但是里面一些更加深入的功能還是需要一點時間適應,特別是一些自動布局、團隊組件庫、插件的應用。從我幾天的設計項目上手實操,我感覺自己基本熟悉了在線協同軟件的操作習慣。

總之,不管對于純新手學習還是像我這樣的從Sketch直接轉到國產設計軟件的設計師,我覺得只要稍微花一點心思就能即時上手。軟件的性能上由于是云存儲更加依賴穩定的網絡環境,使用期間因為打開的網頁很多,確實也出現過崩潰的情況,如果有需要的話建議下載客戶端會相對穩定一點。

在文件打開的測試中,即時設計在打開大型文件上會存在長時間加載無法打開的情況,這點還是需要優化的。同樣的文件在Mastergo上雖然需要一定的加載時間,但最終還是可以打開的。

從操作體驗的角度來說整體的差異并不大,但是有很多操作細節上還是可以優化的,作為一個后來者,國產軟件擁有國外軟件給它們開辟的道路,所以國產軟件更加應該在體驗上重新做出一些改變和創新。

如果只是因為“卡脖子”或者設計資料和數據安全的因素,搶占的市場占有率是“勝之不武”的。

在使用體驗僅僅只是和他們雷同,在做一些本土化的優化,我覺得這是遠遠不夠的。國產軟件的目標不是成為它們的替代者,而是成為它們的競爭者。

其實我也明白用戶對改變天生懼怕,所以當嘗試一個新的設計軟件時候,如果產品設計不符合自己多年習慣的軟件,心情會變得焦躁、不耐煩,同時在替換軟件時也會有更加苛刻的要求,一丁點的不合理性在人們心中都會放大。

那么如何在保證用戶習慣的同時,開創出新的設計模式這里是國產軟件需要思考的而不只是讓用戶為情懷買單。

以上體驗僅代表我個人當時的真實感受,不存在捧一踩一的情況。目的也是希望國產軟件可以越做越好,逐步替換國外軟件在設計軟件界的統治地位。

六、如何推動團隊替換設計工具

替換設計工具,無論是對設計師內部,還是整個產品研發團隊都是一個困難的問題。你可能會碰到各種各樣的原因和問題,公司會覺得云端數據不安全、需要聯網才可以設計、還需要科學才能更快的訪問設計文件、又使用一軟件可能還需要花錢、它又是一個新的設計工具,團隊學習起來還需要花時間,之前使用的設計文件怎么遷移,這要換過去值得嗎?等等一系列的問題

但是這個時候我想起了一句話,“做正確的事情不應該很難嗎?”是的,什么事情都會有難的一面,如果連你想做的一件事情你都沒有推動他的勇氣或者是正面解決的能力。那么你可以選擇關閉頁面,繼續忍受用著自己不滿意的軟件。

而且其實推進起來也沒有你想象中那么難,通常自上而下的改變比自下而上的改變要容易的多少。公司的老板、領導,他們推進一個事情,估計也就是一個通知的事情。但是如果你沒有這個權利,可以找到直接決策人,以文檔形式提交。目前存在的問題并且告知替換工具后可以達到的效果,有什么優勢。

目前即時設計、Mastergo上都有關于如何向團隊介紹各自產品的ppt文檔可以下載。方便你去推動和落地。

針對數據安全的角度國產軟件都有完善的權限管理和數據安全保障機制,也可以提供內網部署的服務。

產品定價上目前也都是免費使用的。價格方面的考量更少了,即時設計承諾的是個人或中小型團隊永久免費,Mastergo針對100人以下及教育行業免費,至于后期會不會像藍湖一樣調整策略不得而知。但也夠基礎的使用了,更多詳細內容大家也可以去他們各自的官網了解,比如一些使用教程,插件的情況或者業務咨詢。

 

本文由 @楓楓楓楓鋒 原創發布于人人都是產品經理,未經作者許可,禁止轉載。

題圖來自Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 在線操作不需要下載這點很方便啊,不過對于公司團隊而言,更換工具可能還是需要考慮更多吧?

    來自廣東 回復
    1. 是的 ,需要各方面協調、推進。

      來自上海 回復
  2. 國內產品的性能優化太差了,打開個文件要半天

    來自中國 回復
    1. 即時設計打開大文件確實有點慢。Mastergo這方面想對好一點

      來自上海 回復
  3. 哈哈看到免費的協同設計軟件時眼睛都亮了,白嫖果然是讓人快樂的

    來自廣西 回復
    1. 可能是短暫的免費

      來自遼寧 回復