小伙伴们,你们是否已经发觉,曾经爱过的姑娘在不知不觉中已变了模样,曾经鲜艳的红领巾也不再飘荡于前胸,而曾经最熟悉的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. ASP.NET不通过添加web引用的方式调用web service接口

    尊重原著作:本文转载自http://bbs.csdn.net/topics/360223969 创建方法 //动态调用web服务 public static object InvokeWebSer(s ...

  2. myeclipse序列号

    Subscriber:huazai          Subscription Code:uLR8ZC-855550-61565856301609203 Subscriber:feifei       ...

  3. nginx+php-fpm json_encode 到client pages 截断

    同样的数据rd环境is normal, but in test environment the result of json had been intercepted 稳定定位: nginx指定的磁盘 ...

  4. OC语法6——内存管理之引用计数器(retain,release)

    OC内存管理: 一.引用计数器: Java有垃圾回收机制(Garbage Collection,GC).也就是说当我们创建对象后,不需要考虑回收内存的事,Java的垃圾回收机制会自动销毁该对象,回收它 ...

  5. 添加nginx为系统服务(service nginx start/stop/restart)

    1.在/etc/init.d/目录下编写脚本,名为nginx #!/bin/sh # # nginx - this script starts and stops the nginx daemon # ...

  6. 关于 MyBatis MyBatis-Spring Jdbc 批量插入的各种比较分析

    因为目前SME项目中编写了一套蜘蛛爬虫程序,所以导致插入数据库的数据量剧增.就项目中使用到的3种DB插入方式进行了一个Demo分析: 具体代码如下: 1: MyBatis 开启Batch方式,最普通的 ...

  7. JS数组操作常用方法

    toString():把数组转换成一个字符串 toLocaleString():把数组转换成一个字符串 join():把数组转换成一个用符号连接的字符串 shift():将数组头部的一个元素移出 un ...

  8. python特性、属性以及私有化

    python中特性attribute 特性是对象内部的变量 对象的状态由它的特性来描述,对象的方法可以改变它的特性 可以直接从对象外部访问特性 特性示例: class Person: name = ' ...

  9. Oracle当前用户SQL

    select sesion.sid,sesion.serial#,sesion.username,sesion.sql_id,sesion.sql_child_number,optimizer_mod ...

  10. 百度云是用SOUI开发的产品

    http://www.cnblogs.com/setoutsoft/p/4155997.html