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