ARTICLE DETAIL

资讯详情

深耕郑州网站建设与运营推广的一线实战洞察。

零基础海报设计指南:用信息排版思路快速做出不踩坑的商用图

零基础海报设计指南:用信息排版思路快速做出不踩坑的商用图 老板让你做海报只想哭说实话我见过太多第一次做海报的人了。新媒体小编、行政、销售、创业团队里临时被抓壮丁的“半个设计师”打开编辑器的瞬间就愣住不知道从哪里下手。这不是审美不行也不是手笨而是大多数人根本没搞懂海报背后那套核心设计思路。我做了不少年视觉相关的工作经手过的海报少说也有上百张可以很负责任地告诉你做海报不是画画而是把信息排整齐再给它化个妆。只要掌握了这条思路哪怕你连专业设计软件都没装过用在线工具一样能交出一张老板看了不皱眉、发到朋友圈有人问的海报。这篇内容就是写给所有被海报“绑架”过的人从完全没有基础到能独立做完一版能用的海报你缺的不是天赋是一套按部就班能照抄的流程。1. 先别急着开软件把海报当成“信息排版”来做1.1 老板说“简单做张海报”时真正要问清的5个问题很多人接到需求后的第一反应是立刻打开工具找模板这其实是返工率最高的起点。因为老板嘴里的“简单海报”和你的理解往往不是一个东西。他说“简单”可能只是表达“不需要多复杂”但活动名称、时间地点、报名方式、二维码、LOGO、赞助商名单在他的潜意识里一个都不能少。这些信息不是靠审美画出来的而是靠沟通问出来的。我建议你在打开任何软件之前先花五分钟问清楚五件事并且用聊天记录确认一遍。第一给谁看。是发给老客户还是吸引新用户是针对大学生还是职场管理层。人群不同主标题的语气、整张图的色彩逻辑都不一样。第二看完要做什么。扫码报名、打电话咨询、到店消费还是转发集赞。如果行动指令不清晰海报等于白做。第三最核心的一句话是什么。比如“早鸟票立减100”“新品第二件半价”“本周六现场招聘”。这一句话就是后续整个画面里最该被看见的主角。第四在哪里用。手机朋友圈竖图、公众号头图横图、门店易拉宝还是打印出来贴墙上。尺寸和分辨率要求完全不一样。第五截稿时间。没有时间节点审美就无从谈起而且还要问一句第一版什么时候需要给老板看先出一版粗糙初稿再慢慢细化比一个人憋大招稳妥得多。这些确认信息最好用文字发给对方不加修饰地说一句“我按这个方向做你确认一下”就够了。微信聊天记录本身就能帮你少背很多锅。等老板中途改需求你至少可以说“当时确认过是这个方向。”语气上注意配合这不是为了抬杠而是为了双方省时间。如果老板给了一个特别模糊的需求比如“做个活动海报要有格调”你千万不要追问“什么是格调”而是把开放题变成选择题你更想要深色还是浅色需要照片打底还是纯色背景主标题想突出哪个词选项一给出来沟通速度会快很多。1.2 动手前先写文案把视觉主角定下来做图之前我习惯先打开备忘录写三行字主标题、副标题、关键信息。你可能觉得这不是设计师的活但海报的信息和文案就是骨架骨架歪了外面包再好看的皮也没有用。主标题的写法只有一个逻辑短、动词、利益点。活动海报如果把主标题写成“一起去看秋天的第一场展览”没问题但假如活动有早鸟票改成“早鸟票开抢”加上截止日期冲击力立刻不一样。招聘海报写“某某公司招人”远不如“加入我们年薪20万起步”让人愿意停一秒。促销海报把“第二件半价”放在明面上好过“惊喜优惠”这种模棱两可的话。主标题负责让人停下来副标题负责让人知道这是什么活动、为什么值得参加关键信息则包括具体时间、地点、报名方式、价格、电话、二维码。写文案时还有一个特别容易被忽略的动作删。准备好三个副标题挑最简单那个所有“热烈祝贺”“重磅开启”“盛大来袭”这类空话能删就删。空话占版面、拉低可信度而且观众根本不会读。1.3 给信息分三级没有层级就没有海报给信息分三级是我每次聊海报都会强调的动作。一级信息是希望观众在大老远就能看见的内容通常是活动主题或者核心利益点视觉占比最大。二级信息是让人停下脚步后马上想知道的比如时间、地点、主办方。三级信息是补充内容比如报名方式、座位图、联系电话、免责声明字小一点完全没问题。你可以把海报想象成一张餐厅菜单招牌菜必须配大图和加粗字体普通菜列个名字和价格餐厅地址电话缩在角落。没有人会因为菜单角落的字看不清而投诉但招牌菜被小字埋没客人一定会错过重点。海报也一样。具体操作时我会给每一块信息标上数字主标题、副标题、日期地点、其他。数字越小字号越大、颜色越突出、位置越靠近视线重心。做完这一步海报设计最关键的部分已经完成了七成剩下的配色和排版只是让这七成变得更体面而已。2. 不懂审美也能用4条让海报“炸”起来的设计关系先声明这一章不是让你系统学设计理论而是给你四个能直接用来检查画面的判断题。当你觉得海报“哪里不对”的时候一条条去核对通常都能找到具体问题。2.1 对比没有“反差”观众三秒就划走对比是做海报最容易见效、也最常被忽略的一条。所谓对比就是把重要的内容做得足够大、足够重、足够显眼让不重要的内容安静地缩在后面。具体可以操作的有四个维度大小对比、颜色对比、粗细对比、疏密对比。大小对比最好理解主标题的字号起码要占到画面某个方向的六分之一以上。比如你用的是1080像素宽的竖版画布主标题字号尽量在100到160像素之间其他说明文字在24到36像素之间。这样一眼看过去主标题就是绝对焦点。颜色对比简单说就是深底配浅字、浅底配深字背景色和文字色明暗差异越大越好千万不要用两个相近的颜色叠在一起。字体粗细对比则体现在同一个字号下标题用特粗字重正文用常规字重。疏密对比是让主体周围留出大块空白小字信息集中到一块区域一块松、一块紧画面才有节奏。很多人觉得海报做得“平”问题不出在素材不够而是对比不够。所有元素都差不多大、差不多颜色画面自然没有重心。你不要怕把主标题放到最大海报不是书的内页它更像路边广告牌要让人离三米远也能一眼看到重点。2.2 对齐所有元素都应该“被框在一个看不见的网格里”新手最容易犯的毛病是每个元素各放各的标题偏左、日期在中间、二维码在右下角单看都没问题合在一起就像散落的拼图。解决这个问题就靠两个字对齐。打开画布后先开启编辑器的网格或参考线。然后定一个最基本的对齐原则整张海报的文字要么全部居中要么全部靠左对齐。不要一半居中一半靠左。居中型海报气势更强适合活动预告和招聘左对齐海报更清爽适合信息量较大的公众号配图和说明性内容。无论选哪种所有文本框的边缘都要在同一条看不见的垂直线上图与图、图与文字之间的间距保持一致不要忽大忽小。对齐的作用是让观众潜意识里觉得这张海报是“被设计过”的。你可以做个试验把一张海报里所有元素强制统一到同一侧对齐哪怕内容不变看起来都会比原来规整很多。穿衣服时扣子扣歪一颗整个人都会显得邋遢海报也是一样。2.3 亲密性把相关的信息抱团把不相关的内容拉开亲密性原则说白了就是“物以类聚”。时间、地点、购票方式这些相关联的信息应该放在同一个区域内彼此靠近主标题和副标题可以贴在一起赞助商名单、版权信息、活动须知这类补充内容放到角落自成一组。组和组之间要拉开距离给人一种“这一块是一件事那一块是另一件事”的感觉。很多海报之所以显得乱不是因为字太多而是因为信息没有分组。日期放一个角地址放另一个角电话又飘在中间观众的眼神要在画面里走迷宫。正确做法是画几个看不见的盒子把相同属性的信息装进同一个盒子里盒子之间留白整体自然清晰。不要习惯性地用一堆线条来分隔信息。线条用多了画面会显得琐碎。留白就是最好的分隔工具组内距离近一点组间距离远一点层级自动就出来了。2.4 重复用同一个颜色和字体让整张海报有“系列感”重复原则是很多模板看起来很专业的原因。所谓重复不是把一个元素复制粘贴一百遍而是让某个视觉特征在全场反复出现形成统一的识别感。比如整张海报的主题色是橙色那主标题、标签条、按钮、日期块都用这个颜色标题字体用粗黑体每个小标题也用同一款粗黑体信息卡片都用同样的圆角矩形。反复出现就够了至少两次以上才会形成默契。很多新手做海报会犯一个相反的错误越怕单调就越想给每个部分换颜色、换字体、换装饰样式。结果就是海报像拼盘元素之间互相不认。要记住设计上的“高级感”往往来自克制。选了一组配色、两款字体、一种图形风格之后就坚持用到底不要手痒去加更多花样。当你发现海报看起来“有点乱”的时候先把所有颜色统计一下如果出现五个以上不相干的颜色立刻砍掉一半。只保留一个主色、一个辅助色、一个强调色整张画布会立刻安静下来。3. 照着做就行从空白画布到一张能交货的海报3.1 选工具不要一上来就学PS被老板临时抓壮丁的人最容易陷入“我要先去学个PS”的误区。Photoshop确实强大但学习成本太高不适合应对明天就要交稿的急活。现在的在线设计工具已经足够业余选手做出一张像样的海报而且不需要安装软件、模板多、文字图层直接改配上手机也能简单修改。我平时最常用的是Canva同类产品里素材库和字体库比较全界面也直观。国内类似的稿定设计、创客贴也都可以模板风格偏电商和营销场景。如果你所在公司对网络或工具权限有限制直接用PowerPoint或WPS演示也能做只要在设计菜单里把幻灯片大小改成你需要的画布尺寸导出为图片或PDF就行。PPT不仅能排文字、插图片还有对齐辅助线、取色器反而可能是小白最容易上手的一件工具。工具本身不决定海报好坏思路才决定。你可以把在线设计平台想象成“装修队”把模板和素材当作已经备好的建材而你是那个负责画清图纸、决定哪里放沙发、哪里放餐桌的人。图纸想清楚了建材用得好成品自然不会差。下表可以帮你快速选工具使用场景推荐工具优势手机海报、活动海报、朋友圈图Canva、稿定设计在线、模板多、文字替换简单公众号头图、PPT内配图PowerPoint、WPS顺手、熟悉、导出方便需要印刷的高精度海报在线工具导出PDF或找专业兼职分辨率可控、CMYK输出更稳复杂主视觉延展再考虑学PS/Figma功能上限高但学习成本也高3.2 设置画布尺寸先想清楚这一张海报贴在哪里打开工具后先别急着拖模板第一件事是新建画布并设置尺寸。尺寸不对后面再好看都会出问题。虽然在手机屏幕上看不出差别但用于打印时分辨率不够就是模糊用于朋友圈分享时机不对内容就会被裁掉一块。我的建议是先在纸上或备忘录里记下“投放场景”再选尺寸。手机端竖版海报最稳妥的是1080像素宽、1920像素高也就是9比16的比例适合朋友圈、微信群、手机保存后查看。公众号头图常用横向比例常见900像素宽、383像素高但不同公众号后台的要求有差异发布前对照后台说明微调。如果是打印A4大小的单页尺寸就是21厘米乘29.7厘米分辨率至少300DPI易拉宝通常做80厘米乘200厘米分辨率可以降到150DPI因为易拉宝的观看距离普遍较远。具体操作时Canva新建设计页面会有不同尺寸预设直接输数字也可以PPT里则是在“设计-幻灯片大小-自定义幻灯片大小”里输入厘米或像素设置好之后导出为图片或PDF。在这里特别提醒如果海报会被打印导出时尽量选择PDF并且把页面设置成包含3毫米出血位。出血位简单说就是打印后会被裁切掉的安全边距没有它边缘的色块容易露白线。3.3 配色的傻瓜公式主色、辅助色、强调色很多小白面对配色第一反应是“我色感不好”。其实可以用一套傻瓜公式撑住场面一张海报最多三种色不算黑白灰。这三种颜色分别是主色、辅助色、强调色。主色是画面里面积最大的颜色通常用在背景、大标题或者大色块上。它可以取自品牌LOGO也可以来自活动的主题色比如公益活动用绿色、科技类活动用蓝色。辅助色是面积第二大的颜色用于副标题、文本框、装饰线条最好和主色同属一个色系形成和谐感。强调色是画面里面积最小但最跳的颜色多半用在价格、按钮、“限时”“抢购”这类关键词上面作用就是让注意力被瞬间抓住。如果公司没有品牌色活动也没有主题色最安全的选择是白底、黑字、加一个强调色。白底黑字的对比最强画面干净强调色只出现在一个按钮或一个关键词上既不会乱又有焦点。千万不要试图靠彩虹色来撑出热闹感五颜六色往往等于没有一个重点。拿到一张带照片的背景图时如果一个一个配色太麻烦可以从照片里直接吸取颜色。在线工具有吸管工具点一下照片里的天空取一个蓝点一下人物的衣服取一个红再用这两个颜色作为主辅背景文字用白色或黑色压住整体就会很统一。我见过很多翻车的海报问题不是配色丑而是颜色太多每一块都在喊“看我”结果观众谁都没记住。3.4 字体的选择和版权避坑字体这块坑特别多尤其是做商业发布内容时很多新手不知道字体也有版权。系统自带的一些字体个人自用没问题但用于公司海报、印刷物料等商业用途时存在授权问题。稳妥的做法是直接使用明确免费可商用的字体比如思源黑体、阿里巴巴普惠体、站酷系列等在线设计平台里的普通免费字体一般也自带授权但用户要留意一些标着“VIP专享”或“商用需授权”的字体别贸然用于打印。从排版角度海报上不要超过两种字体。一种偏粗偏有力量感的黑体或标题体用来做主标题一种是常规的阅读型字体用来做正文。两者之间靠字号、字重、字距去区分而不是不停换字体。很多人觉得字体换得多就是设计感实际上海报会变成字体展销会。字体大小也没必要逐条记死记住几个原则即可主标题要大于所有文字建议字号至少是正文的四倍以上正文和说明文字只要保证在手机上看不费劲就行一行标题不要太长超过十五个字就考虑断成两行保持句子节奏。中文排版中标题字之间可以稍微拉开一点字距显得大气正文不要随意拉伸保持默认字距。3.5 摆放顺序从大背景到小字新建画布之后元素摆放的顺序也有讲究。我自己的固定流程是五步第一步铺背景。选择纯色背景、渐变背景或者图片。如果图片本身很花在上方加一层半透明黑色或白色矩形作为“蒙版”让背景安静下来。第二步放主标题。主标题放在画布上方三分之一偏中的位置字最大颜色和背景形成高对比。第三步放副标题。副标题紧跟主标题下方字号明显小一号但比正文大。第四步放时间、地点、报名方式等关键信息集中成一小块放在中下部。第五步放二维码、LOGO、装饰元素一般贴底排列并且四周留出足够边距。每加一个元素都退后一步看看第一眼注意到的是不是主标题如果不是就说明层级乱了。新手容易犯的毛病是倒过来先放一堆装饰性素材再在空隙里塞文字结果文字全被背景淹没。主次顺序一定是“内容决定摆放”而不是“装饰决定内容”。还有一个容易被忽略的点安全边距。手机屏幕截图时可能裁边打印时也可能裁边所以内容不要顶到画布边缘。四周至少留出画布宽度6%到10%的空白比如1080像素宽的画布左右大约各留60到100像素。宁可画面内容靠中间一点也别让重要的字被切掉。3.6 导出交付别只甩一张图给老板海报做完后导出方式同样影响成品效果。用于手机和网络展示导出PNG或JPG都可以PNG适合有透明背景或者需要高清细节的场景JPG体积小、便于微信传输。如果是打印用途务必导出PDF或300DPI的PNG打印时才不会出现锯齿和模糊。在线平台导出时一般会提供多种格式选项选择“打印高质量”那一档。还有一个小细节二维码一定要单独处理。不要把海报里那个小小的二维码顺手截图了事建议在草稿阶段就重新上传高清二维码文件并预留出足够尺寸不然印出来之后发现扫不出来整个活动都可能受影响。交付给老板时最好发一个已经命名清楚的文件比如“春季招聘海报_0312_v2.png”而不是“未命名1.png”。如果工具支持分享链接就把可编辑链接一起发过去方便以后改稿。不少老板喜欢改字给他源文件或模板链接你后面能少很多麻烦。4. 交付前的自查清单多数返工都是栽在这几件事上4.1 检查文案细节错一个字整个海报白做再好看的海报文案出错就得返工。这是血泪教训。交稿前把所有文字从头到尾读一遍重点不是读得通顺而是对照原始需求逐字核对活动名称有没有打错字年份有没有写错日期和星期能不能对上时间格式统不统一地点街道门牌号是不是正确联系电话是不是少了一位价格和优惠条件是不是准确。二维码也要亲自扫一遍确认跳转页面正常。很多人想当然觉得二维码从链接生成就不会错但有时候图片压缩太厉害、印刷尺寸太小照样扫不出来。另外把海报缩到手机屏幕大小从上往下扫视一次如果日期、地点这些信息还需要费劲去找那层级就有问题。重要提示所有文案信息至少核对三遍。第一遍对着原始需求逐字查第二遍通读检查语句第三遍把海报缩小后扫视一遍。文案错了再专业的排版都救不回来。4.2 检查视觉层级三秒内能找到主标题吗海报的评判标准不是“好看”而是“快速读取”。你把海报发给朋友请对方看三秒然后问他记住了什么。如果他在三秒内能说出活动名称或核心利益点说明画面层级是合格的。如果他说“看到了活动吧但不知道是什么”那就要回炉。检查时可以故意把海报缩得很小比如缩到手机桌面的图标大小看看这个时候还能不能辨认出主标题。这个标准很苛刻但特别好用。很多海报放大看挺有感觉一缩就变成一团颜色问题往往出在对比不够、主标题不够大、背景太花。要相信观众在朋友圈里看海报多数情况下就是半屏大小甚至手指一滑就过去了。4.3 常见问题速查表海报丑、乱、没高级感到底怎么改问题主要原因快速解决办法主标题不够突出字号太小、颜色和背景接近把主标题放大到画布宽度五分之一以上换高对比色画面看起来乱信息没有分组、装饰太多把相关元素靠近删掉一半装饰素材文字看不清背景太花、字号太小加半透明蒙版保证正文在缩小后仍可辨认老板说“不够大气”元素太小太散、塞得太满删内容、加留白、只保留一个视觉焦点打印出来模糊分辨率不足、用错格式用300DPI、导出PDF、检查出血位颜色艳俗颜色太多、饱和度太高只保留主色、辅助色、强调色其他全部删掉这张表我每次给团队分享海报方法时都会放。你不需要背下来只要做完海报觉得哪里不对劲逐条对照通常能直接定位到问题不用从头重做。4.4 从“能用”到“好看”的三个小技巧当你确定画面不再乱了想让海报再往上走一步有三个马上能用的技巧。第一用大色块替代廉价素材。找不到好看图片时干脆不用图片用纯色或几何色块做背景搭配白字出来的效果往往干净利落。第二给背景图片加半透明蒙版。照片好看但字看不清就在图和字之间叠一层半透明黑色矩形字立刻清晰。这个操作在Canva和PPT里都能实现。第三把日期、地点做成标签式色块。比如给“3月20日”加一个圆角矩形底像门牌一样贴在画面里既强调重点也增加设计细节。但有一点必须忍住别把技巧全堆在一张海报上。渐变、阴影、描边、贴纸、多重滤镜每样都来一点的结果就是彻底失去重点。所谓“好看”很多时候是克制出来的。一张海报能让人三秒看懂、五秒记住就已经是完成度很高的作品了。5. 我给所有被海报“绑架”的朋友留点私货5.1 先做一版黑白稿再做彩色稿这是我个人最想分享的一个习惯不要一上来就调色。先关掉所有颜色只留黑、白、灰把画面做成一个纯“黑白层级稿”主标题用最重的黑、最粗的字副标题用灰色正文和备注用更浅的灰。做完这版之后你会发现层级是对是错一目了然。如果黑白稿里主标题都不突出加什么颜色都救不回来。颜色最容易让人自我陶醉。当你陷入“这个蓝色挺好看”的时候往往已经忘了结构。黑白稿相当于把滤镜摘掉回到信息本身。我现在的流程是文案分好级之后先花十到十五分钟拖一版黑白构图确认结构再开始上色、配图。这个习惯帮我省下了大量返工时间。5.2 导出前把海报缩成小图再检查我自己判断一张海报能不能交用的方法其实很简单把做好的海报缩小到手机桌面图标的大小离远一点看。如果还能一眼认出主标题整个画面颜色不糊、主体不散那这张海报基本能过如果一缩小就变成一团混沌甚至看不清哪个是字哪个是背景那就还需要改。这张“缩略图检查法”几乎能替代所有审美焦虑。很多看起来挺华丽的海报一缩就像打翻的颜料盘反而是黑白分明、主次清楚的稿子经得起这种折腾。所以接到海报任务时别慌别被“设计”两个字吓住。先把信息问清、把层级理清、把黑白稿做对再加一点颜色和留白你就已经完成了从小白到“能交差”的蜕变。下次再听到老板说“做张海报吧”你可以先深呼吸然后把这篇文章里的清单过一遍动手就好。
返回列表