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