網(wǎng)站介紹

微信小程序可視化設(shè)計(jì)工具是一個無需編程即可在線制作專業(yè)微信小程序, 意派Coolsite360集成小程序所有組件,在線進(jìn)行小程序UI設(shè)計(jì),支持Flex布局,可免費(fèi)導(dǎo)出符合小程序標(biāo)準(zhǔn)的代碼供后續(xù)開發(fā)。

Coolsite360推出國內(nèi)第一款微信小程序可視化設(shè)計(jì)工具，可以幫助還沒有小程序的用戶快速開發(fā)，那么Coolsite360小程序編輯器能做什么?

1.CoolSite360推出小程序編輯器，幫助設(shè)計(jì)師無需編寫wxml以及wxss代碼，通過小程序可視化編輯器就可快速設(shè)計(jì)小程序交互UI。

2.使用小程序編輯器設(shè)計(jì)的頁面，可以方便地在微信及瀏覽器上預(yù)覽，便于前期的原型展示分享。

3.設(shè)計(jì)好的頁面，可以一鍵導(dǎo)出符合小程序標(biāo)準(zhǔn)的代碼，可直接進(jìn)行功能開發(fā)。

希望通過研發(fā)可視化設(shè)計(jì)開發(fā)工具，實(shí)現(xiàn)UI層的開發(fā)交由設(shè)計(jì)師進(jìn)行。開發(fā)人員可以更專注業(yè)務(wù)邏輯的開發(fā)。

小程序編輯器目前不能做什么?

目前版本專注于前端UI的可視化設(shè)計(jì)，還沒有涉及前端業(yè)務(wù)邏輯以及后端數(shù)據(jù)的處理，后續(xù)隨著版本的迭代，會推出具有一定后端數(shù)據(jù)處理能力的編輯器，在一定范圍內(nèi)可實(shí)現(xiàn)一站交付，但目前還需要導(dǎo)出前端代碼，由開發(fā)人員進(jìn)行后續(xù)的開發(fā)。

小程序編輯器在UI設(shè)計(jì)方面主要功能有哪些?

1.小程序編輯器集成了微信官方提供的所有組件，可以通過可視化方式進(jìn)行設(shè)定和屬性配置。

2.支持常用css屬性的可視化設(shè)置，支持rem單位，支持flex布局，同時支持自定義css代碼，可通過sketch、ps等軟件復(fù)制樣式代碼，滿足全自由度設(shè)計(jì)。

3.后續(xù)也會持續(xù)提供常用的部件模板，比如內(nèi)容列表、網(wǎng)格列表、卡片、導(dǎo)航等，方便用戶進(jìn)行快速設(shè)計(jì)。

小程序編輯器除了完成靜態(tài)UI設(shè)計(jì)，還能做什么?

1.小程序編輯器還支持基本動畫的設(shè)定和控制，比如飛入、飛出、淡入、淡出、放大出現(xiàn)、縮小出現(xiàn)、旋轉(zhuǎn)，以及css transform動畫…，并可以通過觸發(fā)器進(jìn)行動畫控制。

2.支持常用觸發(fā)器進(jìn)行交互控制，比如顯示元素、隱藏元素、播放動畫、跳轉(zhuǎn)頁面、動態(tài)添加組件class、移除組件class、切換元素狀態(tài)以及結(jié)合微信小程序API開發(fā)的一系列觸發(fā)器，可以實(shí)現(xiàn)無需代碼進(jìn)行一定范圍的UI交互控制。