海报设计原理

内容创作

给设计新手讲海报的构图、色彩与信息层级:先定阅读顺序,再排文字与图,最后按交付场景核对尺寸与输出。

第一次做海报,常见的结果是:素材都好看,拼在一起却不知道眼睛该先看哪儿;文案全塞进去,远看一团糊。这篇不讲软件操作,只讲三件事怎么落地——版面怎么分、颜色怎么配、信息按什么顺序排。照着做,能出一张站得住的海报;也会说清哪些场景这套原理不适用。

第一次做海报,常见的结果是:素材都好看,拼在一起却不知道眼睛该先看哪儿;文案全塞进去,远看一团糊。这篇不讲软件操作,只讲三件事怎么落地——版面怎么分、颜色怎么配、信息按什么顺序排。

照着下面的顺序做,能出一张站得住的海报。但先说清一点:这套原理是给「有人要从海报上读到信息并产生动作」的场景准备的,贺图、纯装饰、内部通知那类物料不必套用。

先定阅读顺序,再动手排版

开工前先写一句话:谁在什么距离、几秒内要看到什么。这句话决定了主标题放哪、能放多大。如果落笔时说不出来,说明需求还没理清,先别打开软件。

  1. 写传播目标用一句话写下阅读者身份、观看距离和期望动作,贴在画布旁边,后面所有取舍都回看这句话。
  2. 切三块占位把版面切成主视觉区、标题区、信息区,先用灰底方块摆位置、调比例,比例没定下来不要填内容。
  3. 做远看测试把稿子缩到手机屏幕大小,或退后几步看:第一眼能读到核心信息就过,读不到就回去调字号与对比。
  • 主标题的字号上限由观看距离决定,不是由你想放多大决定
  • 信息区永远放最后,没地方放就压缩主视觉,别挤标题
  • 远看测试至少做两次:一次在铺完占位之后,一次在成稿之后
  • 不适用的情况:纯装饰性节日贺图、内部活动通知这类没有转化目标的物料,不必强行做层级

构图:让画面站得住的几种基本结构

构图不需要天赋,先选一种结构再动手。居中对称最好上手,适合单主体、正式或促销感强的海报;对角与三分法更适合带场景图的物料。选定一种就贯彻到底,中途换结构最容易散。

结构适合什么物料注意点
居中对称单主体、促销、正式通知主体要够大,两侧留白保持一致
对角构图带场景、有动感的素材视线起点放左上或右下,别两头都抢
三分法主体需要和环境共存交点只放一个重点,其余交给留白
上下分区信息多、图文并列分界线要清楚,别让两块互相渗色

留白不是浪费,是给主体让位。版面拥挤时优先删元素,而不是缩字号——缩到最后远看一样糊,还损失可读性。

  • 用对齐和网格把零散元素串起来,左对齐或居中对齐各选一种贯穿全图,别混用
  • 主体不要压边压出血,文字不要贴边太近,四周边距保持一致
  • 文案、图标、二维码属于同一个网格系统,位置来源于对齐关系而不是感觉
  • 检查顺序:主体是否压边——文字是否贴出血——边距是否四边一致——视线是否从大到小走得通

色彩:先定主色,再谈搭配

配色的第一步不是挑好看的,是按用途定色系:促销偏暖,科技偏冷,食品偏暖且饱和。先定一个主色,再选一个对比色专用于重点信息,剩下的颜色都是陪衬。

  • 文字与底色的对比度优先于美观,浅底浅字、深底深字一律改掉,宁可换底色也别硬扛
  • 全画面颜色控制在三种以内(含黑白灰),需要更多层次时用同色系深浅,而不是加新颜色
  • 重点信息只用一种强调方式,比如暖色加粗,别同时换字体、换底色、加描边
  • 拿不准就去站内设计工具目录翻同类成品对照,别闭着眼睛调色

什么情况下不适用:如果物料本身要求压倒性的视觉冲击,比如线下灯箱或舞台背景,可以短暂突破三色原则,但仍要保证核心文字在预定观看距离上读得清。

信息层级:把文字排出先后

把文案按重要性分三层:核心信息(主标题、价格、时间)、支撑信息(副标题、卖点)、辅助信息(地址、二维码、免责说明)。三层的字号要拉开明显档次,不要出现两种接近的字号抢位置。

层级放什么常用手段
核心主标题、价格、时间最大字号加高对比色,位置单独占一块
支撑副标题、卖点、一句说明中等字号,靠粗细和颜色区分
辅助地址、二维码、联系方式小字号或压在底部,不参与抢视线

层级靠字号、粗细、颜色、位置四选二,别四种全上。文字精简到能一眼扫完,长句拆短句,能删的形容词先删掉。

交付前逐项核对:二维码能否扫出、联系方式是否写全、尺寸与出血是否符合投放渠道要求。这些数字随渠道变化,到站内指南中心核对当时的规格说明,不要凭记忆填。

下一步原理讲完了,落地时最容易踩坑的是渠道规格和工具选型。到站内指南中心看尺寸与出血清单,顺手把自己常用渠道的规格存成模板,下次直接套。

常见问题

没有设计基础,海报从哪一步开始做最不容易翻车?

先别打开软件,用一张纸或备忘录写下阅读顺序:观众先看到什么、再看什么、最后要做什么动作。把这三句话排序好,版面的位置和字号基本就定了。顺序没想清楚就上手,多半会变成素材堆叠。

海报颜色总是显得很乱,有没有简单的控制办法?

把颜色数量压到三种以内,一个主色占大面积,一个对比色只用在按钮或重点文字上,其余用黑白灰过渡。需要更多层次时,只调同一颜色的深浅,不要引入新色相。这样即使配色不专业,画面也不会脏。

同样的原理,做电商主图或朋友圈长图也能用吗?

能用的部分是信息层级和远看测试,这两个到哪都成立。不适用的是构图比例:不同渠道对尺寸、留白、文字占比有各自的要求,规则不一样。投放前先去对应渠道核对尺寸与规范,再按本篇的顺序调整版面。

本文依据各平台公开文档与官方公告整理,只做中文归纳;具体做法、参数与限制以官方文档为准。