信息图 - 优设网 - 学设计上优设

菜单优设网 - 学设计上优设

会员

开通优设VIP星球

尊享13项VIP特权持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

VIP优先接，累计金额超百万

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

开通VIP

领取更多设计师实用特权

投稿

信息图话题

想把数据可视化做好？这 20 个超实用的经验总结一定要先看过！

信息化视图

想把数据可视化做好？这 20 个超实用的经验总结一定要先看过！

这篇梳理了 20 个可视化设计的常见技巧，实用性和指向性都非常强。

2021/08/26

信息图工具

顶级团队出品：复杂UI界面的8个核心设计法则

UI

顶级团队出品：复杂UI界面的8个核心设计法则

复杂应用大多情况下是偏专业和B端的一些UI界面，它们大多出现在桌面端使用环境，并且终端用户类型多样，涉及流程、链条、业务也大多呈现出多变复杂的特征。这篇文章，来自UX设计领域的顶级存在NNGroup，作者为凯特·卡普兰。到底什么是复杂应用？

2020/12/04

搭建网站这件事情，这些年经历了怎样的变迁？

信息化视图

搭建网站这件事情，这些年经历了怎样的变迁？

疾速进步的技术，使得网站搭建的方法每过几年就会有不小的改变。那么这些改变具体是怎么发生的，驱动变化的技术又是何时诞生的？今天用一张信息图为你呈现网站搭建技术演进的简史。

2019/01/29

信息可视化

数据可视化的盛宴！凯度信息之美2018年获奖作品揭晓

信息化视图

数据可视化的盛宴！凯度信息之美2018年获奖作品揭晓

凯度信息之美大奖是一个由 David McCandless 于2012年所创立的奖项，用来甄选当年最优秀的数据可视化、信息图、交互和艺术领域最卓越且最富美感的设计作品。David McCandless本人是信息之美的记者，这一奖项在创立之初，奖项的评选工作主要是由他和当时凯度的创意总监 Aziz Cami 一同主持，现在则是由凯度现任的创意总监 Emma Whitehead 接手。奖项的评选过程不仅有一个完整的信息设计领域的专家小组来评判，而且还会通过公众投票，这其中包括超过30万名社区成员。

2018/12/14

动态信息图

这张信息图告诉你，全球电商行业未来的趋势

教程

这张信息图告诉你，全球电商行业未来的趋势

60份行业统计和趋势报告，为你揭示电商行业的未来趋势！

2018/09/18

2018设计趋势

更专业的信息图设计，从这8款免费的信息图工具开始

信息化视图

更专业的信息图设计，从这8款免费的信息图工具开始

数据的处理呈现应该是每个设计师的必修课。如何快速有效地将数据转化为吸引人的设计，是设计当中无法回避的需求。复杂的数据在通过设计师消化转化成为更具视觉吸引力的图形，这能让让它们更容易被读者理解和获取。

2017/11/22

信息图工具

腾讯设计师：超实用的数据可视化零基础教程

教程

腾讯设计师：超实用的数据可视化零基础教程

近日星巴克与微信推出的社交礼品功能“用星说”，可以说刷遍了朋友圈。无论你爱不爱喝咖啡，星巴克似乎都成为了一种文化象征。上班族青睐，小清新喜欢，基本上大家看到绿色的人鱼标志就能马上认出它来。

2017/07/11

信息可视化

让你的数据动起来！谷歌在线黑科技将数据快速做成GIF动画

酷站推荐

让你的数据动起来！谷歌在线黑科技将数据快速做成GIF动画

这几年 GIF（Graphics Interchange Format）图像互换格式有起死回生的迹象，或许不能说 GIF 真正离开过，至少它算是早期网络速度还不快时最受欢迎的图片格式（最早出现为 1987 年，至今已经超过 30 年时间），试想当时网速就连开网页都要等很久，怎么可能会有影片串流？GIF 动态图是会动又不太占流量的最佳选择。Google 也看准这一点，近期推出很有趣的在线动态图制作工具「Data GIF Maker」（趋势可视化工具），将无趣的数字图表转为动态 GIFs 格式，让枯燥乏...

2017/06/11

