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

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

　　1、标簽欄的設計。

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

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

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

　　3、設計稿最好(hǎo)用二倍圖。

　　UI設計師都(dōu)喜歡用一倍圖，但爲什麼(me)用一倍圖，方便适配是表面(miàn)現象，真正原因是開(kāi)發(fā)用的開(kāi)發(fā)工具支持一倍圖開(kāi)發(fā)，開(kāi)發(fā)不用再換算數值了。而小程序的開(kāi)發(fā)工具不支持一倍圖開(kāi)發(fā)，支持二倍圖開(kāi)發(fā)。小程序裡(lǐ)的尺寸單位叫(jiào) rpx，可以根據屏幕寬度進(jìn)行自适應。在750*1334的設計稿裡(lǐ)，1px = 1rpx。

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

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

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

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

　　6、視頻限時多。

　　小程序對(duì)視頻的支持不是特别的好(hǎo)，原則上在滾動控件裡(lǐ)不能(néng)放視頻，而且微信官方文檔裡(lǐ)是這(zhè)樣要求的。優酷和騰訊視頻都(dōu)是將(jiāng)視頻固定。這(zhè)點已經(jīng)被有些公司攻克了，比如開(kāi)眼跟京東（是的，你沒(méi)看錯，京東）。攻克是攻克了，但是體驗不怎麼(me)好(hǎo)。如果公司産品需要放視頻，建議專門新開(kāi)一個頁面(miàn)，視頻部分最好(hǎo)不要有左右滾動。

　　7、一稿适配。

　　不管是iOS的系統還(hái)是安卓版的，這(zhè)些都(dōu)不難，這(zhè)對(duì)于對(duì)開(kāi)發(fā)人員來說很簡單。

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