小伙伴们,你们是否已经发觉,曾经爱过的姑娘在不知不觉中已变了模样,曾经鲜艳的红领巾也不再飘荡于前胸,而曾经最熟悉的QQ电脑 UI,竟在不知不觉中改头换面了。

没关系,少年,还不晚,今天,让我们携起手来,坐在高高的谷堆上,听我来数一数,这十五年来我们追过的 UI。

1999 的那个秋,天还是蓝的,水还是绿的,丈母娘嫁女儿是不图你房的。1999 年,QQ 还被我们亲切的称呼:OICQ,将自己定义为中文网络传呼机。99 年 a 版没有对话框,取而代之的是网络传呼机,公共聊天室和文件传输工具。

b 版则第一次发布语音聊天功能,心连着心,手拉着手。

到了 2000 年之际,OICQ 发布了 Tencent Explorer,带来了一丝国际范儿,同时还加入了隐身功能和移动 OICQ。

2000 年也是 OICQ 第一次更名腾讯 QQ 的日子,没错,虽然那只企鹅还是对眼,胸前的红围巾丝毫挡不住腹部的隆起,但是 QQ 在这一年划时代的推出了视频聊天,QQ 群还有 QQShow。

2003 年,腾讯 QQ 新增聊天场景,屏幕捕捉,QQ 炫铃(多少情侣因为对方酷炫的铃声而分道扬镳,我们不是不相爱,只是价值观不同而已)。并且我们也尝试第一次用 QQ 给好友播放录影。

2004 年的 QQ 界面可是复杂多了,导航键极尽卖萌之能事,色彩的搭配也让整个画面更加立体了。这一次,它还加入了个人网络硬盘,远程协助,和那个仿佛永远都在状况外的 QQ 小秘书。

2005 年,QQ 宠物横空出世,涌起了多少少女心中的母爱?而 Qzone 的出现,又让多少思绪转化成文字?但我印象最深刻的是 QQ 音乐带来的改变,世界上最远的距离不是地铁 1 号线和 10 号线,而是你在听满文军我在唱崔健。

2006 年 QQ 界面的渐变蓝让人简直不忍直视,新增的功能有 QQ 主题包,QQ 视频秀还有 3D 秀聊天模式。

2007 年离线文件传输成为工作中必不可少的一部分,而同年的窗口抖动也让更多的人爱上了隐身功能(高端黑 X1)。

2008 年迎来了 QQ 聊天的第二春,500 上限的超级群将驾校老师和学员们紧紧地联系在一起!而界面也更加简洁清晰。

2009 年最值得一提的是“好友印象”,让我有幸在男神的 QQ 上加上了“前男友么么哒”一词,帮他结束了一段我个人不太看好的恋情,不用谢。而消息盒子帮我们记录在忙碌时候无法回复的信息,或另一种说法 - 群信息。

2010 年,QQ 增加了全皮肤引擎,QQ 大视频和多问题验证。

2011 年的 QQ 给了我们多人视频,让在异乡的人儿也可以轻轻松松的凑一桌麻将,而应用盒子的出现,也让 QQ 的用户黏性增加了。

2012 年新增了窗口合并,并且对皮肤设置界面做了改版。

2013 年我们开始用 QQ PC 版传送语音消息,将微信的功能成功的移植到电脑上。对话框不再是死板的纯色,并且实现电脑和手机互传文件,群视频也支持屏幕分享了。

最后,让我们来说说为什么今天要盘点这十五年来 PC 版 QQ 界面的变化?因为当我早上打开电脑的时候无意间发现 QQ 对话文字长成了这个样子:

一定是我打开的方式不对?!十五年都是文字的 QQ 居然加上气泡了(Mac 版的 QQ 一直都是)。而气泡原本是移动端的属性,用户还可以随时更换聊天气泡以达到不同的人生目的。

脑补了一下,依稀感觉这项功能是从移动端到 PC 端的移植呢?一直比较习惯于 PC 端的好功能植入到移动端供大家享用。而这一次想必客户端用户对气泡聊天十分心水,于是就沿用到电脑上了。

十五年的 UI 界面汇总其实见证的不仅仅是一个物种的进化(《论企鹅的迁徙》),更是人类审美学上的一次非一般的跨越,让我们祝福它越走越好。

