针对微信界面UI的分析

一、微信下方的导航按钮为什么是4个，前后左右的像素是多少？

1.组合方式：4人组合更加完美

13世纪初的语言学家曼纽尔是一位伟大的语言学家，然而在团队学上他也有很深的研究。他当时研究的是如何在作战时成立小分队、贸易小团伙多少人最合适，经过大量的研究他发现当一个组合的人数不多不少刚好达到4个时可以产生最强的组合效应，整个团队的氛围更和谐，成员之间的配合效率，整体效率达到最大。

而在文艺复兴时期，文豪查克在剧作方面也发现了四人法则——黄金四人物法则，凡是优秀的类型小说，团队人物的设置大都是四个人，不仅仅是欧洲文坛，中国的古典小说也有类似的规律，《西游记》中的师徒四人自不必说，《三国演义》里刘关张集团也是在得到诸葛亮后才有质的飞跃，可见这条规律的重要性及正确性。

而还原到手机上，针对按钮的必要尺寸，屏幕宽度和空间设计，4个按钮是最佳设计方式。

2.4项导航符合微信的产品定位

我们可以从微信最初的产品功能就可以看出来它的产品定位：基础服务。微信基本功能是：发信息，通话等通讯功能，与手机本身的通信功能很相似，而微信崛起的这几年以来，干掉的最大对手就是中国移动，所以反推，底部的菜单也就是通讯社交了。

首先要先来发信息——第一个按钮微信；其次我可以发给谁——通讯录；在次我需要社交看看大家的动态——发现；怎么对前面几项功能进行的具体的设置——我。微信产品的功能分工和逻辑的层层递进恰好可以分成四个板块，也就是现在的四个按钮了。

引用自：

https://www.zhihu.com/question/31542556/answer/54257709

https://www.zhihu.com/question/31542556/answer/53054457

来源：知乎

3.按钮的前后像素

手机屏幕为720*1280，图标，长63px，宽56px，距底部上边框10px，距底部下边框10px；四个按钮框长180px，宽108px；图标右上小圆点提示框（20*18，上下*左右）向右出5px；图标右上大圆点图示框（20*37）向右出19px

【微信】（34*48）{其中34为文字上下的像素数，下同} 距左侧边框57px

【通讯录】（34*70）距左侧边框239px

【发现】（34*46）距左侧边框418px

【我】（34*22）距左侧边框598px

二、微信搜索栏里的内容是怎样设置的？

1.指定内容设置

之前的问题已经探讨过了，微信是一个以通讯功能为基础的社交软件，其上搭载了大量的泛社交接口，基于社交满足人的各项需求，而需求经过分级就可排出先后顺序，而结合人的阅读习惯和对手机的触点习惯就可以设置这些指定内容了。

绿色最容易，黄色其次，红色最后，所以可知朋友圈，音乐，公众号，文章这四个左右手单手都容易点到，剩下不常用的就放在不容易点到的了。

2.搜索结果设置

当在搜索栏搜索某一名词时，出现的内容顺序是：联系人，群聊，公众号，聊天记录，收藏，其他。这个分级是和微信的产品定位有关的，越基础的需求越靠前，准确找出联系人＞准确地找出聊天群＞找同名公众号＞收藏夹内容。越是基础常用的越靠前。

三、为什么收付款放到拓展功能的下方？

基于上一题我们可以得出结论，收付款被放到了手机上比较易点的地方，为什么呢？因为微信的支付越来越普及，朋友之间相互转账借钱，购物付账都在用微信，而且频率越来越高，人们的社交壁垒因为钱的交换而打破，进而越来越社交化，不需要加好友，直接转账，简直不要太方便，所以就被放到了易点位置。而最后的帮助与改进则是相当于微信的说明书及救护车，肯定得一直放到最后，所以收付款就被放在了倒数第二个。