• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 腾讯的设计到底好在哪?高手是从这3个维度分析的!

腾讯的设计到底好在哪?高手是从这3个维度分析的!

作者:苏大大大牙 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含App设计,交互设计,用户体验,经验分享,腾讯等相关知识,苏大大大牙希望在学习及工作中可以帮助到您

@苏大牙牙牙 :说到腾讯,大多数设计师对他们的体验设计,还是比较认可的。那么,腾讯的设计到底好在哪呢?体量这么大的公司,如何处理好各种产品设计风格之间的关系呢?又有哪些体验让你眼前一亮?今天大牙就跟大家一起来分析一下。

一、影响设计体验的因素有哪些?

影响设计体验的因素有很多,大到整个品牌给人的震撼,小到一个细节的感动。下面,我就从三个维度来分析腾讯产品的设计:品牌、 品质、创新。

二、品牌

品牌对于一个产品或公司的重要性,不必多说大家也知道。那么,从品牌的建立到品牌的运用,设计师通常会考虑3个方面:

  • 品牌的统一性(增强用户心智)
  • 品牌的差异性(区别于竞品)
  • 品牌的延续性(品牌基因拓展)

1. 统一性

市面上体量较大的产品有很多,比如:腾讯、阿里、百度、网易等等,他们都是有非常丰富的产品族群,那么他们如何进行品牌统一的呢?

像网易、百度等公司,都是通过大量运用品牌色,来加强用户对品牌的认知。比如,网易的产品以红色为主,百度以蓝色为主。这么处理,直观感受很统一。

然而,从下图可以看出腾讯的色彩运用更广、更多样,难道他们没有考虑到品牌的统一性么?

其实通过调研可以发现,它们的色彩运用还是有规律可循的。比如运用蓝色,一般都是体现安全性,权威性的产品,比如:微云、手机管家、QQ 安全中心……

运用黄色,是体现娱乐,年轻,积极的产品。比如:QQ 空间、兴趣部落、DOV……

运用红色,是体现时尚,热情的产品。比如:闪咖、全民 K 歌、欢乐斗地主……

所以可以看出,腾讯是把「统一性」的颗粒度规范的更小,给不同类型产品更大的发挥空间。

2. 差异性

大家都知道,越大的公司做的设计越倾向于保守,因为它会面临着品牌或设计规范的束缚。

而腾讯会根据产品的市场环境,以及用户群体,允许设计师跳脱规范,做出更大的差异性,让设计有足够的发挥空间去跟市面上同类产品进行竞争。

比如,在14年音频产品大战的时候,市面上音频产品有很多,但是整体来看,很难看出差异性,仿佛是一家外包公司做的。

然而企鹅 FM,以独特的视觉品牌,及创新的设计交互手法,走差异化路线,让人们所熟知并记住。

3. 延续性

说起腾讯,大家都会想起他们的「企鹅」形象。这也是他们品牌的成功之处,因为将品牌基因充分的延续在产品上,会增强用户的品牌感知。

下面是一些结合「企鹅」的 logo 探索。

并且,通过品牌与线下活动的结合,做出一致性推广。

所以,腾讯产品在品牌方面是:提取共性,缩小颗粒度,按不同属性做统一化处理;突显个性,根据市场环境,给设计更大的发挥空间,做突显个性的设计,让产品脱颖而出;延续基因,对自己的品牌基因做更好的延续,增强用户的品牌感知。

三、品质

体验一个商品或产品的品质好坏,不是单方面的,而是全链路的。

就像我们去逛奢侈品店,从你进店的直观感受,到你关注的产品细节,再到导购对你的贴心服务,都会影响你对这个产品品质感的认知。

所以我把影响品质的元素分为三个部分:

  • 直观感受
  • 产品细节
  • 情感关怀

1. 直观感受

我拿某读书 APP 和微信阅读举例对比。

作为新用户,当我打开某阅读 APP 时,一上来就开始各种引导、浮出小广告、签到代金券、积分商城,等等。

这种感受特像你走在路上,小哥一直跟着你说「游泳健身了解一下」的感觉。

对比腾讯的微信阅读,新用户上来没有一大波无关紧要的引导,而是给用户一个新手福利,同时设计的也比较精致。

当左滑卡片式,出来一个黑色的卡片,告诉我是多少位书友,点击卡片反转,是一些大 V 的赠言。一上来就很有仪式感的设计。

