从“太阳”到“时光企鹅”:一个QQ设计师眼里的界面变迁史
戳蓝字“彩云译设计”关注我哦!
前几天看到腾讯发了个消息,挺有意思:全球第一个QQ等级达到满级256级的人出现了!恭喜全球首位256级QQ用户获得“金企鹅” 这位“大神”足足挂了22年才达成这个成就。更特别的是,达到这个等级会解锁一个全新的图标,叫“时光企鹅”。

现在大家可能不太在意这个了,但回想零几年那会儿,大家都很沉迷"挂QQ",等级就是“排面”。转眼这么多年过去,想想还挺怀念的。
我上高中才接触QQ,当时挂QQ追求的是要冲到太阳。记得那时候等级是按在线时长算的,为了加速升级,我们经常拜托去网吧通宵的同学帮忙挂着。一台电脑挂好几个QQ,简直是常规操作。后来有了手机QQ,手机QQ基本上可以一直在线,加上注意力转移,慢慢地就不太在意等级了。

在那个网络刚刚普及的年代,大家都特别热衷于在虚拟世界里打造自己的身份标识。QQ等级、QQ空间装扮、QQ秀... 现在回头看,可能有点难理解,为什么会对这些虚拟的东西那么着迷?
后来微信流行起来,我登录QQ的次数逐渐就少了,唯一的用处就是登录QQ用来截图。没想到的是,毕业多年后,我竟然加入了QQ团队,当上了QQ的设计师!
我在QQ做的第一个设计是QQ运动,后来又开始做厘米秀,从2D做到3D。不过,不知道是自己年纪大了,还是玩腻了这类东西,我发现自己慢慢不再是这些功能的目标用户了。
时代的车轮不停向前转,每个产品都会经历成长、成熟和逐渐淡出。但作为一名设计师,回过头去研究这些曾经的“顶流”APP,看看设计潮流是怎么一路变化的,依然很有价值。这不仅是学习,也是一种纪念。
这份怀念一涌上来就停不住,干脆就彻底整理一下吧!我把QQ从诞生到现在,关键界面的设计变化都梳理了一遍,也算是在找回自己那些“逝去的青春”。
好,我们穿越时光,从1999年开始。
1999年:OICQ诞生
时间回到1999年,那一年是OICQ诞生的日子。当时的界面极简,基本没啥UI设计,都是系统默认的窗体。“OICQ”这个名字的含义是”Oh, I Seek You“,借鉴ICQ,后因版权争议更名。

2000年:改名“腾讯QQ”
2000年,正式更名“腾讯QQ”,界面布局有微调但风格上基本没有啥太大变化。

2001-2002年:交互小创新
2001-2002年,风格没变化,但在交互上做了创新。增加“隐身”登录状态选项。把登录流程要填的内容做了分拆,登录的首界面更简洁易懂。

2003年:第一次大改版
2003年,首次全面改版了界面,图标设计和按钮设计有了一些质感。这个版本奠定了后续十年QQ的界面框架基础。

2004年:设计感初显
2004年,慢慢多了一些设计感了,估计是从这个版本开始,UI设计师开始深度介入,色彩更鲜明,布局也更紧凑,拟物时代的设计特点都有了。

2005年:优化与精简
2005年,界面进一步被优化,去掉了一些文字说明,把一些信息做了更好的分组。整体的风格保持了延续。
这一年,我注册了自己的第一个QQ号。

2006-2007年:个性化开端
2006年,界面支持更换主题,设计上做到了更加个性化。经典界面逐步定型了下来。界面更加干净,信息分组越来越清晰。

2008年:经典“国民QQ”
2008版,因稳定性和功能全面性,成为用户记忆中最经典的“国民QQ”。界面设计上的变化相对较少。
也似乎是从这一年开始,后面的日子过得越来越快了,经常会有种错觉,分不清2008和2018,不知道你有没有这种感觉?

2009年:大幅精简
2009年,界面内容做了非常大的精简。

2010年:高度自定义
2010年,界面可以自定义的内容更多了,支持全界面自定义皮肤(透明度、颜色、图片)。

2011-2012年:平稳过渡
2011年,界面变化相对较小,处于一个稳定的状态。

2012年。

2013年:情感化与自然风
2013年,QQ的UI设计理念更加贴近自然,如登录界面飘扬的云朵、天气面板中的动态效果等。同时,QQ开始强调情感属性,如弱化按钮设计,提升用户辨识度。
这一年也是我从大学毕业的日子,大家所有的情愫和沟通,全部都是寄托在了QQ里。

2014年:拥抱扁平化
2014,QQ进行了重大UI设计变革,引入了扁平化设计理念,界面变得更加简洁、清爽。同时,QQ更注重用户体验,如聊天窗口的优化、消息提醒的改进等。

2015-2017年:延续与微调
2015-2017年,这几年的风格也没太大变化。

2018-2022年:极光理念与移动优先
2018-2022,采用了极光的设计理念。经典品牌文化的延续性,从企鹅的家极地周围的环境衍生出极光的概念。移动优先与极简主义,适配移动端操作习惯,平衡功能丰富性与界面简洁性。
这一年,我加入了QQ,开始了极光之旅,时间也如极光一般,美丽却又短暂的一晃而过。

2022年之后,我就基本上很少再用QQ了,大家对最新的界面也都很了解了,就不再赘述去写了。
这些年,界面一直在变,QQ的形象也有一些变化。最初的版本,QQ团队选择的是一个胖乎乎的版本(2000年的时候),因为它更加可爱。当时的设计师桩子认为,企鹅形象不一定要对称,有一定的差异反而更有灵动感,因此他将企鹅的眼睛设计成了wink状,翅膀一高一低。

企鹅形象终稿手绘图,图片来源腾讯QQ
到现在慢慢的为了适应QQ品牌心智的需要,QQ的比例变得更加年轻,外形也更加简洁。


最近这些年,QQ的重心在移动端,PC客户端的界面大的改动变少了,更多是细节上的优化。不过,这些年的设计趋势不也是没啥太多变化吗?似乎也是一种印证。基于用户的需求,大的方向是减少视觉噪声,让用户的体验更加聚焦。
总结这些年QQ的设计变化趋势:
1)形态演变。 纯文字列表 → 立体化图标 → 扁平动态设计 → 极简卡片 (1999纯文本 → 2003立体化 → 2013扁平化 → 2023 NT架构)
2)设计哲学。 实用性 → 个性化 → 情感化 → 效率化 (早期能用就行→中期强调自我表达→近期追求无缝体验)
那么,问题来了:哪个版本的QQ界面,承载了你最多的回忆?或者单纯从设计角度看,你最喜欢哪一个?