2023-02-27 22:30:00 來自于應(yīng)用公園
00-1010酷思特360小程序編輯能做什么?
CoolSite360推出小程序編輯器,幫助設(shè)計師通過小程序可視化編輯器快速設(shè)計小程序交互UI,無需編寫wxml和wxss代碼。
小程序編輯器設(shè)計的頁面便于早期原型的展示和共享。
一個設(shè)計良好的頁面可以一鍵導(dǎo)出符合小程序標準的代碼,并可以直接執(zhí)行功能開發(fā)
我們希望通過視覺設(shè)計開發(fā)工具的研發(fā),將UI層的開發(fā)交給設(shè)計師。開發(fā)的員工可以更專注于開發(fā)的商業(yè)邏輯
小程序編輯目前不能做什么?
目前版本側(cè)重于前端UI的可視化設(shè)計,并沒有涉及前端業(yè)務(wù)邏輯和后端數(shù)據(jù)的處理。后期隨著版本的迭代,會推出具有一定后端數(shù)據(jù)處理能力的編輯器,可以在一定范圍內(nèi)實現(xiàn)一站式交付。但是目前還是需要由開發(fā)人員導(dǎo)出前端代碼和后續(xù)開發(fā)。
小程序編輯器在UI設(shè)計中主要有哪些功能?設(shè)置和屬性配置可以直觀地完成。
支持常見css屬性、rem單元、flex布局和自定義css代碼的可視化設(shè)置。樣式代碼可以通過sketch、ps等軟件復(fù)制,滿足全自由設(shè)計的要求。
我們未來會繼續(xù)提供常用組件模板,如內(nèi)容列表、網(wǎng)格列表、卡片、導(dǎo)航等。方便用戶快速設(shè)計。
除了靜態(tài)UI設(shè)計,小程序編輯器還能做什么?
小程序編輯器還支持基本動畫的設(shè)置和控制,如飛入、飛出、淡入、淡出、放大外觀、縮小外觀、旋轉(zhuǎn)和csstransform動畫.且可以由觸發(fā)器控制。
交互控制支持常用觸發(fā)器,如顯示元素、隱藏元素、播放動畫、跳轉(zhuǎn)頁面、動態(tài)添加組件類、移除組件類等,無需代碼即可實現(xiàn)一定范圍的UI交互控制。
酷思特360近期對小程序編輯的開發(fā)計劃是什么?
我們會繼續(xù)關(guān)注小程序的官方動向,近期會進行復(fù)合組件的開發(fā),彌補官方小程序基礎(chǔ)組件的不足,未來會逐步增加畫布的繪制功能和UI微交互的可視化設(shè)置。
我沒有基礎(chǔ)。我該如何開始?除了基本的UI設(shè)計能力,我們還需要掌握一些css知識。我們準備了一些基本的學(xué)習路徑,點擊以下鏈接即可進入。
查看幫助文檔