体验微信式 Android Design


weixin

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

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

基本界面

S40121-163209

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

S40121-180449

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

S40121-163252

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

S40121-163257

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

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

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

操作细节

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

S40121-172950

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

S40121-172236

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

更多细节

S40121-174207

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

S40121-174026

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

S40121-173826

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

S40121-172535

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

S40121-164800

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

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


Tags:

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

css.php