微信新版发布,这 7 个设计细节做得太棒了!

相较于 QQ 频繁的更新频率与对新功能新尝试的包容度,「微信」的更新就显得保守许多。毕竟作为一款日活超 10 亿的国民 App,每一个细微的改动都会影响甚广也会受到全体用户的关注与检阅。虽然由于用户群体过于庞大且要兼顾各个年龄层的接受程度,「微信」的优化更新一向克制而保守。但从年前的大版本设计改版来看,「微信」也正在朝着年轻化转变。

7月16日晚「微信」iOS 端上线了 7.0.5 最新版本,本次的更新都是小细节,却处处藏着惊喜。整体来说就是:浮窗功能变得更强大高效,公众号变得更清爽整洁,而视频动态与朋友圈更好玩、会玩了。

公众号主页布局更新样式

新版订阅号的信息流页面进行了改版,将页面头部的品牌介绍、导航入口与文章内容三者用新的视觉样式对信息层级进行了更加明确的划分。公众号品牌介绍由原本的居中展示变更为用户习惯的阅读路径引导式设计,而导航入口与文章内容都使用了近年来更为流行的卡片式设计,让阅读体验更加沉浸。以前的灰色边框卡片整体变为白色,公众号名称变成蓝色,更能引起用户点击的欲望。

文章内容浮窗系统视觉与交互更新

前版本的「微信」已使用了浮窗球来优化阅读体验,但只可添加 1 篇文章内容。新版本的浮窗可同时添加最多 5 篇文章与 1 首歌。不仅解决了查看突然来的信息会干扰阅读进程的困扰,还能将想看的文章都添加到浮窗球后再一起查看,阅读更高效,分享也更方便。关闭文章,只需点击浮窗进入白色遮罩页面即可操作了。除了公众号的文章与网页,收藏笔记、小程序和其他文档都可添加至浮窗查看。一心多用在多个页面之间快速切换无压力,工作娱乐两不误。

此外,文章头像以交叉叠加的样式显示于浮窗内,浮窗会根据文章的数量显示不同。当收藏少于 5 篇文章时,会显示所有文章的头像;当添加到浮窗的文章达到 5 篇时,则会通过算法提取头像颜色生成一朵花的图案。查看文章时浮窗球还伴有小交互来反馈操作,功能虽小细节却做得很讲究。

在线音乐与语音播放改用浮窗样式

前版本的音乐播放,会在微信首页顶部显示。新版则采用了类似文章的处理方式,将音频内容加入了浮窗缩放的样式,且不占据真正的浮窗名额。这里使用了「微信」公用的图标组件──声波纹的图标,播放时有声波伴随声音波动的微动效。点击浮窗会进入白色半透明的遮罩页,可对音频进行管理。浮窗球还可沿屏幕两侧上下滑动,这样在听音乐的同时还能进行其他操作且不怕浮窗球遮挡屏幕。

朋友圈的视频默认自动播放

朋友圈的视频默认自动静音播放了。自动播放的逻辑能优化用户接收内容的体验,带来更直观的视觉冲击与吸引力,促进朋友圈的互动活力。静音的模式,避免了朋友圈多视频自动播放带来的声音干扰,也避免了用户刷朋友圈突然出现声音的尴尬与不便。担心流量的朋友可以在「我的」-「设置」-「通用」-「照片、视频和文件」关掉移动网络下的自动播放。

全局底部动作栏变成统一圆角

界面视觉上而言,全局底部动作栏都变成了统一的圆角。在底部动作栏加入圆角已是当下的界面设计趋势之一,视觉上更加柔和,也加强了社交属性。「微信」在这里的改动也算是顺应趋势了。

视频动态支持照片合成与添加背景音乐

去年更新的「微信7.0版」新功能「时刻视频」就已经有了拍摄视频可替换音乐与添加图纸与文字的功能。这一次「微信」的版本升级,这些实用的功能也被移植到了朋友圈视频发布的功能更新上,为大家发布朋友圈提供更多样的选择。视频动态还支持照片合成,最多可选择 9 张照片合成视频发布。不想发视频时,发布动态图再配上一段音乐也是不错的选择。

付款页面样式更新,新增「单位」提示

新版的付款页面样式更新增加了非常人性化的单位提示小细节。当输入的金额数字满足四位数时,在金额数字下方会出现「千」「万」「十万」的计数单位小标注。其实「腾讯理财通」很早以前就有了这个细节,广受好评,这一次的「微信」更新可能是受其影响。这样的金额位数辅助提示直接又友好,能方便用户立即识别金额,避免输入错误。

优设大课堂

文章来源:

Author:小白
link:https://www.uisdc.com/wechat-705-design