Q&A

• Coolsite360小程序編輯器能做什么？

  ? CoolSite360推出小程序編輯器，幫助設計師無需編寫wxml以及wxss代碼，通過小程序可視化編輯器就可快速設計小程序交互UI。
  ? 使用小程序編輯器設計的頁面，可以方便地在微信及瀏覽器上預覽，便于前期的原型展示分享。
  ? 設計好的頁面，可以一鍵導出符合小程序標準的代碼，可直接進行功能開發。
  
  我們希望通過研發可視化設計開發工具，實現UI層的開發交由設計師進行。開發人員可以更專注業務邏輯的開發。

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

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

• 小程序編輯器在UI設計方面主要功能有哪些？

  ? 小程序編輯器集成了微信官方提供的所有組件，可以通過可視化方式進行設定和屬性配置。
  ? 支持常用css屬性的可視化設置，支持rem單位，支持flex布局，同時支持自定義css代碼，可通過sketch、ps等軟件復制樣式代碼，滿足全自由度設計。
  ? 我們后續也會持續提供常用的部件模板，比如內容列表、網格列表、卡片、導航等，方便用戶進行快速設計。
  

• 小程序編輯器除了完成靜態UI設計，還能做什么？

  ? 小程序編輯器還支持基本動畫的設定和控制，比如飛入、飛出、淡入、淡出、放大出現、縮小出現、旋轉，以及css transform動畫...，并可以通過觸發器進行動畫控制。
  ? 支持常用觸發器進行交互控制，比如顯示元素、隱藏元素、播放動畫、跳轉頁面、動態添加組件class、移除組件class、切換元素狀態以及結合微信小程序API開發的一系列觸發器，可以實現無需代碼進行一定范圍的UI交互控制。
  

• 近期的Coolsite360針對于小程序編輯器的開發計劃是什么？

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

• 我沒有基礎，應該如何著手？

  如果要做能直接用于微信小程序開發的UI前端設計，除了基本的UI設計能力外，還需掌握一定的html、css知識，以及了解微信小程序的官方文檔，我們準備了些基礎學習路徑，點擊以下鏈接可以訪問。

  查看幫助文檔