国产精品亚洲欧美大片_超碰日韩av无码一区二区三区_国内毛片精品在线_亚洲色图 av亚欧免费_6080yyy午夜韩国理论片手机_97亚洲国产中文日韩在线人_阿v天堂2018在无码_免费一级毛片高清播放_性饥渴艳妇性色生活片在线播放_舞蹈室里的景色李欣赵峰最新章节

  1. 首頁
  2. 新聞資訊
  3. 小程序資訊

制作小程序這七個(gè)坑要避免

所屬分類:小程序資訊 / 發(fā)布時(shí)間:2018/08/27 / 來源: / 點(diǎn)擊量:6476

  一年半的時(shí)間,我們親眼見證了小程序從萌芽成長(zhǎng)為參天大樹,支撐起我們現(xiàn)今的生活方式,讓我們?cè)谒臉涫a下享受著舒適。很多公司自然不會(huì)錯(cuò)過這次機(jī)會(huì),紛紛加入到小程序的行列。

  這對(duì)設(shè)計(jì)和開發(fā)而言算是一次挑戰(zhàn),畢竟要快速上線的步伐沒有留給我們太多時(shí)間,而市面上的相關(guān)資料都太零碎,在實(shí)際中會(huì)遇到很多的坑,官方文檔也沒有說明。所以我?guī)痛蠹乙?guī)避小程序設(shè)計(jì)中的那些坑。

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

  這個(gè)標(biāo)準(zhǔn)名稱叫:標(biāo)簽分頁導(dǎo)航,標(biāo)準(zhǔn)高度:98rpx

  但這塊我寫嗨了,就簡(jiǎn)稱標(biāo)簽欄

  1 偷笑別人花了臉

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

  雖然也可以,做點(diǎn)其它形態(tài),那就拜托別,讓開發(fā)見到到你。如果再能看到你,一定就是這么說,原生控件好處多多最好能用他。不用擔(dān)心出問題,不用維護(hù)怕麻煩。很懷念,別懷念,現(xiàn)在我就馬上改回來。

  2 圖標(biāo)只要 54rpx

  還是一個(gè)安靜的晚上,還是我再做設(shè)計(jì),這次我真的按耐不住,和其它小程序一樣Yeah~ 聽說你又再搞什么原創(chuàng),中間圖標(biāo)變大大,破形破形再破形,燃燒開發(fā)腦細(xì)胞(實(shí)在抱歉,突然被另一首歌**了)

  但是,要知道,圖標(biāo)只要 54rpx,小于大于都變形,一定記得規(guī)格框。數(shù)量只能2至5,多了少了不算數(shù),你只能去改圖標(biāo),其它組件說了算。

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

  在小程序里導(dǎo)航欄跟標(biāo)簽欄的層級(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。

  如果你心疼你的開發(fā)小哥哥,讓他少掉點(diǎn)頭發(fā),設(shè)計(jì)稿用 750*1334 的尺寸。但如果你的開發(fā)小哥哥之前老欺負(fù)你,那,,,你就看著辦吧,他都能搞定。

  四、切圖只需切750的尺寸

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

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

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

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

  這是官方的意思,但是,要改也是可以滴,需要客戶端版本是 6.6.0 以上,而且下拉會(huì)使整個(gè)頁面下拉,也不要維護(hù)。

  你會(huì)說這不有小程序已經(jīng)使用了嘛,是,這個(gè)小程序叫汪卡,現(xiàn)在,他們已經(jīng)改回來了。。。所以,你也別難為你的開發(fā)小哥哥了。

  六、視頻限時(shí)多

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

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

  七、一稿適配

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


關(guān)鍵詞標(biāo)簽:小程序


聯(lián)系我們
  • 服務(wù)熱線:021-33518908
  • 電子郵箱:info@hisou.net
  • 聯(lián)系QQ:710034989 / 1540554516
  • 公司地址:上海市嘉定區(qū)曹安路1877號(hào)929室
  • 上海網(wǎng)站建設(shè)| 上海網(wǎng)站優(yōu)化| XML| 網(wǎng)站地圖
  • 公司業(yè)務(wù):微信小程序開發(fā)、網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、主機(jī)域名郵箱、口碑營(yíng)銷、百度下拉刪除|網(wǎng)絡(luò)危機(jī)公關(guān)
  • 聯(lián)系微信:客服微信