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

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

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

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

　　2、彈窗不覆蓋導航跟标簽。

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

　　3、設計稿最好用二倍圖。

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

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

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

　　5、導航欄最好不要自(zì)定義。

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

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

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

　　7、一(yī)稿适配。

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

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