如今小程序的發(fā)展逐漸變得越來(lái)越成熟，近年來(lái)，小程序在市場(chǎng)上反響強(qiáng)烈，得到充分的釋放與運(yùn)用，但是小程序的制作依然還有發(fā)展的空間，對(duì)于小程序的設(shè)計(jì)和開發(fā)市面上的資料太過(guò)于零碎，官方文檔也沒(méi)有明確的說(shuō)明，今天就為大家梳理一下小程序開發(fā)制作需要避免哪些問(wèn)題，注意哪些事項(xiàng)。

小程序制作要避免哪些問(wèn)題？

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

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

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

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

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

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

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

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

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

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

　　6、視頻限時(shí)多。

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

　　7、一稿適配。

　　不管是iOS的系統(tǒng)還是安卓版的，這些都不難，這對(duì)于對(duì)開發(fā)人員來(lái)說(shuō)很簡(jiǎn)單。

責(zé)任編輯：中山網(wǎng)站建設(shè)
 【網(wǎng)訊網(wǎng)絡(luò)】國(guó)家高新技術(shù)企業(yè)》十年專注軟件開發(fā)，網(wǎng)站建設(shè)，網(wǎng)頁(yè)設(shè)計(jì)，APP開發(fā)，小程序，微信公眾號(hào)開發(fā)，定制各類企業(yè)管理軟件（OA、CRM、ERP、訂單管理系統(tǒng)、進(jìn)銷存管理軟件等)！服務(wù)熱線：0760-88610046、13924923903，http://www.wansion.net