微信的最一次更，小程序入口变浅了很多。最使的小程序，被放置在微信打开后初始页面的拉菜单中，而且给的拉栏空间非充足。为了培养户使小程序的习惯和更多人了解小程序，微信开发团队还推了「跳一跳」小程序游戏。
小编的朋小王最近就接一笔小程序私单，因为之前没接触小程序设计，他是按照做App思路做的，所以程他基就样……
随着小程序的普及，设计师们接到了小程序设计的私单，为了避免和小王一样的惨痛经历。小编今天就通过分析几款应，跟大聊一聊App和微信小程序设的异同。
商城类
蘑菇街App小程序的界面对比非常典型。
首先，看到小程序的第一印象就简洁、扁平。App栏的banner小程序中消失了，换了主题色背景加「领包」字样。（包领完后栏置移动缩小，背景不变）实icon到小程序中都变了简约的线性图标配以加后的字体。第三栏虽使用了实图片，但整体增加灰度，页面的统一性加强。其次，下滑后会发，小程序比App少了水平滚动列表，直接一级页面显示商品信息，使用用户的一句话短替直播、专题推荐。
这样整体看去界面显得轻，符合小程序的设需求。得注意的小程序页面特加了一句，「本商城腾讯投资企业，全场包邮，官方保证」。这真的给产品理点赞了，因用App的人多忠实用户，但微信端用户很可能通过朋友圈、群聊第一次使用。愿意使用小程序的用户，一般讲对微信信任度较高，这句话无疑给新用户打了一剂强针，顺便抱了腾讯爸爸的腿。
同样是依赖社区和UGC容生产起的小红书，小红书的小程序端可说是非符合设计师审美了——极简。
tabbar只有两个容，「首页—我的」，一级页面没有任何引导和功分区，只看商和搜商。得说，在众多使横线划分栏的小程序中，使卡片式竖列的小红书非吸引人。
二级页面（商详情页）较像淘宝，有户推荐和商详情，但都采取了「一拉到」方式。点开于某个商的户推荐后，才会现App「发现」功的容。从逻辑上讲，小红书是把App的并列功换成了串联功/触发功，才做到了页面的极简。
不小红书的「极简风」一定程度的暴露在用户吸引方面的自信，不道际引流效果，我们且看小红书小程序界面的更新动向。
资讯类
资类的小程序一定程度分担微信众号的部分功能，在小程序上文章、讨论，要比众号来的灵活方便，也成为的一种展趋势。
第一个要说的案例就是《好奇心日报》程序，它和App一，顶部Navber为新闻和讨论部，部讨论被植入新闻栏目中，没有底部导航栏。但是App内的水滚动列表和Q字悬浮按钮消失了。
款App中的悬浮按钮际上承担应用的大量功能。按钮的消失意味着用户无法在小程序中登录、使用功能，也不能在二级页面中进行评论（以匿名点赞）。正小程序名字的变更，它更像一电子「志」。奇心报在功能上做减法。
取消社交功能是否适呢？再对比一下钛媒体程序。
App和程序选择了不同的主题色，但都是品牌颜色，湖蓝起来更为活泼，但个人觉没有黑色凸显品味。（如下图）公可能考虑了程序和App目标受众不同，程序端用户更年轻。
底部导航栏除「发现—活动」一栏外相同，都有用户登录界面，用户可以实现登录、收藏、评论等，但更重要的因，是程序上同步了App内的付费课程，社交功能是带效果。
回刚才的问题，程序是否需要社交功能？要开发程序的主要目的和社交功能的增益效果。比如像知乎头脑者这的程序游戏，需要通过好友间同竞争来「刺激」用户持续答题，因而应有社交功能。
总结
通分析两类应用，我们以探讨以下小程序设计经验。
1. 轻设计
总的来说，小程序相App化繁为简，突出主要功能。还以将并联功能改为串联/触功能来现页面的简化，小红书。
2. 注意统一
小程序的彩、图标、风应和App内一致，但是要考虑目标受众的不同做适量更改。减少banner、物图标的使用，要现页面简化和彩统一。
3. 是否应当使用水平滚动列表
一点从技术上讲是以现的，但是目前大数小程序不采用样的做法，但也有像豆瓣评分样的小程序在使用。水平滚动列表和垂直滚动列表在小程序中是二选一关系，一个若为以无拉动，另一个应为有。
4. 注意载效
小程序容的轻量有一个重要原因——减打开时间，户对于小程序的等待时间要App很多。此时载效就够作为一个留住户的分项。
5. 导航栏样式
小程序的导航栏较为死，配置空间为2-5个，且图标和字空间规定严格。可多使顶导航栏和悬浮导航按钮。如头脑王者就通过「知乎狗」作为悬浮按钮导流户到知乎热榜小程序。
今天的分享就到里，朋们，你们在设计小程序的程中还积累什么经验？以在评论区分享出来哟。
欢迎关注公众号：「优秀页设计」
浙公网安备33011002017549号