首頁 > 新聞 > 移動端網(wǎng)站 > 小程序制作要避免的幾個坑

小程序制作要避免的幾個坑

　　小程序的發(fā)展逐漸變得成熟，2018年，小程序在很多方面已經(jīng)得到充分的運用，但是小程序的制作依然還有發(fā)展的空間，對于小程序的設(shè)計和開發(fā)市面上的資料太過于零碎，官方文檔也沒有明確的說明，今天就為大家梳理一下小程序開發(fā)制作需要避免的幾個坑。

　　1、標(biāo)簽欄的設(shè)計。

　　標(biāo)簽浪的分頁導(dǎo)航設(shè)置有標(biāo)準(zhǔn)的高度，其高度為：98rpx,圖標(biāo)的最好是54rpx,因為不管是大于還是小于這個數(shù)都會變形，變形就會失去吸引力，會讓用戶有一種不專業(yè)的感覺，一般而言數(shù)量只能是2到5之間。

　　2、彈窗不覆蓋導(dǎo)航跟標(biāo)簽。

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

　　3、設(shè)計稿最好用二倍圖。

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

　　4、切圖只需切750的尺寸。

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

　　5、導(dǎo)航欄最好不要自定義。

　　標(biāo)準(zhǔn)高度：128rpx，小程序很輕量，同時也有很多限制。導(dǎo)航欄不能自定義就是其中之一，能改變的只有顏色。這是官方的意思，但是，要改也是可以滴，需要客戶端版本是 6.6.0 以上，而且下拉會使整個頁面下拉，也不要維護。

　　6、視頻限時多。

　　小程序?qū)σ曨l的支持不是特別的好，原則上在滾動控件里不能放視頻，而且微信官方文檔里是這樣要求的。優(yōu)酷和騰訊視頻都是將視頻固定。這點已經(jīng)被有些公司攻克了，比如開眼跟京東（是的，你沒看錯，京東）。攻克是攻克了，但是體驗不怎么好。如果公司產(chǎn)品需要放視頻，建議專門新開一個頁面，視頻部分最好不要有左右滾動。

　　7、一稿適配。

　　不管是iOS的系統(tǒng)還是安卓版的，這些都不難，這對于對開發(fā)人員來說很簡單。