内容正文:
让图表说话
3
课程导入:信息时代的沟通挑战
信息爆炸时代的沟通困境
互联网带来海量信息,如何让复杂信息直观呈现?
图表设计是解决信息过载的关键工具
提问:生活中你⻅过哪些让你印象深刻的图表?
制作统计图表就是将统计的数据分别归类,并 用数字表示数据间的相互关系。
图表的类别与功能
右图表格的形式与内容所关涉的项目较多,需 细致阅读才能呈现问题,而下面的柱形图则有利于 进行多组数据的比较,更直观,让人一目了然。
什么是图表?
图表的定义与构成
●
图表:表示情况、注明数字的图和表的总称
●
构成要素:图形、文字、数字、色彩
●
常⻅类型:进程图、地形图、分类图、统计图
根据数据统计表制作的柱形图
图表的类别与功能
图表的核心功能:让数据说话
数据的视觉化翻译
将抽象数据转化为直观视觉语言
帮助快速理解数据关系与趋势
案例:学习兴趣与效率的表格
vs
图表对比
学习兴趣与学习效率关系对比
数据洞察
:
数据反映了不同学习兴趣群体的效率分布差异,喜欢组在高效率区间占比显
著高于不喜欢组。
统计图表利用不同的方式呈现出各种数与量的比例和变化。常见的统计图表有折 线图、柱形图、饼形图等。
图表的类别与功能
折线图 折线图有利于直观地表现数据变化趋势。
统计图表利用不同的方式呈现出各种数与量的比例和变化。常见的统计图表有折 线图、柱形图、饼形图等。
图表的类别与功能
饼形图 饼形图能利用面积大小的不同,直观 反映出数据之间的占比关系。
核心要素一:视觉符号
01 简洁直观原则
拒绝复杂的线条堆砌,追求一眼即懂的视觉体验。用最纯粹的图形语言,降低受众的认知门槛,让信息传递零障碍。
02 以图代文方法
将冗长的文字描述转化为高辨识度的图形符号。把抽象的概念具象化,不仅节省空间,更能瞬间抓住观众的注意力。
03 场景化应用
无论是校园海报还是工作汇报,用符号代替文字都能让表达更鲜活。例如用书本代表阅读,用运动器材代表社团。
📄 传统文字描述(枯燥繁琐)
“学校篮球社团现面向全体在校学生进行新学期成员招募,活动将于本周五下午四点整在室内体育馆正式开始,欢迎所有热爱篮球、拥有一定基础或希望学习篮球技能的同学积极报名参与。”
🏀 视觉符号表达(高效吸睛)
篮球社招新啦!🔥
时间:周五 16:00 | 地点:室内体育馆
对象:热爱篮球的你!直接来现场即可~
1.7.2013
第一个要素是视觉符号。原则就是简洁、直观。我们要学会用简单的图形来代替复杂的文字。比如,想表示篮球社团,画一个篮球图标,比写四个字要直观得多。
‹#›
柱形图的设计要点
柱形图的关键元素
坐标轴
X
轴表类别,
Y
轴表变量
图表说明
必要的补充解释
标志性符号
增强趣味性与识别度
案例对比:表格与柱形图
表格的局限性与图表的优势
1
表格
项目多需细致阅读,呈现问题不直观
2
柱形图
多组数据对比清晰,一目了然
3
分析
柱形图如何通过视觉设计简化信息理解
学习兴趣与学习效率关系对比
数据反映了不同学习兴趣学生的学习效率分布情况。
将信息进行可视化图表设计,要将数据语言“翻译”成视觉语言。先对信息进行 真假辨别、优劣选择,然后抽取关键信息,区分信息层级,进行梳理归整,为可视化 图表设计做好准备。
可视化图表设计
要素二:色彩
01 视觉引导与氛围
色彩是信息的“分类器”,能快速划分信息层级,营造轻松或严谨的情绪氛围,瞬间抓住观众眼球,强化内容的记忆点。
02 克制与协调原则
遵循“少即是多”,单页主题色建议控制在3种以内。过多的颜色会造成视觉干扰,保持配色的克制与统一,是提升画面质感的关键。
03 对比与区分应用
利用色彩的冷暖、强弱对比来区分数据维度。例如用理性的蓝色代表男性数据,用柔和的粉色代表女性数据,直观易懂。
1.7.2013
第二个要素是色彩。色彩可以帮助我们区分信息、营造氛围。但要记住一个原则:主题色不要超过三种,否则画面会显得杂乱。比如用蓝色和粉色来区分男生和女生的数据。
‹#›
中期设计色彩搭配原则
中期设计(色彩搭配3原则)
图表设计流程1——前期准备(3步)
流程图解析
流程图要素
通过图形表示各环节,用箭头明确步骤顺序,展现任务流程或逻辑结构。
适用场景举例
创作过程分解,如文章撰写步骤;分类处理流程,如产品分类筛选机制。
常见类型描述
线性流程直观展示单一路径;分支流程加入条件判断;循环流程体现重复操作。
要素三:版式
版式设计是信息的“导演”。核心在于建立清晰的层级秩序,让标题、图表与文字各司其职。拒绝将所有元素无序堆砌,而是通过合理留白创造“呼吸感”,让观众一眼就能抓住重点。
❌ 误区:无差别堆砌
所有元素同等对待,缺乏主次之分。文字、图片密密麻麻挤在一起,没有留白缓冲,导致画面拥堵,观众视线无处落脚,信息传递效率大打折扣。
✅ 正解:呼吸感排版
建立“标题-副标题-正文”的清晰层级,利用留白作为视觉“缓冲带”。让核心信息突出,辅助信息有序排列,画面疏密有致,引导观众视线自然流动,阅读体验轻松愉悦。
💡 版式口诀:先定主次再排版,疏密得当不塞满;留白不是空着看,而是给眼留空间。
1.7.2013
第三个要素是版式。版式就是布局,要做到有序、主次分明。我们要合理安排标题、图表和文字的位置,并且要学会适当留白,让画面有呼吸感,而不是把所有东西都堆在一起。
‹#›
流程图设计规范与错误
扇形图设计要点
确保扇形角度精确反映数据比例,使用不同但不过分鲜艳的颜色区分各部分,明确标注类别及所占比例,环形图内圈直径应为外圈的三分之一到二分之一。
流程图标准化制作
统一使用方框表示步骤,菱形代表决策点,圆圈标志开始与结束,所有箭头需指向明确且不相互交叉。
避免扇形图设计误区
防止角度计算错误导致视觉误导,控制类别数量以保持清晰,避免使用相似颜色造成辨识困难,务必添加必要文字说明。
规避流程图设计陷阱
切勿混用符号含义,杜绝箭头相交现象,保持步骤顺序连贯,图形风格应一致且整洁。
图表类型选择口诀
图表类型选择口诀
要素四:文字
文字的核心作用
作为图表的“说明书”,负责补充关键信息、解释数据含义,消除理解歧义。它能让图表信息更完整、更准确,是连接数据与读者的桥梁。
设计黄金原则
坚持“少即是多”,拒绝冗余堆砌。只保留标题、单位、必要注释等核心信息。做到文字精炼、表述准确,让读者一眼捕捉关键,不产生阅读负担。
💡 规范示例:一份清晰的图表文字说明
2026年上半年降水量统计
单位:毫米 (mm) | 来源:气象统计数据
标题:点明主旨—— 清晰说明图表主题,如“2026年上半年降水量”,让读者一目了然。
单位:明确计量—— 标注数据的度量单位(如“毫米”),避免数据误解,确保信息准确。
注释:补充细节—— 对数据来源或特殊情况进行简要说明,增强图表的可信度和完整性。
1.7.2013
第四个要素是文字。文字的作用是补充说明,让信息更完整。但文字一定要精炼、准确,只放最关键的信息,比如标题、单位和必要的注释,切忌大段文字。
‹#›
梳理设计流程
正如这道工序严谨的美食,信息图表的设计也是一场从构思到呈现的创作之旅。遵循标准化的流程,能帮助我们将复杂的信息转化为清晰、直观的视觉语言,让受众一眼读懂。
设计信息图表就像烹饪一道美味的菜肴,需要精心构思、备料与烹饪。我们将其拆解为四个关键步骤,助你高效产出优质作品。
01 确定主题
明确核心信息与受众目标,找准表达的切入点,为设计奠定基调。
02 选择类型
依据信息逻辑(如对比、流程、数据),挑选最契合的图表形式。
03 设计要素
运用色彩、字体、图标等视觉语言,强化信息层级与可读性。
04 统筹版式
合理排布图文位置,优化视觉动线,确保整体布局平衡协调。
1.7.2013
学会了图表类型和设计要素,我们进入模块三,梳理完整的设计流程。设计一张信息图表就像做菜一样,需要遵循清晰的步骤。我们可以总结为一个四步法。
‹#›
互评环节
作品评价:从数据到表达
评价要点
01
信息准确:数据真实,逻辑清晰
02
类型合适:图表选择与信息匹配
03
视觉清晰:标题醒目,元素⻬全
04
创意独特:设计新颖,吸引力强
互评环节
小组内展示作品,互相提出优点与建议
案例分析:四大要素的协同
01 视觉符号
选用灯笼、粽子、窗花等极具辨识度的节日符号,将抽象的节日文化具象化,一眼传递核心主题,唤醒观众的文化共鸣与记忆。
02 节日色彩
以中国红、鎏金、暖黄等传统色为主调,构建浓郁的节日氛围。色彩呼应文化情感,强化视觉冲击力,营造出喜庆祥和的仪式感。
03 时间轴版式
采用清晰的线性时间轴布局,将不同节日的习俗按时序有序排列。逻辑分明、层次清晰,让信息呈现更具条理性与可读性。
04 精炼文案
用简洁凝练的文字标注习俗名称、由来与寓意,言简意赅、通俗易懂。文字与视觉元素相互配合,完整传递节日文化内涵。
💡 设计洞察:信息图表的核心在于将复杂的文化信息,通过符号、色彩、版式与文字的有机协同,转化为直观、生动且富有感染力的视觉语言,让观众在轻松的阅读中理解和记忆。
1.7.2013
我们来看一个案例。这张关于传统节日习俗的信息图表,就很好地运用了四大要素。用灯笼、粽子等符号代表节日,用红色、金色营造节日氛围,按时间轴排版,并用精炼的文字标注习俗。
‹#›
课后拓展:图表在生活中的应用
拓展任务
观察生活中的图表(如新闻报道、广告、
APP
界面)
分析其设计特点与信息传递效果
尝试用图表记录一周的生活数据(如睡眠时间、饮水量)
思考
图表如何改变我们的信息接收方式?
01
02
03
定受众(谁看)、核心信息(说什么)、效果(要达到啥)处理数据:收集→筛选(留相关)→简化(合并类别)→核实(保准确)选对类型:用口诀匹配数据关系与需求
处理流程
收集数据后,进行筛选留下相关信息,简化分类并确保数据准确性。
图表设计流程:中期设计指南
图表设计流程:中期设计指南
对比类别选柱状,变化趋势选折线;整体占比选饼图,步骤逻辑选流程;多重需求可组合,初学先练单一型。
常规布局原则
标题居上,主体居中,辅助元素(图例)居下/右分类布局:1. 柱状图:留足横轴(类别)纵轴(数值)空间 2. 饼图:居中对称 3. 流程图:步骤多横排、步骤少竖排
避坑点
主体不小、不挤压、留留白,确保图表清晰易读
课程回顾:知识与能力总结
核心知识回顾
图表的定义、构成与分类
常⻅图表类型的特点与适用场景
图表设计的原则与技巧
能力提升
信息筛选与整合能力
创意表达与视觉设计能力
数据分析与问题解决能力
课堂小结:让图表为我们说话
课堂收获
理解图表是信息传递的重要工具
掌握图表设计的基本方法与技巧
体会数据可视化的魅力与价值
未来展望
用图表表达观点,解决实际问题
关注信息时代的视觉素养
感谢聆听
希望同学们在未来的学习生活中,
能用图表传递信息,用创意表达思想!
谢谢大家!
$