一年半的时刻，咱们亲眼见证了小程序从萌发生长为参天大树，支撑起咱们如今的生活方式，让咱们在他的树荫下享用着舒适。许多公司自然不会错失这次时机，纷繁加入到
小程序设计的行列。
这对规划和开发而言算是一次应战，究竟要快速上线的脚步没有留给咱们太多时刻，而市面上的相关资料都太琐细，在实际中会遇到许多的坑，官方文档也没有阐明。所以我拉着咱们开发小哥哥 Yog，帮咱们躲避小程序规划中的那些坑。
一、规划稿最好用二倍图
UI规划师都喜爱用一倍图，但为什么用一倍图，方便适配是表面现象，真实原因是开发用的开发工具支撑一倍图开发，开发不必再换算数值了。而小程序的开发工具不支撑一倍图开发，支撑二倍图开发。小程序里的尺度单位叫 rpx，能够依据屏幕宽度进行自适应。在750*1334的规划稿里，1px = 1rpx。
假如你疼爱你的开发小哥哥，让他少掉点头发，规划稿用750*1334的尺度。但假如你的开发小哥哥之前老欺压你，那你就看着办吧，他都能搞定。
二、切图只需切750的尺度
规划稿用二倍图做的(750*1334)，只需给一倍的切片;假如是按一倍图规划的(375*667)，只需给二倍的切图。真的不论其它尺度吗?不是不想管，而是小程序的开发工具不支撑。
三、导航栏不要自定义
规范高度：128rpx
小程序很轻量，同时也有许多约束。导航栏不能自定义就是其中之一，能改动的只需颜色。
这是官方的意思，可是，要改也是能够的，需求客户端版本是6.6.0以上，并且下拉会使整个页面下拉，也欠好保护。
你会说这不有小程序现已运用了嘛，是，这个小程序叫汪卡，现在，他们现已改回来了。所以，你也别难为你的开发小哥哥了。
四、标签栏爱素颜
这个规范称号叫：标签分页导航，规范高度：98rpx，简称标签栏。
1. 偷笑别人花了脸
又是一个安静的晚上，一个人窝在公司里规划，我供认这样真的很无法，和其它小程序相同。传闻你还在搞什么原创，加个投影来点渐变，自以为这样很棒简直无懈可击。成果开发小哥哥哭了，我信任是很美美的图，可是开发做不到啊，那种表情能够幻想。
尽管也能够，做点其它形状，那就托付别让开发见到你。假如再能看到你，必定就是这么说，原生控件好处多多最好能用它。不必担心出问题，不必保护怕麻烦。
2. 图标只需81rpx
仍是一个安静的晚上，仍是我在做规划，这次我真的按耐不住，和其它小程序相同。传闻你又再搞什么原创，中心图标变大大，破形破形再破形，焚烧开发脑细胞。
可是，要知道，图标只需81rpx，小于大于都变形，必定记住标准框。数量只能2至5，多了少了不算数，你只能去改图标，其它组件说了算。
五、弹窗不覆盖导航跟标签
在小程序里导航栏跟标签栏的层级是最高的，以至于享用惯最高待遇的弹窗在这里，也要臣服于他们。
六、视频限时多
小程序对视频的支撑不是特别的好，原则上在翻滚控件里不能放视频，并且微信官方文档里是这样要求的。这点我也像咱们开发小哥哥求证，确实是这样，优酷和腾讯视频都是将视频固定。
但其实吧，这点现已被有些公司霸占了，比方开眼跟京东。霸占是霸占了，可是体验不怎么好。假如公司产品需求放视频，主张专门新开一个页面，视频部分最好不要有左右翻滚。
七、一稿适配
iPhone X 怎么办，安卓怎么办，这些都不必再规划了，开发小哥哥都能搞定，信任他们。
八、关于规划资源
微信官方尽管有供给，可是更新时刻停留在了2016年，没有现在新版的小程序样式，和现在的区别就在顶部导航栏上。
