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

小程序制作要避免哪些問題？

　　1、标簽欄的(de)設計。

　　标簽浪的(de)分(fēn)頁導航設置有标準的(de)高(gāo)度，其高(gāo)度爲：98rpx,圖标的(de)最好是54rpx,因爲不管是大(dà)于還(hái)是小于這(zhè)個(gè)數都會變形，變形就會失去吸引力，會讓用(yòng)戶有一種不專業的(de)感覺，一般而言數量隻能是2到5之間。

　　2、彈窗(chuāng)不覆蓋導航跟标簽。

　　在小程序裏導航欄跟标簽欄的(de)層級是最高(gāo)的(de)，以至于享受慣最高(gāo)待遇的(de)彈窗(chuāng)在這(zhè)裏，也(yě)要臣服于他(tā)們。

　　3、設計稿最好用(yòng)二倍圖。

　　UI設計師都喜歡用(yòng)一倍圖，但爲什(shén)麽用(yòng)一倍圖，方便适配是表面現象，真正原因是開發用(yòng)的(de)開發工具支持一倍圖開發，開發不用(yòng)再換算(suàn)數值了(le)。而小程序的(de)開發工具不支持一倍圖開發，支持二倍圖開發。小程序裏的(de)尺寸單位叫 rpx，可(kě)以根據屏幕寬度進行自适應。在750*1334的(de)設計稿裏，1px = 1rpx。

　　4、切圖隻需切750的(de)尺寸。

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

　　5、導航欄最好不要自定義。

　　标準高(gāo)度：128rpx，小程序很輕量，同時(shí)也(yě)有很多(duō)限制。導航欄不能自定義就是其中之一，能改變的(de)隻有顔色。這(zhè)是官方的(de)意思，但是，要改也(yě)是可(kě)以滴，需要客戶端版本是 6.6.0 以上，而且下(xià)拉會使整個(gè)頁面下(xià)拉，也(yě)不要維護。

　　6、視頻(pín)限時(shí)多(duō)。

　　小程序對(duì)視頻(pín)的(de)支持不是特别的(de)好，原則上在滾動控件裏不能放視頻(pín)，而且微信官方文檔裏是這(zhè)樣要求的(de)。優酷和(hé)騰訊視頻(pín)都是将視頻(pín)固定。這(zhè)點已經被有些公司攻克了(le)，比如開眼跟京東（是的(de)，你沒看錯，京東）。攻克是攻克了(le)，但是體驗不怎麽好。如果公司産品需要放視頻(pín)，建議(yì)專門新開一個(gè)頁面，視頻(pín)部分(fēn)最好不要有左右滾動。

　　7、一稿适配。

　　不管是iOS的(de)系統還(hái)是安卓版的(de)，這(zhè)些都不難，這(zhè)對(duì)于對(duì)開發人(rén)員(yuán)來(lái)說很簡單。

責任編輯：中山網站建設
 【網訊網絡】國家高(gāo)新技術企業》十年專注軟件開發，網站建設，網頁設計，APP開發，小程序，微信公衆号開發，定制各類企業管理(lǐ)軟件（OA、CRM、ERP、訂單管理(lǐ)系統、進銷存管理(lǐ)軟件等)！服務熱(rè)線：0760-88610046、13924923903，http://www.wansion.net