小伙伴们,你们是否已经发觉,曾经爱过的姑娘在不知不觉中已变了模样,曾经鲜艳的红领巾也不再飘荡于前胸,而曾经最熟悉的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. iOS8 用AVAudioPlayer播放音乐(Swift)

    AVAudioPlayer 类提供了播放音频文件的功能,在本次教程中,我们将对一个音乐文件进行播放暂停和停止操作,此外还会显示标题和播放时间.本次教程使用iOS8和Xcod6.3.1 打开Xcode创 ...

  2. php上传图片到server

    php文件上传中会用到$_FILES系统函数 一.$_FILES系统函数 PHP编程语言中的常见的$_FILES系统函数使用方法有: $_FILES['myFile']['name'] 显示clien ...

  3. ProductHunt:创业公司产品猎场和秀场

    Product模式介绍 ProductHunt(站点www.producthunt.com)是一个国外新出现的创业公司产品展示和交流平台, 顾名思义.对于创业者而言这里是一个秀场,而对于投资人而言这里 ...

  4. ABCpdf.NET中Rect,Bottom,Height的关系

    因为项目需要新功能,要在一个图片的上下加上固定高度的白边如下图.项目中一直使用ABCpdf.NET处理图片,但我一直没有做这方面的功能,所以找来API参考做. 这个简单需求做的过程中出现了一些曲折,主 ...

  5. hive 配置MySQL库

    chkconfig mysqld on MySQL开机自启动 建库: --hive数据库2create database hive DEFAULT CHARSET utf8 COLLATE utf8_ ...

  6. JS 更改表单的提交时间和Input file的样式

    JS转换时间 function renderTime(data) { var da = eval('new ' + data.replace('/', '', 'g').replace('/', '' ...

  7. 在struts2中整合ajax时出现Template /template/ajax/head.ftl not found错误时的处理方法

    Struts2 Ajax出现错误“Template /template/ajax/head.ftl not found” 2013-02-08 18:26:27|  分类: 默认分类|字号 订阅   ...

  8. jquery的$().each,$.each的区别与应用

    在jquery中,遍历对象和数组,经常会用到$().each和$.each(),两个方法.两个方法是有区别的,从而这两个方法在针对不同的操作上,显示了各自的特点. $().each,对于这个方法,在d ...

  9. jmeter实例演示

    Jmeter 是比较轻便的性能测试工具,下面根据一个实例演示下jmeter的常见用法 一.前期准备,在使用之前,先分析测试需求,比如:需不要登录?需不需要监视服务器性能?多线程还是多循环?需不需根据流 ...

  10. select,poll,epoll之api笔记

    参考:http://www.cnblogs.com/Anker/p/3265058.html select /* According to POSIX.1-2001 */ #include <s ...