字号的选用应遵循哪些原则(超炫qq好友印象)

为了吸引年轻用户的眼光,不断刷新更酷炫的体验,升级更大规模的活动占据了QQ8.0版本规划的大部分内容。

字号的选用应遵循哪些原则(超炫qq好友印象)

2. 更有规律的字号应用场景

字体与字号是设计中的重要一环。在QQ8.0的设计中,QQ设计团队重新调整主体字号,并减少了字号种类,梳理了字号阶梯。

根据调研报告,QQ的年轻用户使用小屏、非全面屏手机依然占据主流,因此对于单屏的信息容载量是非常敏感的。

在QQ8.0的设计中,我们将主体字号从36px降低为34px,提高页面的容载量,对小屏手机更加友好。此外,QQ设计团队重新梳理了字号阶梯,将字号从过往的8种减少至4种,在每个页面出现的字号限制在3种以内,使信息的呈现更有规律,帮助用户更快地定位到有效信息。

字号的选用应遵循哪些原则(超炫qq好友印象)

3. 整齐一致的转场动效

万物复苏一致向阳而生的场景是人类对大自然生机盎然的直观感受,我们把有序和一致的体验纳入到贯穿任务路径的转场动效。对于页面之间的转场动效,常见有从左往右,从上到下和全屏缩放的模式。

不过旧版本对这三种动效的使用场景没有严格的界定,原因在于QQ作为平台提供的功能入口以及耦合的任务关系较复杂,导致缺乏一致性的转场动效无法为用户带来有预期的交互反馈。

为此,团队重新规范页面动效的使用场景,将主要功能模块的转场逻辑做了全面的梳理:

(1)横向切换——层级的深入与回退

对于明确父子层级关系的页面切换,使用左右横滑的页面动效,有助于层级结构的引导,让用户感知当下跳转到不同页面,并根据导航栏上的返回指示,退回到最初的页面。横向切换能增强视觉阅读的延续性,让用户有明确的预期。

字号的选用应遵循哪些原则(超炫qq好友印象)

生机需承载乐观与活力

“乐在沟通”是QQ最早的口号,也是希望用户能在QQ聊天的过程中获得快乐,但只是为此而不断堆砌娱乐化的功能和夸张而缺乏条理的设计,只会激发用户的审美疲劳增添体验的沉重感。

所以需要剖析“在QQ聊天获得快乐”的本质,“乐”应该是用户发自内心产生的认同与好感。用户在高效便捷使用QQ时,也不必过于严肃生硬,在适当的时机能发现会心一笑的幽默感,不影响主线任务的体验过程中能遇到小惊喜,在进行沟通或社交的时候能轻松无忧,让用户感觉QQ是一个充满乐观与正能量的朋友。

也就是让用户能感知到QQ的活力与朝气,从而乐于在QQ进行聊天与社交。

生动的语音消息设计

团队重新思考消息传递环节的体验,希望能通过更生动的方式透传消息所附带的情感。最接近人类本能的信息传递方式是语音消息,我们发现用户对语音暂停,进度拖拽,音频预览有强烈的诉求,为了拉开与竞品语音消息的差距,需要为声音进行可视化设计,让用户能在视觉和触控上直观感受到语音消息的生动表现。

音频预览的声纹样式设计也是一波三折,设计师起初尝试的十几种样式,经过实现成本、性能条件、清晰表意和视觉美观权衡后,最终筛选出一个适合新版本的方案。

字号的选用应遵循哪些原则(超炫qq好友印象) 字号的选用应遵循哪些原则(超炫qq好友印象)

语音气泡在体验上还解决了进度拖拽困难,主题气泡适配等难题,更多关于语音气泡的设计细节与故事请传送至“点滴匠心,声入人心”细细品味。

字号的选用应遵循哪些原则(超炫qq好友印象)

让“多彩”增添生机,提升用户的使用欲

色彩系统的刷新,也朝着更鲜明,多彩的方向调试,重新梳理色彩应用的场景,用色也更有规律。

字号的选用应遵循哪些原则(超炫qq好友印象) 字号的选用应遵循哪些原则(超炫qq好友印象)

随着色彩的整体更新,新版本QQ也做了一个大胆的尝试——设计多彩且有细节质感的图标。虽然扁平化的图标设计已流行数年,但在QQ对部分图标进行颠覆式的设计并非只是追求表面的花哨,而是为了让用户更喜欢去尝试图标所代表的功能。

因此精致多彩有质感的样式应用在聊天窗口“加号面板”里的图标,我们认为对于藏在“加号面板”的功能(送礼、厘米秀、轻互动…)也同样为用户提供丰富多彩的沟通与社交能力,希望用户点击“加号面板”时,能第一眼看到还有很多可以为用户传递信息表达情感的方式,也向用户暗示这些精致图标所代表的有趣和丰富的功能。

字号的选用应遵循哪些原则(超炫qq好友印象)

生机为用户建立与心相映的共情感——有故事的彩蛋

人类不是AI,人类具有情感。我们在使用QQ时,会有多元化的情感,或喜或悲,或怒或乐——QQ,就是用户情感的见证,是用户情感的容器。

因此,QQ设计团队给自己提了一个脑洞问题——“当用户在使用QQ接收到不同消息时,会有怎样不同的心情?”

我们希望将用户当下那一刻的情感刻画和表现出来,以作为用户情感的见证。于是我们采集了多种场景,戏精灵魂在脑内小剧场演了一遍又一遍:

滴滴滴滴,QQ接收到新消息:哇哦,有哪位小可爱在找我呢?一打开QQ,发现超过几十条未读:整个人呆掉,哈?这帮人在搞什么?偷偷关注着的那个人发来了QQ消息:哇!开心!!有人发大红包:发财了,赶紧抢!让金钱蒙蔽我的双眼吧!老师在收作业而你还没做完:啊啊啊啊啊我死了。有人在滔滔不绝:咦惹(白眼),这个人有完没完?

我们将这些不同的情感设计成不同的表情,植入到消息列表的图标中,作为一个小彩蛋,希冀他们与用户的不期而遇,能够为用户带来一些欢乐。

字号的选用应遵循哪些原则(超炫qq好友印象)

通过对图标、基础控件、色彩体系、信息框架等模块的重新设计,团队对于QQ8.0的设计理念也有了更深层次的理解,生机不只是为了刻意营造强颜欢笑的娱乐感,更希望用户在体验QQ过程所经历的行为过程中,能获得与心相映的共情感。

这次改版涉及数十个功能模块,刷新超过200个页面,重绘了绝大部分的图标,能在不到一个月内完成这个迭代依赖于项目团队各角色的紧密合作与业务侧的通力合作,过程中设计团队也经历了内部与外部关于设计风格和调性的激烈讨论。

QQ作为社交平台一方面需要在通用控件,图标体系,色彩系统做到足够的严谨与普适;另一方面又需要充分考虑年轻用户在自我表达,情感传递层次上的个性与乐趣,这也是QQ在后续版本所面临的挑战—— 权衡平台稳健与个性表达的设计。

字号的选用应遵循哪些原则(超炫qq好友印象)

版本正式上线后,团队也持续在关注用户的反馈,很多中肯的意见也为后续版本的优化提供了非常好的想法,希望大家继续保持对QQ的关注与热爱,同时也敬请期待QQ进化更多实用、有趣的能力。

本文来自作者:江下科技小助手,不代表小新网立场!

转载请注明:https://www.xiaoxinys.cn/598058.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。