# 小程序美工
微信小程序是個非常便捷的工具,因此想要制作自己的小程序的商家越來越多,但是要想讓你的小程序給客戶留下深刻印象,那就要好好設計了。純新手該怎么設計好呢?接下來就告訴你**小程序制作教程美工**設計方面的知識!一般來說,美工要想把小程序設計好,至少需要做好這4點:

# 1.布局清晰,簡約留白
小程序不要把所有內容都塞得滿滿當當,為保證首頁整潔,你要有一定的留白,合理使用空白來劃分界面。不要把所有內容都堆砌在一塊,這容易擾亂視線,導致用戶體驗很差。比如下圖「上線了」小程序案例就非常好,從頂部圖片banner、快捷按鈕、到商品陳列、底部導航欄,都清晰明了,布局美觀。
# 2.注重用戶的流暢體驗
小程序主頁的各版塊要銜接流暢,各個頁面之間也是如此。如微信小程序設計規范所說,一旦用戶進入我們的小程序頁面,我們就有責任和義務清晰明確地告知用戶身在何處、又可以往何處去;確保用戶在頁面中游刃有余地穿梭而不迷路,這樣才能為用戶提供安全且愉悅的使用體驗。
# 3.字體合乎規范
微信小程序常用的字號為20,18,17,16,14,13,11(pt),比如大標題的字號一般是20pt,列表及主內容字號是17pt,具體使用場景如下圖:

圖片來源:微信官方文檔
微信小程序字體顏色也是有標準的,主內容 Black 黑色,次要內容 Grey 灰色;時間戳與表單缺省值 Light 灰色;大段的說明內容而且屬于主要內容用 Semi 黑。
# 4.不要照搬APP
如果你有自己的品牌APP,那么在制作小程序時,盡量保持風格與理念一致,但千萬不要照搬APP的設計。
APP的設計一般是絢爛的首屏歡迎頁,多個分類導航,功能豐富,能滿足多方面需求……但這種產品理念要是帶到小程序當中,就不合適了。因為小程序本身就是在一個大APP(微信)中,因此應該盡量簡單,不要太累贅。小程序應該是定位于某一個功能,去成為解決用戶需求的單一性工具。
# 5.善于利用工具
微信小程序美工在設計小程序頁面時,用到的圖片會比較多,包括海報,快捷按鈕,頭像logo等等。尤其是小程序制作教程頭像部分,對于品牌來說需要更加重視。如果你不知道怎么快速做好,那么可以多用些快捷工具,比如LOGO神器(快速做logo、頭像),創客貼(快速做海報),上線了(快速生成小程序,并且有豐富的圖庫素材,你可以直接使用)!
小程序制作教程容易學嗎?相信看完后你也明白了,其實是很簡單的,通過上述方法,即使你不懂設計知識,也能順利做出一個美觀的小程序。
- 惠惠軟件-開發自助學習系統
- 一.微信公眾號(服務號)申請流程
- 二.申請所需提前準備資料
- 三.認證微信公眾號:申請微信小程序流程
- 四.微信小程序安裝和開發環境
- 五.微信小程序如何上傳、提交審核、發布操作
- 六.微信小程序開發教程手冊
- 0.1微信小程序 小程序簡介
- 0.2微信小程序 開始第一步
- 0.3微信小程序 小程序代碼構成
- 0.4微信小程序 小程序宿主環境
- 0.5微信小程序 小程序協同工作和發布
- 0.6微信小程序 目錄結構
- 0.7微信小程序 全局配置
- 0.8微信小程序 頁面配置
- 0.9微信小程序 sitemap配置
- 0.10微信小程序 場景值
- 0.11微信小程序 注冊小程序
- 0.12微信小程序 注冊頁面
- 0.13微信小程序 頁面生命周期
- 0.14微信小程序 頁面路由
- 0.15微信小程序 模塊化
- 0.16微信小程序 API
- 0.17微信小程序 運行環境
- 0.18微信小程序 JavaScript支持情況
- 0.19微信小程序 運行機制
- 0.20微信小程序 更新機制
- 0.21微信小程序 廣告·Banner 廣告
- 0.22微信小程序 安全指引·開發原則與注意事項
- 0.23微信小程序 調試
- 0.24微信小程序 啟動性能
- 0.25微信小程序 運行時性能
- 0.26微信小程序 性能分析工具
- 0.27微信小程序 體驗評分
- 八.小程序的美工
- 8.1圖片大小
- 8.2顏色代碼
- 8.3小程序的美工技巧
- 九.微信小程序-定制開發
- 十.微信支付申請流程
- 十一.小程序支付對接流程
- 十二.微信小程序使用中常見問題匯總
- 十二.小程序開發中遇到的問題—匯總
- 十四.小程序問題及解決
- 十五.網站開發定制
- 1.開發定制流程
- 2.搭建網站的過程
- 3.做網站基本費用
- 4.服務器選什么系統更好?
- 十六.常用工具、軟件網站推薦