wwwwwwwwwww.色I日韩精品不卡在线I国产精品涩涩屋www在线观看I亚洲精品无码不卡I久久免费看视频I日日骚网站。I男女爱爱动态图视频I亚洲国产天堂avI久久99这里只有精品I女人18片毛片90分钟I九月伊人中文字幕I狠狠狠综合I亚洲综合免费视频Iav在线影视I青青草原I欧美久久熟妇成人精品I久久免费资源I国产综合久久7777

       目前，小程序已經(jīng)從初期的萌芽成長為了參天大樹，支撐起我們現(xiàn)今的生活方式。想要得到更多發(fā)展的公司自然不會錯過這次機會，開始紛紛加入到小程序的行列。

      對初次涉及小程序的公司而言，它的設計與開發(fā)是一次挑戰(zhàn)，畢竟，力求快速上線的步伐沒有留下太多時間，市面上的相關資料都太零碎，在實際中會遇到很多的困擾。所以，我就來幫幫大家規(guī)避小程序設計中的那些坑。

       一、設計稿最好用二倍圖

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

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

      二、切圖只需切750的尺寸

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

      三、導航欄不要自定義

      標準高度：128rpx

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

      這是官方的意思，但是，要改也是可以的，需要客戶端版本是6.6.0以上，而且下拉會使整個頁面下拉，也不好維護。

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

       四、標簽欄愛素顏

      這個標準名稱叫：標簽分頁導航，標準高度：98rpx，簡稱標簽欄。

      1. 偷笑別人花了臉

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

       雖然也可以，做點其它形態(tài)，那就拜托別讓開發(fā)見到你。如果再能看到你，一定就是這么說，原生控件好處多多最好能用它。不用擔心出問題，不用維護怕麻煩。

       2. 圖標只要81rpx

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

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

      五、彈窗不覆蓋導航跟標簽

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

       六、視頻限時多

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

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

      七、一稿適配

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

      八、關于設計資源

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

       看完以上這些建議，有沒有對你的小程序開發(fā)設計起到幫助呢？如果還有問題，可以來帷拓科技官網(wǎng)搜尋更多關于程序開發(fā)的相關知識。