QQ图标设计进化史,从极简企鹅到时光金标全回顾
自1999年OICQ问世,至如今成为“时光企鹅”,QQ不只是一种社交工具,更是历经好多代人的青春留下的记忆。本文会引领你穿梭于时光之中,重温QQ从起初非常简单的界面演变成如今以极简化且呈现卡片样态设计的整个历程。
几天前瞅见腾讯发布了一则消息,蛮有趣味的:全球头一个QQ等级升至满级256级的人现身了!恭贺全球首位256级QQ用戶荣获“金企鹅” 这位“厉害人物”整整挂了22年才达成此项成就。更具特色的是,达到这般等级会解锁一个全新的图标,称作“时光企鹅”。
目前大家也许并非十分在意这个,不过回想起零几年那个时候,大家都极为沉迷于“挂QQ”,等级便是“排面”,转瞬之间这么多年已然过去,思索起来还颇为怀念呢。
我步入高中阶段才开始接触 QQ,那时挂 QQ 所追求的是力求冲到太阳,记得那个时候等级是依据在线时长来计算的,为了能够加速升级,我们时常拜托那些去网吧通宵的同学帮忙挂着 ,一台电脑上去挂好几个 QQ,这简直算得上是常规的操作 ,后来有了手机 QQ ,手机 QQ 基本上能够一直处于在线状态 ,再加上注意力产生了转移 ,慢慢地就没那么在意等级了 。
在那个网络才刚开始普及的日子里,众人都格外热衷于在虚拟的世界当中去塑造自身的身份标识,QQ等级,QQ空间的装扮以及QQ秀,如今再回过头去看,或许会有那么一点难以理解,为何会对这些虚拟之事物那般痴迷呢?
在那之后,微信开始流行起来,于是我登录QQ的次数渐渐变少,而其仅剩的用途便是登录QQ去进行截图。未曾想到的是,在毕业多年以后,我居然加入了QQ团队,还成为了QQ的设计师!
第一个于QQ所做的设计是QQ运动,随后又着手去做厘米秀,从二维迈进到三维。然而,不清楚是自身年龄增长了好些,还是对这类事物玩得厌烦了,我发觉自身渐渐地不再属于这些功能的目标用户范畴了。
时代的车轮持续不断地朝着前方转动,每一个产品无一例外都会历经成长阶段,而后走向成熟,最终渐渐退出人们视野后不再被频繁提及。然而作为一名从事设计工作的人员,在回首过往之时去深入探究这些过去曾经处于顶尖流行地位的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年:个性化开端
在二零零六年的时候,该界面能够支持进行主题更换这一操作,从设计层面来讲达成了愈发明显的个性化效果 ,经典界面由此渐渐稳定成型 ,界面变得越发干净整洁 ,信息分组的清晰程度也越来越高 。
图片来源于网络
2008年:经典“国民QQ”
在2008年的时候,它发布了版本,由于具备稳定性以及功能全面性这两个特性,所以成为了用户记忆里最为经典的那个“国民QQ”,它在界面设计方面所产生的变化相对来说是比较少的。
好像也是打这一年起始,往后的时日过得越发快了,时常会生出一种错觉,辨别不清二零零八与二零一八,不晓得你有没有这般感受?
图片来源于网络
2009年:大幅精简

2009年,界面内容做了非常大的精简。
图片来源于网络
2010年:高度自定义
二零一零年,界面之中能够进行自定义的内容变得更多了,它同时可以支持对全界面打造自定义皮肤,其中包括透明度,颜色以及图片这些方面。
图片来源于网络
2011-2012年:平稳过渡
2011年,界面变化相对较小,处于一个稳定的状态。
图片来源于网络
2012年。
图片来源于网络
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)设计所遵循的理念。实用性朝着个性化转变,个性化又接着迈向情感化,情感化之后再趋向效率化 (最初只要能够满足实际使用需求就可以,到了中期着重突出自我的独特表达,到了近期则全力追求毫无衔接阻碍的体验)。

请小编喝杯咖啡吧!