小程序的發(fā)展逐漸變得成熟,2018年,小程序在很多方面已經(jīng)得到充分的運(yùn)用,但是小程序的制作依然還有發(fā)展的空間,對(duì)于小程序的設(shè)計(jì)和開發(fā)市面上的資料太過于零碎,官方文檔也沒有明確的說明,今天就為大家梳理一下
小程序開發(fā)制作需要避免的幾個(gè)坑。
微信小程序,
小程序制作1、標(biāo)簽欄的設(shè)計(jì)
標(biāo)簽浪的分頁(yè)導(dǎo)航設(shè)置有標(biāo)準(zhǔn)的高度,其高度為:98rpx,圖標(biāo)的最好是54rpx,因?yàn)椴还苁谴笥谶€是小于這個(gè)數(shù)都會(huì)變形,變形就會(huì)失去吸引力,會(huì)讓用戶有一種不專業(yè)的感覺,一般而言數(shù)量只能是2到5之間。
2、彈窗不覆蓋導(dǎo)航跟標(biāo)簽
在小程序里導(dǎo)航欄跟標(biāo)簽欄的層級(jí)是高的,以至于享受慣高待遇的彈窗在這里,也要臣服于他們。
3、設(shè)計(jì)稿最好用二倍圖
UI設(shè)計(jì)師都喜歡用一倍圖,但為什么用一倍圖,方便適配是表面現(xiàn)象,真正原因是開發(fā)用的開發(fā)工具支持一倍圖開發(fā),開發(fā)不用再換算數(shù)值了。而小程序的開發(fā)工具不支持一倍圖開發(fā),支持二倍圖開發(fā)。小程序里的尺寸單位叫 rpx,可以根據(jù)屏幕寬度進(jìn)行自適應(yīng)。在750*1334的設(shè)計(jì)稿里,1px = 1rpx。
4、切圖只需切750的尺寸
設(shè)計(jì)稿用二倍圖做的(750*1334),只需給一倍的切片;如果是是按一倍圖設(shè)計(jì)的(375*667),只要給二倍的切圖。真的不管其它尺寸嗎?不是不想管,而是小程序的開發(fā)工具不支持。
5、導(dǎo)航欄最好不要自定義
標(biāo)準(zhǔn)高度:128rpx,小程序很輕量,同時(shí)也有很多限制。導(dǎo)航欄不能自定義就是其中之一,能改變的只有顏色。這是官方的意思,但是,要改也是可以滴,需要客戶端版本是 6.6.0 以上,而且下拉會(huì)使整個(gè)頁(yè)面下拉,也不要維護(hù)。
6、視頻限時(shí)多
小程序?qū)σ曨l的支持不是特別的好,原則上在滾動(dòng)控件里不能放視頻,而且微信官方文檔里是這樣要求的。優(yōu)酷和騰訊視頻都是將視頻固定。這點(diǎn)已經(jīng)被有些公司攻克了,比如開眼跟京東(是的,你沒看錯(cuò),京東)。攻克是攻克了,但是體驗(yàn)不怎么好。如果公司產(chǎn)品需要放視頻,建議專門新開一個(gè)頁(yè)面,視頻部分最好不要有左右滾動(dòng)。
7、一稿適配
不管是iOS的系統(tǒng)還是安卓版的,這些都不難,這對(duì)于對(duì)開發(fā)人員來說很簡(jiǎn)單。
當(dāng)前標(biāo)題:在無錫要小程序制作要避免的幾個(gè)坑
URL標(biāo)題:http://m.newbst.com/news15/166065.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)網(wǎng)站制作、外貿(mào)網(wǎng)站建設(shè)、外貿(mào)建站、App開發(fā)、品牌網(wǎng)站制作、網(wǎng)站設(shè)計(jì)
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源:
創(chuàng)新互聯(lián)