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

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

2019/07/18 27186评论 29

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

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

公众号主页布局更新样式

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

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

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

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

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

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

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

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

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

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

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

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

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

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

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/wechat-705-design

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 界面设计 排版布局 职场 优设专访 设计师干货 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 AI教程 设计流程 设计理论 神器下载 字体下载 设计师专访 psd下载 设计规范 海报设计 用户体验设计 设计趋势 平面设计 动效设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里