提案书图形:先定信息,再动手画

Junho Cho · · 11分钟阅读

Contrl 由领导 APMP 韩国分会(APMP Korea)的 Cliwant 打造。

设想同一页提案书有两个版本。一个版本用三段密密麻麻的文字解释系统切换;另一个版本把同样的计划画成时间轴上的三个步骤,下面一句话告诉评审专家他们能得到什么。大多数评审专家几秒钟就能看懂第二页,到了评分会议上也还记得它。这正是要用图形的理由,也是其中的陷阱:第二页之所以有效,是因为有人在动笔画之前,先决定了它要说什么。

插图:两页提案书并排摆放。左边一位皱着眉的评审拿放大镜看着被灰色文字行塞满的页面;橙色箭头指向右页,同样的内容变成线上三个带对勾的圆圈(中间一个是橙色),上下各有一条橙色标题条和图注条,旁边的评审笑着点头
内容相同,两种页面:一种要读,一种一眼就懂。

提案书图形不是装饰,而是用眼睛看的信息。APMP知识体系把图形看作让提案书更清晰、更有说服力的手段,认为它能同时触及评审专家的理性和情感。实用规则由此而来:先确定信息,写成一句话的图注;按客户的动机来设计;关键图形尽早起草;逐一客观检验;所有图形按同一个一致的标准完成。

本系列逐一解读APMP Foundation学习指南所概述的APMP知识体系。第18期讲的是标题,也就是读者在读任何句子之前先看到的那几行。本期讲评审专家往往在读任何文字之前就先看的元素:图形。

图形为什么能在评审中胜出

学习指南的说法很直接:清晰、有说服力、以读者为中心的图形(包括封面)能提高中标率。它给出的理由值得拆开来看,因为图形赢得版面的方式各不相同。

好图形的作用对评审专家意味着什么
让信息更容易消化关系、顺序和对比一目了然,不必靠文字描述
传达得更快还没开始读段落,要点就已经到达
帮助记忆和理解讨论分数时,评审专家想起的是那张图
同时打动理性和情感既能解释逻辑,也能营造信任之类的感受
体现专业水准做得好的视觉内容,比关于能力的说法更快证明能力
突出重点、形成差异把视线引向方案最强的部分,并定下整份提案书的基调

学习指南还介绍了一项由3M资助、在明尼苏达大学管理学院开展的研究:使用视觉辅助的演示比不使用的演示说服力高出43%。关于记忆这一点,它用一个简单的对比来说明:一边是用一句话给圆下的定义,一边是一张画出来的圆。哪个先看懂,不言自明。

图形不是比文字好,而是与文字搭配才好

这并不是说要用图画取代文字。学习指南在这一点上很谨慎,引用了图形专家迈克·帕金森(Mike Parkinson)和研究者J.R.莱文(J.R. Levin)的观点。两人从不同角度说了同一件事:没有图,想法可能淹没在文字里;没有文字,图可能被读出好几种意思。两者结合,理解和记忆都比只有文字时更深。

放到提案书里,意思是:图形旁边需要一句话告诉读者它是什么意思;一大段文字往往需要一张图来展示各部分如何衔接。真正有用的问题不是“用文字还是用图”,而是“这条信息里,哪一部分看比读更容易明白”。

为客户画,而不是为自己画

学习指南把最常见的失败说得很直白:图形之所以失败,是因为作者为自己而做,而决定谁中标的并不是作者。展示本公司内部架构的组织图,炫耀自家技术架构的系统图,按自己而不是客户的里程碑排列的进度表——都准确无误,却都在回答评审专家没有问的问题。

解决办法正是本系列一再回到的那一点(见第5期):弄清楚是什么在驱动评审专家和决策者,也就是他们的需求、目标和痛点。这样图形才能把你的方案对准这些需求,让你的差异化优势一眼可见。

客户想要的四件事

学习指南把客户的动机归纳为四类收益,取决于客户认为什么是好的、什么是坏的、什么是自己应该拥有的。每一类收益适合的图形形式也不同。下面的图形示例为本文编写。

