微信小程序設(shè)計時需要了解的六個坑，你了解了嗎？
經(jīng)過這兩年的時間，我們親眼見證了小程序從萌芽成長為參天大樹，支撐起我們現(xiàn)今的生活方式，讓我們在他的樹蔭下享受著舒適。很多公司自然不會錯過這次機會，紛紛加入到小程序的行列。
一、設(shè)計稿最好用二倍圖
UI設(shè)計師都喜歡做二倍圖，但是在開發(fā)當(dāng)中經(jīng)常會用一倍圖，因為開發(fā)用的開發(fā)工具支持一倍圖開發(fā)，開發(fā)不用再換算數(shù)值了。但是小程序的開發(fā)工具不支持一倍圖開發(fā)，支持二倍圖開發(fā)。小程序里的尺寸單位叫 rpx，可以根據(jù)屏幕寬度進行自適應(yīng)。在750*1334的設(shè)計稿里，1px = 1rpx。
rpx = px * (目標(biāo)設(shè)備寬 px 值 / 750)
所以說做小程序的UI設(shè)計稿只需做二倍圖就可以。
二、導(dǎo)航欄不要自定義
標(biāo)準(zhǔn)高度：128rpx
小程序很輕量，同時也有很多限制。導(dǎo)航欄不能自定義就是其中之一，能改變的只有顏色。
這是官方的意思，但是，要改也是可以的，需要客戶端版本是6.6.0以上，而且下拉會使整個頁面下拉，也不好維護。
三、標(biāo)簽欄有標(biāo)準(zhǔn)
標(biāo)簽欄標(biāo)準(zhǔn)名稱叫：標(biāo)簽分頁導(dǎo)航，簡稱標(biāo)簽欄。
UI設(shè)計當(dāng)中標(biāo)簽欄也是一個很出彩的點，所以有時候做標(biāo)簽欄設(shè)計的時候為了更有沖擊力就會給便簽欄加陰影加漸變，中間icon變大、變形等等 各種效果。
在小程序設(shè)計當(dāng)中雖然這些效果也是可以實現(xiàn)的，但是為了后期維護方便，避免小程序規(guī)范更改時出現(xiàn)錯亂的情況，最好還是使用微信官方控件。
標(biāo)簽欄標(biāo)準(zhǔn)：
1. 小程序標(biāo)簽欄標(biāo)準(zhǔn)高度：98rpx，不能加陰影、漸變。
2. 小程序圖標(biāo)大小81rpx，小于大于都變形，一定記得規(guī)格框。數(shù)量只能2至5。
四、彈窗不覆蓋導(dǎo)航跟標(biāo)簽
在小程序里導(dǎo)航欄跟標(biāo)簽欄的層級是最高的，以至于享受慣最高待遇的彈窗在這里，也要臣服于他們。目前沒有組件可以撼動他們的地位。
五、視頻限制多
小程序?qū)σ曨l的支持不是特別的好，原則上在滾動控件里不能放視頻，而且微信官方文檔里是這樣要求的。經(jīng)求證，確實是這樣，優(yōu)酷、開眼和騰訊視頻都是將視頻固定。
六、一稿適配
iPhone X 怎么辦，安卓手機怎么辦，這些都不用再設(shè)計了，只要你設(shè)計好你的二倍圖（750*1334）開發(fā)都能搞定，相信他們。
七、關(guān)于設(shè)計資源
微信官方雖然有提供，但是更新時間停留在了2016年，沒有現(xiàn)在新版的小程序樣式，和現(xiàn)在的區(qū)別就在頂部導(dǎo)航欄上。
八、最后給大家推薦四款相見恨晚的小程序
1. 人生進度
在這個小程序中，我們的一生被比喻成手機電池的電量。
75歲（共計900個月）的中國人均壽命，是我們能揮霍的所有電量。
點擊設(shè)置出生年月之后，已經(jīng)用掉的電量，就是我們?nèi)松壳暗倪M度。
靜思也是一個很有趣的功能，在現(xiàn)在浮躁的日子里，有那么一炷香的時間可以 “吾日三省吾身”也是非常不錯的。
2. 傳圖識字
你有沒有遇到過需要將圖片轉(zhuǎn)化成word文檔的情況，或者喜歡讀紙質(zhì)書，又不想一字一句的記錄筆記，這個小程序就是你的好幫手。
這個功能，在不少應(yīng)用上都會限制次數(shù)，甚至收費。
使用方式如名字所示，即“可以把圖片上的文字，識別成可編輯的文本內(nèi)容”。親測準(zhǔn)確率很高，速度方面也很出色，幾乎是秒出。
3. 美篇
一款操作簡單的圖文創(chuàng)作分享神器。選擇照片、添加文字、配上音樂，一篇屬于你自己的文章便生成了。模板多樣，圖文隨時可修改，并且支持一鍵分享到微信好友和朋友圈，寫游記、發(fā)攝影大片、曬美食、秀萌娃、炫才藝，這里有說不完的關(guān)于你自己的故事~
4.追波|Dribbble
Dribbble是一個面向創(chuàng)作家、藝術(shù)工作者、設(shè)計師等創(chuàng)意類作品的人群，提供作品在線服務(wù)，供網(wǎng)友在線查看已經(jīng)完成的作品或者正在創(chuàng)作的作品的交流網(wǎng)站。
我們在國內(nèi)日常的使用 Dribbble 官方網(wǎng)頁端/APP端，訪問速度不堪入目，所以由于眾所周知的慢，于是這個小程序就誕生了啦~這款小程序雖然是個人開發(fā)的但是功能還是很齊全的。
個人觀點，不喜勿噴！
