首頁 > 新聞 > 移動(dòng)端網(wǎng)站 > 小程序制作要避免的幾個(gè)坑
小程序制作要避免的幾個(gè)坑
小程序的發(fā)展逐漸變得成熟,2018年,小程序在很多方面已經(jīng)得到充分的運(yùn)用,但是小程序的制作依然還有發(fā)展的空間,對(duì)于小程序的設(shè)計(jì)和開發(fā)市面上的資料太過于零碎,官方文檔也沒有明確的說明,今天就為大家梳理一下小程序開發(fā)制作需要避免的幾個(gè)坑。
1、標(biāo)簽欄的設(shè)計(jì)。
標(biāo)簽浪的分頁導(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è)頁面下拉,也不要維護(hù)。
6、視頻限時(shí)多。
小程序?qū)σ曨l的支持不是特別的好,原則上在滾動(dòng)控件里不能放視頻,而且微信官方文檔里是這樣要求的。優(yōu)酷和騰訊視頻都是將視頻固定。這點(diǎn)已經(jīng)被有些公司攻克了,比如開眼跟京東(是的,你沒看錯(cuò),京東)。攻克是攻克了,但是體驗(yàn)不怎么好。如果公司產(chǎn)品需要放視頻,建議專門新開一個(gè)頁面,視頻部分最好不要有左右滾動(dòng)。
7、一稿適配。
不管是iOS的系統(tǒng)還是安卓版的,這些都不難,這對(duì)于對(duì)開發(fā)人員來說很簡(jiǎn)單。
- 基于用戶創(chuàng)新
界面設(shè)計(jì)日新月異,夢(mèng)創(chuàng)義堅(jiān)持基于用戶需求的界面創(chuàng)新設(shè)計(jì)……
- 服務(wù)設(shè)計(jì)思維
互聯(lián)網(wǎng)的格局發(fā)生的改變,在我們進(jìn)行設(shè)計(jì)服務(wù)時(shí)更是考慮不同用戶、不同……
- 洞察用戶心理
洞察用戶有意識(shí)和無意識(shí)的行為以及心理特征通過構(gòu)造一系列的服務(wù)來促進(jìn)……
- 查看更多 >>
最新新聞Latest News
- 中小型企業(yè)網(wǎng)站建設(shè)完應(yīng)該如何營(yíng)銷
- 很多中小型企業(yè)往往糾結(jié)于以下10個(gè)問題:一、我們起步比別人晚,我們的……
- 做企業(yè)網(wǎng)站到底做給誰看?
- 設(shè)計(jì)經(jīng)常時(shí)不時(shí)的遇到一些企業(yè)客戶,常常搞不清楚誰會(huì)真正看你的企業(yè)網(wǎng)……
- 傳統(tǒng)企業(yè)進(jìn)軍移動(dòng)互聯(lián)網(wǎng),從移動(dòng)云網(wǎng)站開始
- 移動(dòng)互聯(lián)網(wǎng)是移動(dòng)通信和互聯(lián)網(wǎng)融合的產(chǎn)物,其發(fā)展的重要基礎(chǔ)便是智能手……
- 網(wǎng)站建設(shè)和運(yùn)營(yíng)五大細(xì)節(jié)決定用戶黏性
- 網(wǎng)站的成功離不開搜索引擎優(yōu)化,更離不開最基礎(chǔ)最根本的用戶群體,如何……
- 2015年值得關(guān)注的電子商務(wù)5大趨勢(shì)
- 線上線下銷售的界線正在變得越來越模糊。在2015年,這一趨勢(shì)仍將繼續(xù)。……