插图:一个二乘二的格子,四块分别标着Keep、Get、Relieve和Avoid。Keep是被橙色环形箭头围住的房子;Get是一颗橙色星星落进摊开的手心;Relieve是一个人先提着沉重的灰色秤砣,放下后轻松站直;Avoid是一面橙色盾牌挡住灰色雷雨云
保住、得到、摆脱、避免:图形可以呈现的四类收益。
客户想要含义能体现它的图形(示例)
保住(Keep)维持已经拥有的好东西过渡期每个阶段服务水平都保持不变
得到(Get)获得尚未拥有的好东西对比用户一天的工作在新功能上线前后的变化
摆脱(Relieve)去掉现在存在的坏东西把现有流程中的手工步骤一个个划掉
避免(Avoid)防止可能发生的坏事项目时间轴上的每个风险都配上阻止它的保障措施

你对客户的理解应当影响图形的信息、内容,甚至外观。学习指南举了一个很到位的例子:承受财务压力的客户,可能对看起来很昂贵的提案书心生反感,所以设计师可以把风格调得朴素些,避免给人方案定价过高的印象。外观同样在传递信息。

先起草图形,再写正文

学习指南里最反直觉的建议与时机有关:在动笔写提案书之前,尽早确定信息和图形构思。这样团队从一开始就对故事有共同的图景,也能在还来得及补救的时候发现缺口。图形草稿和图注还能充当故事板:撰稿人以这些视觉内容为骨架,往上填充文字。

它还建议,先做一张概括整份提案书的图形,通常是给执行摘要用的(见第6期),在制作其余部分时把它当作地图放在手边。如果团队对这一张图都达不成一致,说明对故事本身也还没有达成一致。

行动式图注

让提前起草成为可能的工具是行动式图注:放在图形下方的一句话,说明图形证明了什么,以及这为什么对客户重要。标签只是给图形命名,行动式图注则直接亮出观点。

标签

“图3. 票务系统切换时间表”

行动式图注

“在新票务系统连续30天零差错运行之前,乘客照旧方式付费。”

这个标签放在任何投标人的时间表下面都说得通。图注则提出了客户在意的主张(不影响乘客),并告诉评审专家在上面的图里该看什么。这与第8期对主题陈述的做法如出一辙:一句话,客户优先,具体到可以打分。

从信息到图形的四个步骤

选定哪些信息值得做成图形后,按学习指南的四个步骤来做。下面套用上文的票务系统示例(为本文编写)。

  1. 概括。用一句话说出图形的意思:“在新票务系统连续30天零差错运行之前,乘客照旧方式付费。”
  2. 说明。列出支撑这句话的细节:每辆公交车上新旧刷卡机并行运行;旧系统保留作为后备;只有在连续30天没有票款差错之后才关闭旧系统。
  3. 可视化。把这句话和细节变成构思,一张草图就够:时间轴上两条平行的长条,旧系统那条要越过“零差错30天”的标记才结束。
  4. 制作。把构思做成符合招标文件在尺寸、字体和格式方面规定的专业图形。
插图:三张卡片由橙色箭头相连,分别标着Sentence、Sketch和Graphic。第一张是一行潦草的手写字和一支橙色铅笔;第二张是用铅笔随手画的草图,时间轴上两根横条和一面小旗;第三张是同一构想的成品图形:一根灰色横条、一根橙色横条,时间轴尽头是一面橙色小旗,下方有一条图注
先有句子,再有草图,最后才是成品图形。

请注意,前两步根本不涉及画图。等到有人打开设计工具时,信息已经定好,细节也已选好,这正是成品能保持简洁的原因。学习指南还补充说,在最后一步把组织的目标和读者的期望结合起来考虑,就能做出更好的美学选择。

设计师在流程中的位置

设计师在流程的哪个环节介入,取决于团队的成熟度。学习指南指出,成熟的组织有明确的图形制作阶段(构思、制作、跟踪、修改)、清晰的角色分工、受过训练的设计师、专业工具以及图形素材库。它们往往很早就开始做图,有时甚至早于正文。这些团队还会记录构思、制作和修改图形各花了多少时间,让提案经理能够合理安排设计支持,做得更快,也花得更少。

客观检验每一张图形

“我觉得不错”不算检验。学习指南给出了需要检查的三个方面,我把它们改写成了可以拿来审视任何图形的问题:

方面要问的问题
目标是否满足招标文件的要求?是否回答了客户的重要问题、提供了客户要求的信息,或展示了选择你而非竞争对手的有力理由?
内容遮住标题和图注,信息还能看明白吗?图中的每个元素都与图注相关吗?
美观每个设计选择都有理由吗?这种风格在说明你是什么样的公司?它与提案书中的其他图形协调吗?
插图:提案书页面上是一条上升的折线图,终点是一个大橙点;一只手拿着空白的灰色卡片盖住图注位置。一位穿橙色外套的评审看着图表微笑点头,头旁有一个橙色对勾
把图注盖住。信息仍然读得出来,这张图形就是成功的。