超全面！信息图形设计知识全方位科普

信息化视图

超全面！信息图形设计知识全方位科普

编者按：为什么要做信息图？信息图有哪些分类？好的信息图应该是怎样的？

2017/05/23

信息图制作流程

58 LUX丨如何从零开始做出数据可视化的动效图？

信息化视图

58 LUX丨如何从零开始做出数据可视化的动效图？

58作为中国最大的分类信息网站，其服务覆盖了生活的各个领域及中国所有大中城市。在58高速平稳发展的今天，我们希望用数据可视化的效果来整合展现58集团的数据资源，让大家全方位了解58的价值。由此，我们启动了“城市脉动”项目。

2016/12/08

信息图制作流程

轻松10招，教你用Sketch绘制美观可维护的数据图

信息化视图

轻松10招，教你用Sketch绘制美观可维护的数据图

编者按：今天这篇好文，@Alpha_Lynnn 手把手教你用Skecth 生成数据图的坐标轴、实现数据节点、制作波峰波谷，绘制散点图等等，都是动图演示，简单易懂，赶紧来学。不瞒你说，我可是设计过很多图表的人了。甚至我都觉得该拿个数据科学荣誉博士学位~或者，至少在胳膊上纹一个对数散点图什么的。

2016/12/05

少年，你该开始着手做信息图设计了

信息化视图

少年，你该开始着手做信息图设计了

编者按：现如今信息图已经不是什么新鲜东西了，但是关注度依然很高。这种信息呈现方式有着先天的优势，设计技巧不少，工具也相当多，而信息图本身也常常被归类为“优质的内容”，那么你是否也该试试信息图设计呢？将信息重新组织、视觉化地呈现出来，就是我们常说的信息图。

2016/08/22

信息图制作流程

超全面！一份详尽实用的信息可视化绘制指南

信息化视图

超全面！一份详尽实用的信息可视化绘制指南

编者按：今天这篇文章不仅介绍了6种常见可视化图表的类型，包括每种图表的适用场景和优劣势分析，而且附上了10个简单好用的数据可视化使用小贴士和制作信息可视化的5个流程，特别实用，一起来学习。我们常常迷失在数据中，纷繁复杂的数据让我们无所适从。可视化作为解决这问题的有效手段，通过视觉的方式让数字易于理解。

2016/07/08

信息图制作流程

字体界的黑科技！输入数字立刻生成酷炫信息图的字体

信息化视图

字体界的黑科技！输入数字立刻生成酷炫信息图的字体

编者按：今天这款外挂级的字体必须颤抖着推荐给大家！安装字体后只要输入数字，就可以瞬间得到信息图，包括柱状图、饼状图、雷达图、玫瑰图等7类图表，完全不用多余的操作，而且作品也美观好看，绝对是业界良心！一起来看@凡屋SH 写的使用教程。

2016/05/07

信息图工具

全世界都在学他！伦敦地铁图背后的天才设计师Harry Beck

信息化视图

全世界都在学他！伦敦地铁图背后的天才设计师Harry Beck

@十萬個為什麽：在上一期《11名顶尖设计师的设计启迪》中，我们提到过伦敦地铁图的设计，这是人们首次通过设计抽象化绘制出的地图，将错综复杂的系统变成了易于理解的网络。关于这个话题，可乐橙意犹未尽，本期带来这篇地铁图背后的故事，还有它的传奇作者。© Ken Garland，由伦敦交通博物馆提供Harry Beck的肖像并没有出现在任何硬币或邮票上，但他的影响遍及伦敦。

2016/03/21

腾讯干货！超全面的APP数据图表展现方式深度总结

教程

腾讯干货！超全面的APP数据图表展现方式深度总结

@腾讯ISUX Viconia：之前研究过一段数据图表的最佳表达方式，随着手机端应用层出不穷地发展，这次将数据图表的表现延用到手机端。相比 Web 端展示数据的空间优势，要兼顾手持设备的便捷、简明而重点的特质，手机端该如何取舍？是否有更加合适的表现方式？

2015/12/28

配色教程特别版！3个技巧搞定可视化信息图的色彩搭配

信息化视图

