您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

小程序设计规范及经验分享

原创文章 分类: 教程 版权:
27238 1908 1058 46
2019-05-06
344.2
首页推荐

近期刚结束几个小程序项目,总结一些经验,并结合微信小程序的官方设计指南,一起分享给大家。(附件含19年最新样式库!)

最近设计群里经常有人问起小程序设计规范的问题,虽然官方有提供样式库的下载,但是停留在16年版,不是最新的,而设计经验这部分网络上也没有比较全面的分享,这促使我停下手上计划,加快输出本篇文章,正好近期刚结束几个小程序项目,总结下经验,并结合微信小程序的官方设计指南,一起分享给大家,希望帮助大家更快速的上手。


随着2018年小程序的迅猛发展,小程序现已为各大企业广泛采用,“触手可及、用完即走”的用户体验备受青睐,随之小程序设计也成为设计师的必备技能,那在进行小程序界面设计时,应该如何快速做设计?过程中又要注意哪些问题呢?

接下来是干货时间~

Image titleImage title

Image title

Image title

Image title


(附件中是我根据设计需要,重新绘制的最新版本,有需要的去下载吧,别忘了文末点赞支持下哦!)










孙青Cynthia_Sun

微信:susan356672227 / 抖音: 3105936

487粉丝/42关注

叫兽首页新秀收藏家lv.3原创小生
《一个人》系列doodle风一周插画作品总结
3
弦了那个歌

总结得很充分了,我来补充一些,都是我在做时候和技术磨合中发现的: 1.作者在文中提到的【小红书】自定义的左上角按钮不太合适,其实是有原因的。首先微信官方的顶部导航支持【A.仅保留右侧小的官方按钮】和【B.带页面返回按钮的完整导航】两个状态,A多用于游戏,B多为应用类。虽然B提供了页面间的返回功能,但是只有一个返回按钮,不能自定义,有一些应用为了能加入更多功能,选择了A方案然后自己写页面间的返回,这才出现了小红书的那个样式,为了加入返回首页按钮才决定这么做的。(这是小程序的一个痛点,进入的时候直接到详情页,无法通过返回到首页,所以一般直接给一个回首页按钮)2.上面提到的方案B,导航栏【支持颜色自定义】但是【访问过程中禁止修改颜色】 3.由于小程序导航栏的限制,【模态弹窗】虽然可以做,但是不能像APP一样黑色遮罩能覆盖整个屏幕,顶部导航会浮在遮罩之上 4.在方案B的基础上,某个元素如果设置为页面居中的话,会在实际页面中偏下,因为页面的面积不包含顶部导航 5.其实小程序可以理解为一个浏览器,方案B中提供的返回按钮更像是浏览器里的返回按钮,不能像app一样有很多智能功能 仅从设计角度,欢迎指正

精彩!

扫描二维码
去手机端查看海报

孙青Cynthia_Sun

TA已经获得7枚勋章啦

  • 成就勋章

    • 特别勋章

    • 身份勋章

  • 已拥有

  • 作品

    创造者才是真正的享受者。

  • 经验

    经验是一所好学校,可它的学生却经常旷课。

  • 活跃

    大神都是从围观群众开始的

  • 拓展

    作品、经验、活跃还不能满足你?

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2019 UI.CN