然后走出团队。把图形拿给不了解你方案的人看。如果他们看得懂,广大评审专家很可能也看得懂;如果需要你来解释,评审专家也同样需要解释,而那时你并不在场。

提案书图形的类型

学习指南把图形分成两大类。传统图形是文档中使用的图形,政府项目和商业项目的提案中都会出现。动画、网络交付内容和视频等多媒体图形,在招标文件对格式限制较少的商业投标中更常见。

多媒体类型是什么需要考虑
网络交付内容通过在线平台交付的文档、视频或其他材料数据安全,以及客户如何访问
视频给设计加入动态制作周期与安排、文件大小、视频托管在哪里
交互元素动画和非线性导航,主要用于演示文件客户实际会如何打开和使用

共同的主题是访问。一段评审委员会在内网里打不开的精彩视频,一分也拿不到。凡是不是静态页面的内容,都要确认客户会如何接收和查看。

六项设计原则

要显得专业,每张图形都应遵循基本的设计原则,引导视线、帮助理解、建立信任。与读者、信息或主题不相称的选择只会适得其反。学习指南列出了提案设计师最常依靠的六项原则。

原则作用实际做法
色彩色彩和对比通常最先被注意到;颜色带有文化和行业含义,并影响情绪每种颜色都有意为之,例如只把一种强调色用于客户获得的收益
风格传达公司的文化,以及对待服务和解决问题的态度风格要配合客户和信息,而不是追赶潮流
一致性颜色、风格、线条和字体统一,显得团队步调一致;做到这一点要花功夫,因此也体现了用心所有分册使用同一套字体、线宽和图标风格
网格看不见的网格让元素间距均匀、排列有序方框、标签和箭头对齐到同样的行和列
平衡两侧视觉重量相近会显得稳定,失衡则让人不安先检查左右,再检查上下
形状斜线有动感,但用多了显得凌乱;水平和垂直线显得稳定、有条理;曲线让人放松计划和结构用水平、垂直线,斜线只用于强调

模板

模板把这些原则变成习惯。它能保证图形一致、合规,减少返工,节省制作时间,还能让整份提案书呈现统一的面貌。学习指南指出,这正是评审专家对成熟组织的期待。像图标、符号这类反复出现的元素该是什么样子,也要在模板里定好,这样每位设计师、每份提案书用的都是同一套。

制作的基本功

有几条实用规则,可以防止好图形在最后一步出问题。

插图:同一张五根柱子的柱状图画在两张纸上。左边那张有条纹背景、星星、涡旋、装饰箭头和花纹各异的柱子,显得杂乱;右边那张上,一只拿着橡皮的手擦掉了杂乱,只留下四根灰色柱子和一根顶上带对勾的橙色柱子
去掉噪音,真正重要的那根柱子就显现出来了。

常见错误

  1. 没想好就动手画。跳过一句话概括,就是在不知道要点的情况下做设计,白白浪费设计师和撰稿人的时间。
  2. 一张图塞太多。同时放好几条信息、放与图注无关的细节、放没人删改过的内容,都会让图形难以看懂。目标是一张图一条信息。
  3. 以为读者和你知道得一样多。对作者来说显而易见的图形,评审专家可能完全看不明白。设计之前,先弄清读者对这个主题了解多少。
  4. 设计选择没有理由。做得粗糙的图形,好一点是平庸,差一点就显得业余。与受过训练的设计师合作,遵循设计原则,每个选择都要有客观理由。
  5. 混淆两种能力。想出构思和把它画好是两种不同的能力,并非每位设计师都两者兼备。分派任务之前,先弄清需要哪一种。
  6. 没有质量把关。错别字、内容遗漏或重复、无法无障碍访问的图形,都会拉低整个公司的形象。做拼写检查、交叉核对,逐一测试交互文件里的链接,最好请别人来复查。

