赞助商
立即赞助

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

产品设计3年前 (2021)发布 流光
2.8K 0 0

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

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

公众号主页布局更新样式

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

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

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

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

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

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

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

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

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

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

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

圈视频默认静音播。播逻辑优户收验,观视冲击吸引,促圈互。静音模,避免圈视频播声音扰,避免户刷圈突声音尴尬。担流「」-「」-「」-「照、视频件」掉移络播。

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

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

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

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

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

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

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

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

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

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

粤省事小程序是一个基于移动端的聚合式政务服务平台。作为一个平台型产品,它集成了广东省各地市、各部门的多项民生、政务类...
实战案例
各位朋友,晚上好! 谢谢来到公开课现场的朋友们,让我感受到这是一个面对面的交流,而不是一个人面对屏幕的直播。 2020,...
张小龙
万能螺丝刀也拧不开眼镜框上的螺丝。如同万能螺丝刀一样,QQ 也是一个通用的沟通工具,在针对游戏、粉丝、家校等垂类场景下,...
QQ家校群
情感化设计已经不是一个新概念,唐纳德·诺曼在《情感化设计》一书中,清晰地阐述了情感化设计的重要地位与作用。现阶段,同类...
微云
很多人看到这个标题的第一反应是——“什么是微信的视频动态?” 你看,我就说它很失败吧。 放心,我说它失败并非信口开河,我...
张小龙
项目背景 2019年春节期间,QQ红包运营活动进行了全新改版,将卡券福利、现金奖励打包成福袋形式,并通过年俗小游戏及共享福袋...
QQ空间
为什么要做品牌升级? “效率一直是公共舆论中的一个重要话题:在古希腊人眼中,它是政治和社会运转的方式;工业革命早期,亚...
品牌升级
4 月 16 日 QQ 语音消息新特性突然登上微博热搜,QQ 铁粉瞬间集结。是什么让 129 万人为 QQ 花式彩虹屁?为何微信却被吃瓜群...
QQ