首頁(yè) > 新聞 > 移動(dòng)端網(wǎng)站 > 小程序制作要避免的幾個(gè)坑

小程序制作要避免的幾個(gè)坑

　　小程序的發(fā)展逐漸變得成熟，2018年，小程序在很多方面已經(jīng)得到充分的運(yùn)用，但是小程序的制作依然還有發(fā)展的空間，對(duì)于小程序的設(shè)計(jì)和開(kāi)發(fā)市面上的資料太過(guò)于零碎，官方文檔也沒(méi)有明確的說(shuō)明，今天就為大家梳理一下小程序開(kāi)發(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ì)讓用戶(hù)有一種不專(zhuān)業(yè)的感覺(jué)，一般而言數(shù)量只能是2到5之間。

　　2、彈窗不覆蓋導(dǎo)航跟標(biāo)簽。

　　在小程序里導(dǎo)航欄跟標(biāo)簽欄的層級(jí)是最高的，以至于享受慣最高待遇的彈窗在這里，也要臣服于他們。

　　3、設(shè)計(jì)稿最好用二倍圖。

　　UI設(shè)計(jì)師都喜歡用一倍圖，但為什么用一倍圖，方便適配是表面現(xiàn)象，真正原因是開(kāi)發(fā)用的開(kāi)發(fā)工具支持一倍圖開(kāi)發(fā)，開(kāi)發(fā)不用再換算數(shù)值了。而小程序的開(kāi)發(fā)工具不支持一倍圖開(kāi)發(fā)，支持二倍圖開(kāi)發(fā)。小程序里的尺寸單位叫 rpx，可以根據(jù)屏幕寬度進(jìn)行自適應(yīng)。在750*1334的設(shè)計(jì)稿里，1px = 1rpx。

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

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

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

　　標(biāo)準(zhǔn)高度：128rpx，小程序很輕量，同時(shí)也有很多限制。導(dǎo)航欄不能自定義就是其中之一，能改變的只有顏色。這是官方的意思，但是，要改也是可以滴，需要客戶(hù)端版本是 6.6.0 以上，而且下拉會(huì)使整個(gè)頁(yè)面下拉，也不要維護(hù)。

　　6、視頻限時(shí)多。

　　小程序?qū)σ曨l的支持不是特別的好，原則上在滾動(dòng)控件里不能放視頻，而且微信官方文檔里是這樣要求的。優(yōu)酷和騰訊視頻都是將視頻固定。這點(diǎn)已經(jīng)被有些公司攻克了，比如開(kāi)眼跟京東（是的，你沒(méi)看錯(cuò)，京東）。攻克是攻克了，但是體驗(yàn)不怎么好。如果公司產(chǎn)品需要放視頻，建議專(zhuān)門(mén)新開(kāi)一個(gè)頁(yè)面，視頻部分最好不要有左右滾動(dòng)。

　　7、一稿適配。

　　不管是iOS的系統(tǒng)還是安卓版的，這些都不難，這對(duì)于對(duì)開(kāi)發(fā)人員來(lái)說(shuō)很簡(jiǎn)單。

基于用戶(hù)創(chuàng)新
界面設(shè)計(jì)日新月異，夢(mèng)創(chuàng)義堅(jiān)持基于用戶(hù)需求的界面創(chuàng)新設(shè)計(jì)……
服務(wù)設(shè)計(jì)思維
互聯(lián)網(wǎng)的格局發(fā)生的改變，在我們進(jìn)行設(shè)計(jì)服務(wù)時(shí)更是考慮不同用戶(hù)、不同……
洞察用戶(hù)心理
洞察用戶(hù)有意識(shí)和無(wú)意識(shí)的行為以及心理特征通過(guò)構(gòu)造一系列的服務(wù)來(lái)促進(jìn)……
查看更多 >>

最新新聞Latest News

: 中小型企業(yè)網(wǎng)站建設(shè)完應(yīng)該如何營(yíng)銷(xiāo); 很多中小型企業(yè)往往糾結(jié)于以下10個(gè)問(wèn)題：一、我們起步比別人晚，我們的……

: 做企業(yè)網(wǎng)站到底做給誰(shuí)看？; 設(shè)計(jì)經(jīng)常時(shí)不時(shí)的遇到一些企業(yè)客戶(hù)，常常搞不清楚誰(shuí)會(huì)真正看你的企業(yè)網(wǎng)……

: 傳統(tǒng)企業(yè)進(jìn)軍移動(dòng)互聯(lián)網(wǎng)，從移動(dòng)云網(wǎng)站開(kāi)始; 移動(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é)決定用戶(hù)黏性; 網(wǎng)站的成功離不開(kāi)搜索引擎優(yōu)化，更離不開(kāi)最基礎(chǔ)最根本的用戶(hù)群體，如何……

: 2015年值得關(guān)注的電子商務(wù)5大趨勢(shì); 線上線下銷(xiāo)售的界線正在變得越來(lái)越模糊。在2015年，這一趨勢(shì)仍將繼續(xù)�！