腾讯QQ首次在PC端采用气泡式聊天界面(from:36kr)的更多相关文章

  1. REmap首次尝试--PC端

    在REchart项目中,实验此网址的内容,得到若干实例 针对此我针对北京市做了若干实验 第一:绘制北京市的填充地图 代码如下: >BJqu<-mapNames("beijing& ...

  2. Node.js实现PC端类微信聊天软件(五)

    Github StackChat 学习回顾 Socket.io 结合Express创建Socket.io服务器 const app = require('express')() const http ...

  3. Node.js实现PC端类微信聊天软件(二)

    Github StackChat 用到的React-Router React-Router是React路由的解决方案之一,也可以使用别的库 安装 npm install react-router -- ...

  4. Node.js实现PC端类微信聊天软件(四)

    Github StackChat 学习回顾 React和Electron结合 TypeError: fs.existsSync is not a function 在React组件里引入electro ...

  5. Node.js实现PC端类微信聊天软件(三)

    Github StackChat Redux学习回顾 Redux的主要功能就是管理复杂交错的State,比如需要讲state提升到顶层组件的场景中,使用Redux就很合适 Redux主要提供三个东西来 ...

  6. Node.js实现PC端类微信聊天软件(一)

    Github StackChat 技术栈 写这个软件StackChat的主要目的是巩固练习Node和对React的实践,也是为了学习东西,所以选用了这些自己还没在项目里使用过的技术,边学变写 Elec ...

  7. android 仿QQ气泡聊天界面

    1.现在的QQ,微信等一些APP的聊天界面都是气泡聊天界面,左边是接收到的消息,右边是发送的消息, 这个效果其实就是一个ListView在加载它的Item的时候,分别用了不同的布局xml文件. 2.效 ...

  8. 社交媒体(朋友圈、微博、QQ空间)开发一网打尽,PC端移动端都有!——源码来袭!

    一.应用场景 曾几何时,社交媒体已经驻扎到了几乎每个人的生活中.看看你身边的朋友,有几个不玩朋友圈的?就算他不玩朋友圈,那也得玩微博吧.再没有底线,也得玩QQ空间. 不过,作为程序员的我们,没事还是少 ...

  9. 网站pc端分享QQ好友,空间,微博

    在开发pc端网站的过程中,涉及到邀请好友的功能,之前单纯的复制粘贴已经无法满足用户的体验.故,仿照移动端添加自动分享到QQ好友,QQ空间,QQ微博的功能. 分享到QQ好友:http://connect ...

随机推荐

  1. A Guide to the Multiboot Process

    A Guide to the Multiboot Process The XP and Vista boot process in general.The Windows dual and multi ...

  2. sqlserver查询某一字段重复超5次的所有记录

    用的sqlserver2008 r2. SELECT  * FROM t_class WHERE id IN (SELECT  id FROM (SELECT  ROW_NUMBER() OVER ( ...

  3. Asp.Net MVC 常用开发方式之EF Code First

    在我们的工作和学习当中,经常会遇到中小型项目,这些项目除了业务上的区别较大外,对于底层和数据访问,其实都差不多.记得以前做项目时,每次都要重复的写底层操作数据库的代码,不仅浪费时间,也无太大意思,后来 ...

  4. 浅谈C中的指针和数组(四)

    原文转载地址:http://see.xidian.edu.cn/cpp/html/476.html 在原文的基础上增加自己的思想作为自己的修改 指针数组和数组指针的内存布局 初学者总是分不出指针数组与 ...

  5. ubuntu中Mysql常用命令整理

    启动mysql服务sudo /etc/init.d/mysql start 关闭mysql服务sudo /etc/init.d/mysql stop

  6. 无缝滚动 jQuery经典代码 (收藏)

    <script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4 ...

  7. this指针与function变量--this究竟指向哪里?

    参考文章:<深入浅出 JavaScript 中的 this> http://www.ibm.com/developerworks/cn/web/1207_wangqf_jsthis/ Ja ...

  8. Eclipse 修改编码格式

    在Eclipse的开发使用中,我们经常使用的是UTF-8,但是刚刚安装的或者是导入的项目是其他编码的默认是GBK的,这就造成我们的项目乱码,一些中文解析无法查看,对我们的开发造成不便. 修改工作空间默 ...

  9. pickle模块

    在编程中,如果存在大的列表或者字典,可以在python中引入pickle 模块: 例如:将下边这组列表保存到文件当中:[1, 2, 'xiaomao', '小狗'] 程序: import pickle ...

  10. 轮播图插件myFocus使用

    myFocus官网下载源码,本文是v2.0.1版,解压后如下 将js包内文件拷入工程 在工程内引入 <script src="js/myfocus-2.0.1.min.js" ...