# 体验微信式 Android Design

- 作者：陈一斌
- 发布时间：2014-01-21 18:17
- 分类：公司
- 原文：https://www.ifanr.com/397232

[![weixin](https://s3.ifanr.com/wp-content/uploads/2014/01/weixin.jpg)](https://s3.ifanr.com/wp-content/uploads/2014/01/weixin.jpg)

是的，期待了很久，适配 Android 风格的微信终于出来了。大家请下载 / 打开应用宝，搜索“微信”这两个字，就可以看到最新版本为 5.2 的微信，正在等待大家的内测。

此前，我曾经抱怨过腾讯设计风格过于 iOS 化，没有照顾 Android 用户需求的问题。这一次，腾讯微信的设计团队给了不一样的答案。

### 基本界面

[![S40121-163209](https://s3.ifanr.com/wp-content/uploads/2014/01/S40121-163209.jpg)](https://s3.ifanr.com/wp-content/uploads/2014/01/S40121-163209.jpg)

登陆界面的设计上已经非常明显的不同，过去拟物化设计里典型的阴影、高光、突起都不见了，剩下的就是简单的头像以及登陆按钮。

[![S40121-180449](https://s3.ifanr.com/wp-content/uploads/2014/01/S40121-180449.jpg)](https://s3.ifanr.com/wp-content/uploads/2014/01/S40121-180449.jpg)

聊天界面，背景底色从略带灰到偏白，横线也变细了，红色角标的样式也发生了变化。

[![S40121-163252](https://s3.ifanr.com/wp-content/uploads/2014/01/S40121-163252.jpg)](https://s3.ifanr.com/wp-content/uploads/2014/01/S40121-163252.jpg)

发现界面，过去微信将不同的按钮放在不同的框里，现在这些框都不见了，而是采用较粗的线来划分不同的功能。

[![S40121-163257](https://s3.ifanr.com/wp-content/uploads/2014/01/S40121-163257.jpg)](https://s3.ifanr.com/wp-content/uploads/2014/01/S40121-163257.jpg)

通讯录界面，固定在顶部的“我的朋友”、“订阅号”、“服务号”等被放在一起，基本样式跟聊天的一致。

现在，三个主界面的按钮如今放置在界面的上方，而且没有突起的按钮，而是采用了变色、色条的方式来提醒用户按钮的存在。操作方式也从过去的“点按”变为“滑动”。换言之，现在我们在微信上左右滑动，就可以切换界面。

现在按下“后退”之后，会返回到这三个主界面中的一个，但再按一次后退，就会直接退出应用，而不是像过去那样直接后退到再之前的界面当中，这点变化，可能会让人不习惯。

### 操作细节

现在微信的按钮集中在右上角，有代表搜索的“放大镜”、代表常用操作的“+”号和还有更多设置。

[![S40121-172950](https://s3.ifanr.com/wp-content/uploads/2014/01/S40121-172950.jpg)](https://s3.ifanr.com/wp-content/uploads/2014/01/S40121-172950.jpg)

点击“放大镜”，直接出现搜索界面，文字 / 语音输入即可搜索，微信 5.2 对搜索功能的改进是，可以搜索聊天记录里的内容。对于那些经常在微信里谈事情的人来说，这是个很好的功能。

[![S40121-172236](https://s3.ifanr.com/wp-content/uploads/2014/01/S40121-172236.jpg)](https://s3.ifanr.com/wp-content/uploads/2014/01/S40121-172236.jpg)

点击“+”号，“添加新朋友”又出现在其中。这下子，那些抱怨找不到“添加新朋友”的用户可以满意了。除此之外，还多了“拍照分享”这个按钮，当按下这个按钮之后，就会启动拍照功能，拍完之后可以单选 / 多选好友进行分享，比较实用。

### 更多细节

[![S40121-174207](https://s3.ifanr.com/wp-content/uploads/2014/01/S40121-174207.jpg)](https://s3.ifanr.com/wp-content/uploads/2014/01/S40121-174207.jpg)

聊天界面里，消息的样式也变得平面化，可以看出这种淡青绿色已经成为新版微信主要的视觉元素。

[![S40121-174026](https://s3.ifanr.com/wp-content/uploads/2014/01/S40121-174026.jpg)](https://s3.ifanr.com/wp-content/uploads/2014/01/S40121-174026.jpg)

对微信推送的文章的操作也集中在界面右上角，这是操作逻辑的变化。

[![S40121-173826](https://s3.ifanr.com/wp-content/uploads/2014/01/S40121-173826.jpg)](https://s3.ifanr.com/wp-content/uploads/2014/01/S40121-173826.jpg)

朋友圈里，点击“相机”，和过去一样，弹出“拍照”和“从手机相册选择”两个选项。但不同的是，过去这两个按钮被放在一个面板里，从下往上弹出；现在则是直接在屏幕中间弹出两个按钮。从操作的便利程度来说，我宁愿不要改。

[![S40121-172535](https://s3.ifanr.com/wp-content/uploads/2014/01/S40121-172535.jpg)](https://s3.ifanr.com/wp-content/uploads/2014/01/S40121-172535.jpg)

“我的银行”这个界面，过去很像 Passbook，采用了卡片式设计。现在则和“订阅号”里一样，将各个功能、服务的图表平铺在上。

[![S40121-164800](https://s3.ifanr.com/wp-content/uploads/2014/01/S40121-164800.jpg)](https://s3.ifanr.com/wp-content/uploads/2014/01/S40121-164800.jpg)

微信公众号下的菜单栏的样式也有了变化，但给人感觉好像还没改好的样子，比较生硬和粗糙，希望推出正式版有所改进。

微信 5.2 内测版还有许多细节可供挖掘，而从以上找到的细节当中，可以看到这个版本的微信的确为 Android 重新设计了微信的视觉元素以及操作习惯。希望这一次变化能够让 Android 用户感到愉悦吧。