下一份提案书的检查清单

  1. 挑出值得做成图形的信息,从一张概括整份提案书的图形开始。
  2. 每张图形先写行动式图注,用客户的语言说明它证明了什么、客户为什么要在意。
  3. 每张图形对应一种客户动机:他们想保住、得到、摆脱或避免的东西。
  4. 按四个步骤走:概括、说明、可视化、制作。前两步完成之前不打开设计工具。
  5. 把图形草稿和图注当作故事板,在写正文之前使用。
  6. 从目标、内容和美观三方面检验每张图形,并拿给团队以外的人看。
  7. 用模板完成制作,固定颜色、字体、线条样式和图标,并按最终尺寸制作图形。
  8. 检查版权、噪音和无障碍:只用已获授权的图片,不加多余装饰,让每位读者都能访问。
  9. 做好质量把关,核对拼写、重复内容和链接,并记录图形制作耗时,用于规划下一份提案书。

在Contrl中

本期最重要的规则是顺序:动手画任何东西之前,先用一句话定下信息。Contrl在每个章节都按这个顺序来。你先从由制胜主题提炼出的三个核心句候选中选一个,或者自己写一句;接着从三种展开方案中选定这个章节如何展开。只有在这之后,Contrl才用贵公司的设计体系撰写幻灯片,因此每一页的颜色、字体和版式都出自同一个模板,每一页也都会标出所回应的招标需求。信息在画之前就已定下,一致性交给模板,需求标注则在评审专家发问之前就回答了“目标”这个问题。

一个章节在Contrl中从草稿到成品的三个画面。1,一句话:从三个核心句候选中选出“新系统稳定运行之前,乘客照旧方式付费”。2,展开方案:从三种展开方案中选一种,页面区块以虚线线框显示。3,页面:Contrl用以色块和字体条表示的贵公司设计体系绘制幻灯片,并附上“回应招标需求4.2”的标签
先有一句话,再有展开方案,最后才是套用自家模板的页面。

下期预告

再好的图形最终也要放在页面上,而页面有它自己的设计。第20期讲Page and Document Design(页面与文档设计):如何借助文档模板和几种设计技巧,让整份提案书合规、一致、便于评审。

本文是基于APMP Foundation学习指南第4.2版(© 2025 APMP)的独立学习解读,该指南是对APMP知识体系的概述。本文对原材料进行了转述和评论,并未获得APMP认可。开头的场景、票务系统示例及其行动式图注、保住·得到·摆脱·避免的图形示例、设计原则表中的“实际做法”一栏以及插图均为本文编写或制作,其中的数字仅为示例,文中未透露客户名称。权威原文和认证信息请见apmp.org。

常见问题

提案书图形为什么重要?
清晰、以客户为中心的图形让提案书更容易理解、更快审阅、更容易记住,而且不仅诉诸理性,也打动情感。APMP知识体系引用了一项由3M资助、在明尼苏达大学开展的研究:使用视觉辅助的演示比不使用的演示说服力高出43%。图形还能体现专业水准,让方案脱颖而出。不过图形并不总是优于文字:文字和图形一起使用,比单独使用任何一种传达得更好。
提案书中的行动式图注是什么?
行动式图注是放在图形下方的一句话,它不只是给图形起个名字,而是说明图形证明了什么、为什么对客户重要。例如,不写“图3. 切换时间表”,而写“在新票务系统连续30天零差错运行之前,乘客照旧方式付费”。APMP知识体系建议在构思或绘制图形之前,先写好这句以客户为中心的概括。
制作提案书图形的四个步骤是什么?
概括、说明、可视化、制作。先用一句话概括图形的信息;再列出支撑这句话的细节;然后把概括和细节变成视觉构思,通常一张草图就够了;最后把构思制作成符合招标文件规定的专业图形。前两步处理的是信息,只有后两步才是动手画。
如何评估一张提案书图形是否有效?
检查三点。目标:是否满足需求,是否回答了客户的重要问题,是否展示了选择你的关键理由。内容:去掉标题或图注后,信息是否仍然清楚,图中每个元素是否都与图注相关。美观:每个设计选择是否都有目的,风格是否与其他图形一致。然后拿给提案团队以外的人看;如果他们看得懂,大多数评审专家也很可能看得懂。
可以在提案书中使用网上找到的图片吗?
未经许可不可以。无论是否标注版权声明,图片通常都自动受版权保护。除非图片属于公有领域,或你的使用符合合理使用规定,否则都需要取得版权所有者的许可,无论免费还是付费。购买图库图片时,要确认授权允许商业用途,而不是仅限于新闻编辑用途。

由你决策,由AI撰写。

上传RFP,Contrl会与你一起完成从分析、策略到幻灯片的全过程。第一份提案书免费。

免费开始 →