在茫茫的微信小程序海洋中，很多小程序在打開的一瞬間用戶就關閉了。粗糙的排版，狗啃一樣的正文，模糊的配圖，大到魯莽的字號。版式馬虎成這樣，內容也不可能精美到哪裡去，還是不要浪費生命好了。
培養正確的審美是第一步，訪問大量精心製作的微信發佈的小程序，尤其是偏藝術、美分享、知名小程序的排版，對好的排版的樣式有了一個大概的印象，這樣才能在實際情況中靈活運用。
“微信官方開發者工具”因為系統的原因十分難用，所以建議不要直接用它製作。我們通常來說會採用可視化拖拉工具設計好小程序樣式及交互部分，然後把代碼複製粘貼到“微信官方開發者工具”，利用它發佈代碼。這個時候你可以做一些高級的代碼或調試。
如果本身是純小程序的展現形式，力求大氣整潔即可。
如果本身是對排版有一定要求，有很多第三方工具可供選擇。米筷來說，比較喜歡採用拖拉與代碼編輯並存，拖拉滿足不了的情況下，甚至是懂代碼的人，可以在工具上結合代碼一起編輯，類似於“DreamWare”一樣。上手簡單，基本需求都可以滿足。選擇元素後可以點擊色塊，選擇顏色。一般來說，為了不給設計者帶來太多的負擔，每個元素會展現右邊的列表欄，可以保證鼠標難選中的元素、隱藏的元素、尺寸過小的元素等被再次選中編輯。
右邊元素表移動鼠標即可
界面一般來說建議16像素大小，二級標題18像素，這是我們反覆測試的大多數設備上閱讀體驗較舒適的字號，字體顏色不要用全黑，太重了。
插圖慎用亮色色塊，那會一下子拉低整頁的格調，頂部的banner處儘量統一、 舒適，強化小程序的品牌印象。設計好後一定要發送預覽給自己的蘋果手機和一臺安卓手機仔細檢查排版，以防不測。比如說滾動到底部的時候，蘋果經常是最底部內容被遮蓋，而安卓則不會。
如果遇到令人耳目一新的版式想要借鑑怎麼辦呢？可以採用一些小程序解包、還原、破解等工具，解包他人的小程序素材及相關文件，複製自己需要的到排版工具內，將裡面的素材替換成你想要的即可。
插圖和配圖像素一定要高，可以去花瓣等地逛逛，選用的時候注意版權。
閱讀更多 米筷應用 的文章
