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

小(xiǎo)程序制作要避免哪些問題？

　　1、标簽欄的設計。

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

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

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

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

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

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

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

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

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

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

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

　　7、一(yī)稿适配。

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

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