针对老用户,过年期间做运营,会根据用户由于假期综合症,没缓过来好好学习工作的情况,推荐类似如果摆脱拖延症,时间管理的书。

所以,从直观感受上来说,对比其他的读书应用,微信给人的第一感觉就更有品质感。

2. 产品细节

如果还拿刚才的两个读书类产品做对比,左边的阅读 APP,当用户选中文字想翻页复制或标注时,是不支持的,可操作感就不强。而右边的微信读书,当你长按到最后一个字符的时候,恰当的时机给出简洁的提示。

虽然是个小小的细节,但在我有这个需求的时候,很感动。

还有一些图标的细节,对比可以看出微信读书的非常统一精致。

包括文字的排版,信息的优先级处理,微信读书更表意清晰,重点突出。

我觉得,腾讯的设计最值得我们学习的是,虽然微信读书在公司层面上不是那么核心的产品,但他们在细节的打磨上,并不松懈,从而在市场同类产品中上脱颖而出。

再举个腾讯游戏的例子,王者荣耀,里面的细节设计,包括升段位或拿 MVP 时的音效和视觉双重体验,都让你觉得王者峡谷里我是最牛逼的!

3. 情感关怀

还拿微信图书举例,如果你送给朋友一本书,它会默认生成一句手写的赠语,特别的人性化。

当你滑卡片滑到尽头时,文案提醒也很暖心。这些小小的情感上的惊喜的不断累积,也会增加用户对这个产品的黏度。

所以,总的来说腾讯产品在品质方面值得我们学习的是:懂得克制,不管在功能引导还是在产品 kpi 的压力下,都尽可能的做减法,保证用户体验;匠心精神,不管是大产品,还是小产品,它们对体验的打磨都非常的用心;深入人心,除了满足产品的基础使用的基础上,运用更多的人性化设计和文案。感觉跟用户是朋友,整个使用过程都在对话。

四、创新

说到腾讯的创新,肯定有很多同学会说:「它有创新么?不也各种抄袭么?」。但是人家能抄的比原创更好,比别人更深入,也是一种能力。

不过,我这里说的创新是,相比较别的体量大的公司,腾讯的创新设计方案更能做到:

  • 大胆的落地

您可能想查找下面的文章:

  • 手机APP用户界面设计的10点建议
  • 关于音乐播放App(应用软件)的分析与重设计 如何设计出漂亮的音乐播放界面
  • 写给新手的APP结构指南:首页相关(上)
  • 基础科普!重复与突变在产品设计中的应用
  • 超全面的导航设计基础知识总结(一)
  • 写给UI新手的APP结构指南:注册和登录
  • 用户体验是一种过程,而不是结果
  • 超全面的移动端UI 设计规范整理汇总
  • 感觉设计不舒服但又不知道原因?可能是这8个常见的交互细节问题
  • 这个帮你改善睡眠的APP,是这样设计出来的

相关文章

  • 2018-08-23【2018UCAN】“YUAN”——设计的自我蜕变与重塑,等你来!
  • 2018-08-23超全UI设计规范,带你了解规范设计全流程
  • 2018-08-23在配色这件事情上,总会有一些有趣且有用的小技巧
  • 2018-08-23为什么几个人的小团队更加高效更加靠谱?
  • 2017-08-06网页图片优化工具及使用技巧分享
  • 2018-08-23给设计师的2018年阅读推荐书单
  • 2018-08-239个小技巧,让你的作品也能上Behance 热门!
  • 2018-08-23为什么大家都想学服务设计?来看CEO 的亲身经历!
  • 2018-08-23春节专题!App 设计系列之提示的概念和设计要点
  • 2018-08-23一对一提问!设计师应该如何切入产品设计工作?

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 语音交互设计中,如何创建角色画像?
    • 全球化设计系列!从这四个方面快速入门全球化设计
    • Unicode签名BOM引发的事故原因分析
    • 内容为王的时代,阿里设计师用实战案例解读内容化设计!
    • 网易考拉设计师:如何用心理学提高产品价值?
    • 腾讯好文!从零开始搭建数据可视化系统的实用指南
    • 用一张交互设计画布,让你快速掌握交互设计基础(附PDF下载)
    • 超实用!手机摄影如何拍出高大上的感觉?
    • 网易资深视觉设计师:如何系统优化APP?
    • 表单元素垂直居中完美解决方案

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有