小伙伴们,你们是否已经发觉,曾经爱过的姑娘在不知不觉中已变了模样,曾经鲜艳的红领巾也不再飘荡于前胸,而曾经最熟悉的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. Linux--根文件系统的挂载过程分析

    前言: 本篇文章以S3C6410公版的Linux BSP和U-Boot来进行分析,文中全部提及的名词和数据都是以该环境为例,全部的代码流程也是以该环境为例来进行分析.哈哈.假设有不对或者不完好的地方, ...

  2. ftk学习记(icon篇)

    [声明:版权全部,欢迎转载.请勿用于商业用途.  联系信箱:feixiaoxing @163.com] 在開始今天的文章之前.我们还是先看一下上一节的效果图. 大家能够參照上一节的解说,是不是存在这种 ...

  3. C++游戏编程(一开篇)

    本系列文章由zhmxy555(毛星云)编写,转载请注明出处. http://blog.csdn.net/zhmxy555/article/details/7318264 作者:毛星云    邮箱: h ...

  4. POJ2229 Sumsets 【递归】

    Sumsets Time Limit: 2000MS   Memory Limit: 200000K Total Submissions: 13210   Accepted: 5300 Descrip ...

  5. win10 ie11 以管理员身份运行才正常

    和谐版 win10优化后 ie11不能下载 显示不正常, 以管理员身份运行才正常 ,网上攻略 ( “打开并修改注册表使用快捷键[WIN+R]打开命令行窗口,输入regedit打开注册表,在注册表中找H ...

  6. OC 实现多选参数

    在iOS的开发过程中有许多方法都是有可选参数的,例如: + (instancetype)arrayWithObjects:(ObjectType)firstObj, ... NS_REQUIRES_N ...

  7. 安装Eclipse Html Editor

    最近在eclipse中开发android项目,用到了jquery mobile框架,则会涉及到新建html文件,发现eclipse不自带新建html文件的插件,必须得新建一个其他形式的文件,譬如xml ...

  8. Javascript 学习笔记 无缝滚动

    效果 : 鼠标移入图片 停止滚动, 鼠标移出自动滚动 可以调整向左或右方向滚动 <style type="text/css"> * { margin:; padding ...

  9. css 清除浮动 兼容IE+, FF

    上代码: <!doctype html> <html> <head> <meta charset="utf-8"> <titl ...

  10. JS知识点摘记(一)

    JavaScript:基于对象和事件的脚本语言 特点: 安全性:不允许直接访问本地硬盘,可做的就是信息的动态交互 跨平台性:只要可以解析JS的浏览器就可执行,与平台无关 JavaScript与Java ...