小程序设计规范及经验分享
23302
44
1003
经验分类：教程/原创文章
近期刚结束几个小程序项目，总结一些经验，并结合微信小程序的官方设计指南，一起分享给大家。（附件含19年最新样式库！）
最近设计群里经常有人问起小程序设计规范的问题，虽然官方有提供样式库的下载，但是停留在16年版，不是最新的，而设计经验这部分网络上也没有比较全面的分享，这促使我停下手上计划，加快输出本篇文章，正好近期刚结束几个小程序项目，总结下经验，并结合微信小程序的官方设计指南，一起分享给大家，希望帮助大家更快速的上手。
随着2018年小程序的迅猛发展，小程序现已为各大企业广泛采用，“触手可及、用完即走”的用户体验备受青睐，随之小程序设计也成为设计师的必备技能，那在进行小程序界面设计时，应该如何快速做设计？过程中又要注意哪些问题呢？
接下来是干货时间～
（附件中是我根据设计需要，重新绘制的最新版本，有需要的去下载吧，别忘了文末点赞支持下哦！）
全部评论：44条
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
孙青Cynthia_Sun
5-9 16:54@一刀非文: 你好，其实我也有想过，但是担心审核有影响，所以没有这么做，另外，我也有尝试把链接发评论里，结果被拒绝
，只剩最后一个办法，加我微信发给你：susan356672227 -
-
白云墨绿色
5-9 15:22在做小程序的项目时候遇到过几点问题这里没提到 1.在使用字体图标的时候最好需要转换成base64格式的 2.底部的tabbar的图标用不了字体图标，而且用官方的尺寸替代，会出现轻微的拉伸
-
-
弦了那个歌
5-8 15:16总结得很充分了，我来补充一些，都是我在做时候和技术磨合中发现的： 1.作者在文中提到的【小红书】自定义的左上角按钮不太合适，其实是有原因的。首先微信官方的顶部导航支持【A.仅保留右侧小的官方按钮】和【B.带页面返回按钮的完整导航】两个状态，A多用于游戏，B多为应用类。虽然B提供了页面间的返回功能，但是只有一个返回按钮，不能自定义，有一些应用为了能加入更多功能，选择了A方案然后自己写页面间的返回，这才出现了小红书的那个样式，为了加入返回首页按钮才决定这么做的。（这是小程序的一个痛点，进入的时候直接到详情页，无法通过返回到首页，所以一般直接给一个回首页按钮）2.上面提到的方案B，导航栏【支持颜色自定义】但是【访问过程中禁止修改颜色】 3.由于小程序导航栏的限制，【模态弹窗】虽然可以做，但是不能像APP一样黑色遮罩能覆盖整个屏幕，顶部导航会浮在遮罩之上 4.在方案B的基础上，某个元素如果设置为页面居中的话，会在实际页面中偏下，因为页面的面积不包含顶部导航 5.其实小程序可以理解为一个浏览器，方案B中提供的返回按钮更像是浏览器里的返回按钮，不能像app一样有很多智能功能 仅从设计角度，欢迎指正
-
-
-
-
-
-
-
- 更多
更多作品
发表评论