對初次涉及定制小程序開發的公司而言，它的設計與開發是一次挑戰。今天，成都創新互聯就來幫幫大家規避小程序設計中的那些坑。

一、設計稿最好用二倍圖

UI設計師都喜歡用一倍圖，但為什么用一倍圖，方便適配是表面現象，真正原因是開發用的開發工具支持一倍圖開發，開發不用再換算數值了。而小程序的開發工具不支持一倍圖開發，支持二倍圖開發。小程序里的尺寸單位叫 rpx，可以根據屏幕寬度進行自適應。在750*1334的設計稿里，1px = 1rpx。

二、切圖只需切750的尺寸

設計稿用二倍圖做的(750*1334)，只需給一倍的切片;如果是按一倍圖設計的(375*667)，只要給二倍的切圖。真的不管其它尺寸嗎?不是不想管，而是小程序的開發工具不支持。

三、導航欄不要自定義

標準高度：128rpx

小程序很輕量，同時也有很多限制。導航欄不能自定義就是其中之一，能改變的只有顏色。

四、標簽欄愛素顏

這個標準名稱叫：標簽分頁導航，標準高度：98rpx，簡稱標簽欄。

1. 偷笑別人花了臉

又是一個安靜的晚上，一個人窩在公司里設計，我承認這樣真的很無奈，和其它小程序一樣。聽說你還在搞什么原創，加個投影來點漸變，自以為這樣很棒簡直無懈可擊。結果開發小哥哥哭了，我相信是很美美的圖，但是開發做不到啊，那種表情可以想象。

2. 圖標只要81rpx

還是一個安靜的晚上，還是我在做設計，這次我真的按耐不住，和其它小程序一樣。聽說你又在搞什么原創，中間圖標變大大，破形破形再破形，燃燒開發腦細胞。

五、彈窗不覆蓋導航跟標簽

在小程序里導航欄跟標簽欄的層級是高的，以至于享受慣高待遇的彈窗在這里，也要臣服于他們。

六、視頻限時多

小程序對視頻的支持不是特別的好，原則上在滾動控件里不能放視頻，而且微信官方文檔里是這樣要求的。這點我也像我們開發小哥哥求證，確實是這樣，優酷和騰訊視頻都是將視頻固定。

但其實吧，這點已經被有些公司攻克了，比如開眼跟京東。攻克是攻克了，但是體驗不怎么好。如果公司產品需要放視頻，建議專門新開一個頁面，視頻部分最好不要有左右滾動。

七、一稿適配

iPhone X 怎么辦，安卓怎么辦，這些都不用再設計了，開發小哥哥都能搞定，相信他們。

八、關于設計資源

微信官方雖然有提供，但是更新時間停留在了2016年，沒有現在新版的小程序樣式，和現在的區別就在頂部導航欄上。

網站欄目：定制小程序開發設計 如何避開錯誤操作？
本文路徑：http://www.2m8n56k.cn/news35/178985.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有小程序開發等

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