據官方消息,即時設計正式推出「即時上線」。
該產品可以將設計稿一鍵發布為符合HTML、CSS、GS結構的在線網頁,設計稿類型包括但不限于UI設計稿及平面設計稿,即便是空白畫板也可以被發布為在線網頁。
即時設計是國內首款在線協作UI設計工具,不僅服務于UI設計師,還服務于UI設計師的上下游即產品經理與程序員,本次「即時上線」的推出,也是對其產設研鏈路服務能力的進一步增強。
在常規的App/網站的生產流程中,需要設計師出具UI設計稿后,由前端開發程序員進行代碼編譯,給無論是設計師還是程序員都帶來很大的困擾。
對設計師而言,由于雙方的專業差異及頁面呈現約束,很容易出現設計稿無法被100%還原的情況,同時還要做大量且瑣碎的走查工作;對前端開發而言,原來的工作流程中也充斥了大量的重復且技術性不高的工作,即占據工作精力又降低了單位時間的個人產出價值。
「即時上線」可以有效解決多方協作痛點 減少低價值工作內容
基于設計稿轉代碼的能力,即時設計可以有效解決設計師、開發、運營等多方工作的負擔,提升協作流暢度。
對設計師群體而言:
以往需要用預覽模式查看設計效果,縮放比例和實際總有差距。而現在,通過使用「即時上線」將設計稿發布為網頁后,設計師可以在線查看真實效果,輕松確認陰影描邊、按鈕大小、元素相對尺寸是否合適;以往在稿件評審時需要發送文件鏈接,給多方成員設置協作權限,受賬號和工具限制。而現在,上下游協作人員使用單獨的網頁地址預覽,更專業且真實,尤其是網頁設計,交互動效完整還原,輕松搞定遠程原型展示。
使用「即時上線」生成網頁鏈接后,發給用戶還可以做「可用性測試」,被測者沉浸感更強,得到的測試結果也更貼近真實情況。同時,演示設計稿也更靈活,設計師給客戶看效果、給面試官看作品集,再也無需反復導出、發送、更新文件。
對開發而言,以往拿到設計稿后,手寫還原 UI 樣式,繁瑣又低效。UI 走查過后,一堆零碎問題要手動修改。而現在拿到設計稿鏈接后,可以直接進入研發模式,一鍵復制 iframe 網頁組件,嵌入已有代碼即可完成開發。重復性、低技術含量的 UI 樣式和動效實現全都交給「即時上線」處理,原本要占用一整天的工作量,直接壓縮到幾分鐘內完成。
同樣,對于產品運營及活動運營而言,以往需要協調設計資源與開發資源,需要進行多輪反復溝通,而現在只要是使用「即時上線」發布的固定運營位,后續更新再不用等待開發排期,運營可以自行替換內容,選擇更新網頁就能立刻替換為全新網頁內容。
對企業和團隊來說,「即時上線」更是優化協作流程、縮短項目上線周期的利器,在快速迭代的互聯網時代中,能否快速替換資源、獲得更精準的展示效果至為重要,這種訴求在配合宣傳推廣場景中更為突出,比如SEM 推廣頁面、大促活動營銷頁、電商平臺商品詳情頁等等。
持續提升協作能力 即時設計產品競爭力不斷增強
作為國內首款在線協作UI設計工具,協作是該類工具的重要服務場景。
即時設計重點發力建設評審交付等協同功能,持續解決在“協作”過程中的溝通、評論審批、交付等難題,提升各角色工作流中的效率。
無論是多位設計師協同創作,還是產品經理隨時隨地評審、溝通反饋,或是研發人員查看實時更新的設計稿獲取切圖標注,都可得到滿足。
協作之外,為滿足用戶的設計需求,即時設計還團結更多有生力量,發力生態建設,陸續推出了資源廣場、插件、小組件等一系列產品和服務,建立了國內UI設計領域最大的開發者生態。
在即時設計與眾多優秀獨立開發者、團隊、企業的共同努力下,即時社區的插件與小組件突破 200 個。同時,即時設計還與UI中國面向全行業發起設計開源倡議,截至2023年年初,即時設計社區內已經有數萬套開源資源,及上億的設計素材。
作為工具型產品,如何持續發現用戶痛點、滿足用戶需求是成為好工具的必修課,本次「即時上線」的推出也再次提升即時設計的工具力,以滿足更多用戶需求。
