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