初級涉及成都開發(fā)小程序是一次挑戰(zhàn)。以下是我們應(yīng)該規(guī)避小程序設(shè)計(jì)中的那些坑：

一、設(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。

二、切圖只需切750的尺寸

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

三、導(dǎo)航欄不要自定義

標(biāo)準(zhǔn)高度：128rpx

小程序很輕量，同時也有很多限制。導(dǎo)航欄不能自定義就是其中之一，能改變的只有顏色。

四、標(biāo)簽欄愛素顏

這個標(biāo)準(zhǔn)名稱叫：標(biāo)簽分頁導(dǎo)航，標(biāo)準(zhǔn)高度：98rpx，簡稱標(biāo)簽欄。

1. 偷笑別人花了臉

又是一個安靜的晚上，一個人窩在公司里設(shè)計(jì)，我承認(rèn)這樣真的很無奈，和其它小程序一樣。聽說你還在搞什么原創(chuàng)，加個投影來點(diǎn)漸變，自以為這樣很棒簡直無懈可擊。結(jié)果開發(fā)小哥哥哭了，我相信是很美美的圖，但是開發(fā)做不到啊，那種表情可以想象。

2. 圖標(biāo)只要81rpx

還是一個安靜的晚上，還是我在做設(shè)計(jì)，這次我真的按耐不住，和其它小程序一樣。聽說你又在搞什么原創(chuàng)，中間圖標(biāo)變大大，破形破形再破形，燃燒開發(fā)腦細(xì)胞。

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

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

六、視頻限時多

小程序?qū)σ曨l的支持不是特別的好，原則上在滾動控件里不能放視頻，而且微信官方文檔里是這樣要求的。這點(diǎn)我也像我們開發(fā)小哥哥求證，確實(shí)是這樣，優(yōu)酷和騰訊視頻都是將視頻固定。

但其實(shí)吧，這點(diǎn)已經(jīng)被有些公司攻克了，比如開眼跟京東。攻克是攻克了，但是體驗(yàn)不怎么好。如果公司產(chǎn)品需要放視頻，建議專門新開一個頁面，視頻部分最好不要有左右滾動。

七、一稿適配

iPhone X 怎么辦，安卓怎么辦，這些都不用再設(shè)計(jì)了，開發(fā)小哥哥都能搞定，相信他們。

八、關(guān)于設(shè)計(jì)資源

微信官方雖然有提供，但是更新時間停留在了2016年，沒有現(xiàn)在新版的小程序樣式，和現(xiàn)在的區(qū)別就在頂部導(dǎo)航欄上。

如果您還有想了解的，或者需要成都開發(fā)小程序，可以找成都創(chuàng)新互聯(lián)。

當(dāng)前標(biāo)題：成都開發(fā)小程序，我們應(yīng)該規(guī)避的那些坑
當(dāng)前地址：http://www.rwnh.cn/news27/184427.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供全網(wǎng)營銷推廣、網(wǎng)站制作、手機(jī)網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、外貿(mào)建站、App設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)