配色教程特别版！3个技巧搞定可视化信息图的色彩搭配

虽然如今好的配色方案已经唾手可得，但想为数据可视化找到合适的配色方案，难度仍然不小。因信息图的独特属性，在保证色彩具有清晰辨识度的同时，还必须满足丰富而不凌乱的配色要求。不过即使你对色彩不敏感，用了今天这篇干货提到的3个技巧，也能轻松制作出好看的信息图。

2015/11/29

职业进化论！图说2015用户体验行业调查报告

教程

职业进化论！图说2015用户体验行业调查报告

编者按：想了解同行都是谁？他们薪资有多少？哪些人想跳槽？

2015/11/02

新鲜热辣！25个必备的信息图表素材免费下载

下载

新鲜热辣！25个必备的信息图表素材免费下载

想寻找信息图设计的灵感？还是在补充信息图的矢量素材？今天推荐这25组信息图素材，够你用上一阵子了。

2015/09/22

信息图工具

将信息视觉化！13款靠谱实用的信息图制作工具

信息化视图

将信息视觉化！13款靠谱实用的信息图制作工具

大量的数据和信息怎么展示才好玩儿？答案当然是信息图。信息图的流行已经有几年之久，但是做的足够好的终究是少数。

2015/07/26

信息图工具

当红设计趋势！揭秘信息可视化图表的设计方法

信息化视图

当红设计趋势！揭秘信息可视化图表的设计方法

编者按：今年最火的信息图教程来了！本文是百度同学总结的，包括信息图的6大类型和信息图设计流程两个方面，每方面都有细致展开，包同学们看得懂，学得来 >>>信息可视化包括了信息图形、知识、科学、数据等的可视化表现形式，以及视觉可视化设计方面的进步与发展。地图、表格、图形，甚至包括文本在内，都是信息的表现形式，无论它是动态的或是静态的，都可以让我们从中了解到我们想知道的内容，发现各式各样的关系，达到最终解决问题的目的。

2015/05/19

信息图制作流程

膝盖亮出来！制作信息图时五个最容易犯的错误

教程

膝盖亮出来！制作信息图时五个最容易犯的错误

大家在设计信息图时，常会犯下几个错误，本篇指南特别点出五个最常犯的错误，掌握好这五个技巧，下次你不只可以用信息图介绍你自己，甚至找到好工作，国外现在很流行自己制作信息图当做履历表，据说此方法求职成功机率相当高阿！说起Infographic，大人物曾经利用过相当多的类似图解，来说明一个现象，一个社会状态，或是告诉网友一些有意思的事情，比起打文章、做设计，Infographic可说是两者都必须要取得相当的平衡，制作一张好Infographic可说是和设计一个好LOGO一样困难阿！一、字体的滥用如果完美的...

2014/12/20

绝对精品！15个有趣的网页设计相关的信息图

信息化视图

绝对精品！15个有趣的网页设计相关的信息图

编者按：近来信息图越来越火，国外有很多制作精良的作品，辣么今天分享一些精品，值得一提的是，这些信息图都是设计相关，从“什么是响应式设计”到“网页设计的发展历史”，还有“建一个网站得花多少钱“的信息图，应有尽有，全部看一遍特别涨姿势，尽情沉浸吧！想学习信息图信息图设计？来这里看看：《经验分享！

2014/10/22

信息图工具

狂跩酷炫霸！26款独一无二的信息图模板免费下载

信息化视图

狂跩酷炫霸！26款独一无二的信息图模板免费下载

越来越多的地方开始需要信息图了，但是要将挠头的数据转化为美轮美奂的信息图又是一个无比心塞的过程。于是你无比清晰地意识到，你需要一个信息图模板了。一款靠谱的信息图模板能让你告别兄弟部门“不够高大上”的吐槽和坑爹的加班，你再也不用走下末班车走进开封菜了…

2014/09/24

想做热门信息图？得先搞懂数据可视化的五虎将

信息化视图

想做热门信息图？得先搞懂数据可视化的五虎将

