小伙伴们,你们是否已经发觉,曾经爱过的姑娘在不知不觉中已变了模样,曾经鲜艳的红领巾也不再飘荡于前胸,而曾经最熟悉的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. Eclipse和PyDev搭建python开发环境

                   Eclipse和PyDev搭建python开发环境 1.1整体目标 本文档作为python学习者的新手教程,通过本教程能够了解python用途.语法.在实际工作中的应 ...

  2. 自学SQL语言的例子(使用MySQL实现)

    SQL语言作为一种数据库管理的标准语言有着极为广泛的应用场景,菜鸟入门选用的数据库软件是轻量级的免费(这个极为重要)的MySQL,下载链接如下:http://www.mysql.com/downloa ...

  3. JavaScript小知识点(一)

     JavaScript 有3种方式定义对象 ①  var i = { function-x:function{ //todo }}; 这是通过Json方式定义一个函数对象. ②  function P ...

  4. Struts2 初体验

    Sturts是一款优雅的,可扩展性很强的框架.它是由Struts开发团队和WebWord团队合作,共同开发的一个新的产品.新版本的Struts2 更加容易使用,更加接近Struts所追求的理念.从开发 ...

  5. JAVA设计原则

      1.单一职责规则(SRP):有且仅有一个原因引起类的变化. 2.依赖倒置规则(DIP): 高层模块不应该依赖底层模块,两者都用依赖接口: 接口不依赖细节: 细节依赖接口. 3.接口隔离规则:类间的 ...

  6. cmd正常启动tomcat,而 从eclipse启动出现 404

    设置Tomcat的路径,启动Tomcat,先测试一下环境,在浏览器中输入http://127.0.0.1:8080/ 提示 404找不到网页.出现这种问题然后试了一下,tomcat在外面直接启动  然 ...

  7. 控制台下的计算器——C++实现

    最近这段时间看操作系统的东西看的头晕脑胀的,所以先停个一晚上,写个控制台下的计算器,来练练栈的使用. 首先,分析一下要完成的东西.输入肯定使用string类来输入的,然后第一步,就是把string的字 ...

  8. jQuery中的类型判断

    在JQuery中有一个type方法,在1.11.2中是这样写的 var class2type = {}; var toString = class2type.toString; jQuery.each ...

  9. php实现两分法查找

    两分法查找的前提:顺序方式存储,而且必须是排好序 直接上代码: function search($array, $target, $low = 0, $high = 0){ $len = count( ...

  10. sass和compass安装

    安装Sass和Compass sass基于Ruby语言开发而成,因此安装sass前需要安装Ruby.(注:mac下自带Ruby无需在安装Ruby!) window下安装SASS首先需要安装Ruby,先 ...