腾讯设计师谈微信设计:Android Design是大势所趋


时间: 2021-07-30 10:39:05 人气: 31 评论: 0

本篇由**研发管理部高级设计师Vertu撰写,他以产品设计师的视角,对比解读了微信的旧容与新妆,也讲了Android版微信5.2放弃iOS UI设计背后的故事。新版Android微信开始放弃原来照搬iOS UI设计的做法,逐渐开始遵循Android的设计规范。

1月21日,新的Android版微信在应用宝上线内测,很多用户第一时间更新了。在这个微信5.2内测版中,我们可以看到界面的功能架构、视觉风格及交互逻辑都有了较大的改动——微信开始遵循Android的设计规范了。

本人非常喜欢微信本次的改动,相比之前移植iOS的UI,Android微信5.2的功能架构变得更加清晰,交互逻辑也更为简洁,几乎所有的核心功能都可以通过一次点击快速找到并调用。无论对微信本身的产品体验,还是对Android Design设计规范在国内移动应用设计中的推崇,这都是一个好的迹象。

早期Android系统的UI一直广遭诟病,除了Android设备碎**化,Android移动应用设计也缺乏统一规范,界面控件看起来都非常业余。直到2011年Android 4.0发布,Android Design才应运而生,其中包括一般风格指南、设计样式,以及Android的部分默认UI构件等。

随着Android设备的不断进化——屏幕尺寸的增大、实体键向屏幕内虚拟键转移,Android Design在移动应用设计中的优势也逐渐显现。从2013年下半年开始,国内的移动应用开发商(如豌豆荚、知乎等)在Android平台上也开始遵循Android的设计规范。这一次,微信的设计团队也在5.2版本中向着Android Design迈进了一大步。可见,越来越多移动应用厂商也都逐渐认同了平台规范与一致性的重要性。

我们来看一下Android版微信5.2。主界面去除了昔日底部的Tab Bar,在顶部则使用了Action Bar,并用Tab Host来组织内部界面。用户通过手势滑动可以轻松来回切换“聊天”、“发现”、“通讯录”这几个高频功能界面。

  虽然对于喜欢单手操作大屏手机的用户来说,手势的引入带来了极大的便利,但是,左右滑动的手势被用来切换Tab之后,有用户开始有这样的疑问:原来单条**话的左滑操作(置顶、删除)哪里去了?

其实,这一交互功能是早期从iOS移植过来的;新版微信摒除了对单条**话的滑动操作,保留长按操作,更加符合Android平台的交互规范。当然,如果能使用Contextual Action Bar对多个**话进行批量选中操作就更好了,毕竟对于有清理癖的用户来说,一条一条长按删除还是蛮辛苦的。

我们还可以看到,在这次更新中,“搜索”功能被提高到Action Bar常驻按钮的位置,支持全局搜索。相比旧版在“**话列表”和“通讯录”两个界面分别置顶的搜索框,节省了屏幕空间,统一了搜索入口,省去了辨识记忆的麻烦。

在顶部的Action Bar,除了“搜索”之外另外两个常驻按钮为add(+号)、overflow(三个小圆点):add的下级均为与外界有交互的操作,如“发起群聊”、“添加朋友”、“分享照**”等;overflow罗列的均为与个人相关的操作入口,包括“个人信息”、“我的相册”、“我的收藏”、“设置”等。层级清晰易记。

  在视觉风格上,微信在本次更新中做了一个大手术,界面空间去除以往厚重的渐变、高光、阴影的样式,向更为扁平的Holo UI靠拢,品牌色黑、白、绿搭配清新简约。有用户反映,与诸如Line、Kakao Talk等同类应用相比,新版微信依旧没有俏皮生动的情感化形象。

不过,因为每个产品都有自己的定位,微信作为一个大众产品,覆盖不同年龄、不同文化程度的人群,在视觉体验这种主观感受的设计上保持中立简单也是合情合理的。而功能本身的出彩,让用户不时感受到意外的惊喜,才是产品创新的价值所在。

给作者打赏,鼓励TA抓紧创作!
---蛙鱼源码WAYUYM.COM---专业提供网站模板,网站源码下载,教程培训,程序插件,网站素材等建站资源,主要收集各类精品源码资源,包含CMS程序模板、网站源码、游戏源码、APP源码等 ,所有资源都没有水印适合搬运,我们致力于打造一个优秀的建站资源共享学习平台!

专业厂家,设备先进,技术力量雄厚,自动化生产技术先进,产品质量符合国家标准,价格合理,https://www.69shenlan.com/,具有质量保证,生产及时,交货快捷的特点。 我们的宗旨:做我们擅长的事,希望用我们的创意和创意为客户实现战略定位,塑造品牌,强化形象!
我们的要求:坚持“优质产品、优质服务、优惠价格、快速交货”的经营方针,努力开拓市场,真诚为客户服务! 我们的发展:以独特的专业和专业精神,https://www.69shenlan.com/1:1--

android

评论