说起“微信”,相信大家都不陌生吧。微信是腾讯公司于2011年推出的一款面向智能终端的即时通讯软件,迄今为止已有11年的时间了。微信经过不断更新升级版本,截至目前,微信活跃用户已达12.68亿,已然是一个功能齐全的主流社交媒体软件。

在微信众多功能中,Pixso认为最实用的是微信小程序这个功能,方便快捷,所以Pixso想和大家分享关于微信小程序的一些小知识和功能性。

微信的发展史

再说微信小程序之前,我们先简单的回顾一下关于微信的发展历史

第一个阶段:发消息+漂流瓶+摇一摇

微信刚推出的时候,只有三个功能,基础的收发消息功能,还有两个是与陌生人的社交功能漂流瓶和摇一摇

第二个阶段:微信公众号

微信公众号功能推出的时候,曾经掀起了一阵自媒体风,也因为微信公众号的出现,所以职场上也多了一个名叫“自媒体编辑”的岗位。在这个阶段出现也捧红了很多大V,使他们赚得盆满钵满,开启自媒体时代。

第三个阶段:移动支付阶段

记得2014年春节的时候,“微信囊获了2亿张银行卡,开启微信移动支付新时代”的爆炸新闻,轰动一时也从此一战成名,让微信从此在线上移动支付占有一席之地。

第四阶段:小程序阶段

微信小程序自2017年推出时,并向企业、政府、媒体、其他组织或个人的开发者全面开放申请注册简单地说,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。

以上,是Pixso总结的微信的主要阶段,在微信小程序的官方页面上,主要的宣传点是即可供开发,又能便捷传播,让用户体验全新升级。

微信小程序介绍及分类

微信小程序

小程序提倡的是一种用完即走的理念,微信小程序中的应用随时随处可用,例如:当我们拿着智能手机接触周边的时候,我们可以通过手机直接获得周边的信息和传统的软件APP不同,它不占内存且又无需安装卸载。小程序看起来是程序,但是它又是以完全不同于过去APP的形状出现,Pixso认为它有更灵活的应用组织形态。

微信小程序主要有三种基本类型,分别为应用小程序、门店小程序和微信小店小程序。

第一种是应用小程序,也就是我们通常意义上的小程序。

它是用户使用频率最高的,因为它的用途非常广泛,电商可用、游戏可用、点餐系统可用。

第二种是门店小程序,可以理解为微信公众号的快捷入口。

如果你拥有一个微信公众号,你可以再创建一个门店小程序,它可以设置到公众号介绍页、自定义菜单,还可以插入图文消息中群发,也能被微信用户搜索和转发。门店小程序里面可以放照片、视频,还可以设置会员卡,买单,客服等等功能,也可以与应用小程序关联,对于商家运营者来说,是引流的一把好手,是个非常智能与实用的存在。

第三种是微信小店小程序,其来源就是微信小店。

只要是开通微信支付的公众号都可以使用微信小店的功能,而微信小店小程序就是用微信小店生成的。

如何设计微信小程序

了解了这么多,如果有UI设计师想要设计一款小程序,在框架搭建和界面分布的时候需要注意哪些呢?Pixso也为设计师们总结了三个设计中需要注意的事项。

微信小程序设计

首先,对于微信小程序来说,不需要像设计APP一样那么复杂,只需要满足单一需求即可。把核心功能体现出来,一些非必需的功能可以简化掉,这样用户在使用过程中,会更加专注且对小程序的利用率会更高。

其次,在界面设计上,大多以明亮的背景和留白的简洁设计风格,这种类似极简风格目前也是符合现代审美潮流的。让界面都呈现在明亮或白色的背景上,突出用户在操作中的使用功能设计,让用户操作指向更为清晰明了。

第三,在框架搭建上,一定要明确流程,小程序UI以及主页的各个版块内容应该要有一定逻辑顺序,图片的分布来说,通常主页顶部是图片banner(轮播图、拼接图海报等),之后是快捷按钮、商品分类,中间可根据需求适当穿插视频、标题、优惠券等不同功能版块。

微信小程序组件库设计

Pixso社区资源-- 微信小程序组件库设计案例

总结

如今,微信小程序已然成为主流应用程序关于微信小程序的界面UI设计、框架搭建方面,其实还有很多值得我们思考和学习的地方,Pixso也希望可以尽力帮助设计师们提升UI设计方面的知识和技能

weui

作为UI设计师来说,拥有一个最强辅助工具可谓是锦上添花般的存在,所以给设计师们推荐一个设计协作工具——Pixso,它拥有强大的资源社区,设计师们可以在此探索、收藏和使用所有的优质作品,也有很多关于微信小程序的界面设计案例可供大家学习参考希望设计师们在这里可以快速进阶提高自己的设计能力