Coolsite360小程序設計工具快問快答

對于微信小程序、對于我們剛發布上線的Coolsite360小程序設計工具,我們有一些思考、感興趣的朋友也會有一些問題,這里跟大家做一個簡單的交流。

對于微信小程序、對于我們剛發布上線的Coolsite360小程序設計工具,我們有一些思考、感興趣的朋友也會有一些問題,這里跟大家做一個簡單的交流:

1. Coolsite360小程序設計工具能做什么?

CoolSite360推出小程序設計工具,幫助設計師無需編寫wxml以及wxss代碼,通過小程序可視化設計工具就可快速設計小程序交互UI。 

使用小程序設計工具設計的頁面,可以方便地在微信及瀏覽器上預覽,便于前期的原型展示分享。 

設計好的頁面,可以一鍵導出符合小程序標準的代碼,可直接進行功能開發。 

我們希望通過研發可視化設計開發工具,實現UI層的開發交由設計師進行。開發人員可以更專注業務邏輯的開發。

2. 小程序設計工具目前不能做什么?

目前版本專注于前端UI的可視化設計,還沒有涉及前端業務邏輯以及后端數據的處理,后續隨著版本的迭代,會推出具有一定后端數據處理能力的設計工具,在一定范圍內可實現一站交付,但目前還需要導出前端代碼,由開發人員進行后續的開發。 

3. 小程序設計工具在UI設計方面主要功能有哪些?

小程序設計工具集成了微信官方提供的所有組件,可以通過可視化方式進行設定和屬性配置。 

支持常用css屬性的可視化設置,支持rem單位,支持flex布局,同時支持自定義css代碼,可通過sketch、ps等軟件復制樣式代碼,滿足全自由度設計。 

我們后續也會持續提供常用的部件模板,比如內容列表、網格列表、卡片、導航等,方便用戶進行快速設計。 

4. 小程序設計工具除了完成靜態UI設計,還能做什么?

小程序設計工具還支持基本動畫的設定和控制,比如飛入、飛出、淡入、淡出、放大出現、縮小出現、旋轉,以及css transform動畫......并可以通過觸發器進行動畫控制。 

支持常用觸發器進行交互控制,比如顯示元素、隱藏元素、播放動畫、跳轉頁面、動態添加組件class、移除組件class、切換元素狀態以及結合微信小程序API開發的一系列觸發器,可以實現無需代碼進行一定范圍的UI交互控制。 

5. 近期的Coolsite360針對于小程序設計工具的開發計劃是什么?

我們會持續跟進小程序的官方動態,近階段會進行復合組件的開發,以彌補官方小程序基礎組件的不足,后續也會逐漸增加canvas的繪圖功能以及針對于UI微交互的可視化設置。 

6. 我沒有基礎,應該如何著手?

如果要做能直接用于微信小程序開發的UI前端設計,除了基本的UI設計能力外,還需掌握一定的html、css知識,以及了解微信小程序的官方文檔。


作者:意派科技創始人兼產品總監 陳建峰
 
 

關注公眾號,獲取更多H5設計、響應式網頁設計資訊

10

网上棋牌作弊是真的吗