因为接下来要做卖家后台数据纵横的改版，对数据可视化这块儿又进行了研究和心得的整理，跟大家分享下数据可视化常用的五种方式，希望能给大家带来思路的拓展。概念借助于图形化的手段，清晰、快捷有效的传达与沟通信息。从用户的角度，数据可视化可以让用户快速抓住要点信息，让关键的数据点从人类的眼睛快速通往心灵深处。

2014/09/05

超实用！12组新鲜热辣的信息图矢量素材免费下载

下载

超实用！12组新鲜热辣的信息图矢量素材免费下载

信息图作为热门的阅读形式，优点众多（直观、表现力强，吸引人等等），今年的信息图热门程度不减，是很多设计师大展拳脚的好机会。今天分享一组新鲜热辣的信息图矢量素材，类型多，有的甚至可以上手就用。当然，这些素材用在PPT上也是个绝好的宝贝，来试试吧！

2014/08/31

大开眼界！腾讯游戏流程规范信息可视化项目实战

信息化视图

大开眼界！腾讯游戏流程规范信息可视化项目实战

比起白开水，冰淇淋明显是比较好吃的嘛（除非你对甜食有着强烈的抗拒情绪）。那么对于你的眼睛来说，自然也是比较想要"吃冰淇淋"的咯！近年来各种数据可视化、信息可视化图的兴起，科普知识、研究报告、信息图表摆脱以往单一的数据文字内容，不再冷冰冰而有了自己的"味道"。

2014/06/12

信息可视化

7个步骤教你制作出让人疯传的信息图

信息化视图

7个步骤教你制作出让人疯传的信息图

@Mark_Grove ：随着社交媒体的兴起，全民进入读图时代。有三种图，在社交媒体中最受欢迎：1.搞笑内涵Gif图，不用太多文字，一句"你懂的"就有四两拨千斤的效果。2."亮点总在最后"长图，巧妙的伏笔和意外结局让看过的人无法抗拒、纷纷疯狂转发。

2014/05/15

信息图制作流程

经验分享：一幅热门信息图诞生的前世今生

教程

经验分享：一幅热门信息图诞生的前世今生

@任远媒体实验室：这个项目从数据分析－视觉通道－视觉结构－视觉设计，经过多次迭代的方式，最终得到了一个还算满意的设计。现在和大家分享一下我在做这个设计时的思路：信息图设计方法好文：《图解力：跟顶级设计师学作信息图》《经验分享！超赞的静态信息图设计方法》《经验分享：热门有趣的信息图是怎样诞生的？

2014/03/19

信息图好帮手！一组矢量信息图元素免费下载

信息化视图

信息图好帮手！一组矢量信息图元素免费下载

优设哥发现一个有趣的现象，现在几乎每过几天就会来一些朋友或者单位寻求信息图制作服务的，每张图2K-1万不等。2014年，将会是信息图爆发的一年，也会是信息图设计师增值的一年。学会此设计手法，将会有更多筹码。

2014/02/24

1/2

1
2
下一页
前往页

大家都在看

用户体验设计

文章 327

设计史

文章 145

入门

文章 162

优设大课堂

文章 138

设计圈干货

文章 188

设计规范

文章 210

动效设计

文章 206

视觉设计

文章 190

ps技巧

文章 643

热门频道

设计专题

热门设计知识精挑细选

细节猎人

1分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

优设9图

优设爆火的干货频道

设计问答

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

@
优秀网页设计
380W粉丝！每日更新设计干货
@
优设
强烈推荐！优设官方品牌微博
@
优优教程网
官方微博，海量教程看不完
@
优设基础训练营
零基础入门，带你成为软件高手
官方群
优设官方微信群
01优设25+设计师交流群
02优设30+设计师交流群
03优设求职招聘群
04优设同城交友群
05优设私单群
06优设学生交流群

07优设UI设计师交流群
08优设插画师交流群
09优设平面品牌设计师交流群
10优设3D设计师交流群
11优优教程自学团
12优设VIP知识星球交流群
微信扫码添加管理员招财

微信号：uisdc411

严格审核打造高质量交流群

进群会有面试题谢绝打广告
优设微信

每天官微五分钟

一年萌新变大神

扫码关注

1000W

优设新媒体矩阵等你来关注

优优教程网

优设大课堂

设计师导航

优设训练营