小程序製作要避免的幾個坑
標簽：
小程序製作
2019.02.05
小程序的發展逐漸變得成熟，2018年(nian)，小(xiao)程(cheng)序(xu)在(zai)很(hen)多(duo)方(fang)麵(mian)已(yi)經(jing)得(de)到(dao)充(chong)分(fen)的(de)運(yun)用(yong)，但(dan)是(shi)小(xiao)程(cheng)序(xu)的(de)製(zhi)作(zuo)依(yi)然(ran)還(hai)有(you)發(fa)展(zhan)的(de)空(kong)間(jian)，對(dui)於(yu)小(xiao)程(cheng)序(xu)的(de)設(she)計(ji)和(he)開(kai)發(fa)市(shi)麵(mian)上(shang)的(de)資(zi)料(liao)太(tai)過(guo)於(yu)零(ling)碎(sui)，官(guan)方(fang)文(wen)檔(dang)也(ye)沒(mei)有(you)明(ming)確(que)的(de)說(shuo)明(ming)，今(jin)天(tian)就(jiu)為(wei)大(da)家(jia)梳(shu)理(li)一(yi)下(xia)小(xiao)程(cheng)序(xu)開(kai)發(fa)製(zhi)作(zuo)需(xu)要(yao)避(bi)免(mian)的(de)幾(ji)個(ge)坑(keng)。
1、標簽欄的設計。
標簽浪的分頁導航設置有標準的高度，其高度為：98rpx,圖標的最好是54rpx,因為不管是大於還是小於這個數都會變形，變形就會失去吸引力，會讓用戶有一種不專業的感覺，一般而言數量隻能是2到5之間。
2、彈窗不覆蓋導航跟標簽。
在小程序裏導航欄跟標簽欄的層級是最高的，以至於享受慣最高待遇的彈窗在這裏，也要臣服於他們。
3、設計稿最好用二倍圖。
UI設(she)計(ji)師(shi)都(dou)喜(xi)歡(huan)用(yong)一(yi)倍(bei)圖(tu)，但(dan)為(wei)什(shen)麼(me)用(yong)一(yi)倍(bei)圖(tu)，方(fang)便(bian)適(shi)配(pei)是(shi)表(biao)麵(mian)現(xian)象(xiang)，真(zhen)正(zheng)原(yuan)因(yin)是(shi)開(kai)發(fa)用(yong)的(de)開(kai)發(fa)工(gong)具(ju)支(zhi)持(chi)一(yi)倍(bei)圖(tu)開(kai)發(fa)，開(kai)發(fa)不(bu)用(yong)再(zai)換(huan)算(suan)數(shu)值(zhi)了(le)。而(er)小(xiao)程(cheng)序(xu)的(de)開(kai)發(fa)工(gong)具(ju)不(bu)支(zhi)持(chi)一(yi)倍(bei)圖(tu)開(kai)發(fa)，支(zhi)持(chi)二(er)倍(bei)圖(tu)開(kai)發(fa)。小(xiao)程(cheng)序(xu)裏(li)的(de)尺(chi)寸(cun)單(dan)位(wei)叫(jiao) rpx，可以根據屏幕寬度進行自適應。在750*1334的設計稿裏，1px = 1rpx。
4、切圖隻需切750的尺寸。
設計稿用二倍圖做的（750*1334），隻需給一倍的切片；如果是是按一倍圖設計的（375*667），隻要給二倍的切圖。真的不管其它尺寸嗎？不是不想管，而是小程序的開發工具不支持。
5、導航欄最好不要自定義。
標準高度：128rpx，xiaochengxuhenqingliang，tongshiyeyouhenduoxianzhi。daohanglanbunengzidingyijiushiqizhongzhiyi，nenggaibiandezhiyouyanse。zheshiguanfangdeyisi，danshi，yaogaiyeshikeyidi，xuyaokehuduanbanbenshi 6.6.0 以上，而且下拉會使整個頁麵下拉，也不要維護。
6、視頻限時多。
小xiao程cheng序xu對dui視shi頻pin的de支zhi持chi不bu是shi特te別bie的de好hao，原yuan則ze上shang在zai滾gun動dong控kong件jian裏li不bu能neng放fang視shi頻pin，而er且qie微wei信xin官guan方fang文wen檔dang裏li是shi這zhe樣yang要yao求qiu的de。優you酷ku和he騰teng訊xun視shi頻pin都dou是shi將jiang視shi頻pin固gu定ding。這zhe點dian已yi經jing被bei有you些xie公gong司si攻gong克ke了le，比bi如ru開kai眼yan跟gen京jing東dong（是的，你沒看錯，京東）。攻克是攻克了，但是體驗不怎麼好。如果公司產品需要放視頻，建議專門新開一個頁麵，視頻部分最好不要有左右滾動。
7、一稿適配。
不管是iOS的係統還是安卓版的，這些都不難，這對於對開發人員來說很簡單。
