00-1010酷思特360小程序編輯能做什么？

CoolSite360推出小程序編輯器，幫助設(shè)計(jì)師通過(guò)小程序可視化編輯器快速設(shè)計(jì)小程序交互UI，無(wú)需編寫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ā)的員工可以更專注于開(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)畫的設(shè)置和控制，如飛入、飛出、淡入、淡出、放大外觀、縮小外觀、旋轉(zhuǎn)和csstransform動(dòng)畫.且可以由觸發(fā)器控制。

交互控制支持常用觸發(fā)器，如顯示元素、隱藏元素、播放動(dòng)畫、跳轉(zhuǎn)頁(yè)面、動(dòng)態(tà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ì)逐步增加畫布的繪制功能和UI微交互的可視化設(shè)置。

我沒(méi)有基礎(chǔ)。我該如何開(kāi)始？除了基本的UI設(shè)計(jì)能力，我們還需要掌握一些css知識(shí)。我們準(zhǔn)備了一些基本的學(xué)習(xí)路徑，點(diǎn)擊以下鏈接即可進(jìn)入。

查看幫助文檔