新媒体海报及H5创作思路
无论是新媒体海报还是H5，都是为了有效传递信息、精准营销，二者都需要利用数字化手法来进行图形、色彩、文字等要素的设计，进行合理排版。因此，图文设计对二者来说都是重要的一环。高颜值的图文设计不仅可以将新媒体海报及H5主题很好地表达出来，还能产生强烈的视觉感染力。
在创作思路部分，我们重点围绕其共性进行探讨，后面会对H5的具体设计技巧进行说明。
（一）熟悉产品，寻找亮点
在设计新媒体海报和H5任务时，首先要熟悉旅游产品，利用5W1H产品需求分析法来分析需求，明确设计的目的与意义，尝试找到产品的亮点，从而明确宣传主题。
在寻找亮点的过程中，很多初期设计者都会经历“自嗨”的失败，究其原因在于新媒体宣传不仅需要有趣的创意，还需要创意有传播力，顾客觉得好才是真的好。
因此，确定选题的第一步是要明确目标受众，受众的覆盖率与新媒体广告是否成功是成正比的。要了解目标受众的需求与愿望，实现或者超过受众预期满意度。这是正确运用图形、字体设计及色彩关系的前提，也是选择从哪种形式入手进行设计的关键。
表4-9 5W1H产品需求分析法分析需求
（二）确定风格，收集素材
在明确了海报及H5的设计目的、产品亮点后，具体采用什么方法与风格进行展示只是外表和形式，而不是本质。主题和创意可以通过不同的表现方法来展现。因此要根据市场需求确定设计风格，随后进行充分的市场调研和资料采集，再对大量的信息和素材进行归纳分析，围绕着创意进行分析选择。
1.海报的风格
按照主题不同，可将海报分为商业海报、公益海报、主题创作（文化艺术）海报等。每种海报都可以用不同的风格来呈现，下面列举一些常见的旅游海报风格。
海报赏析4-3
表4-10 不同风格的旅游海报特点
续表
2.H5的表现形式
从2014年H5在微信初露头角，经历了初期阶段让页面动起来的PPT翻页H5、中级阶段让内容动起来的欣赏型H5、高级阶段的强交互H5，到刷屏阶段的沉浸体验式H5、创意与内容为王的H5，其表现形式主要有以下几类：
（1）幻灯播放类H5。这是H5广告最传统、简便的表现形式，主要通过GIF 动态图片，实景照片、手绘插画等静态图片，或者 Cinemagraph 这类动静结合的图片等简单方式，配合情感化或趣味化文案表达，以展示各种主题信息。可以先制作好一个个静态的页面，在页与页之间添加动态效果进行切换，这种H5制作方式成本低，加载速度快，多用于品牌宣传。如吴江日报出品的《江南听雨最同里·珍藏版》，就是运用图文结合方式制作H5来宣传千年古镇——同里。整体设计采用唯美的图片搭配优美的背景音乐，美丽的姑娘撑起油纸伞身处烟雨江南的美景中，画面搭配和谐、唯美，用户看着舒适、流畅，沉浸式体验不错。
（2）视频交互类H5。主要通过视频及动画元素增强画面交互性，不再像PPT一样形式单一，极具创意的脚本设计给用户带来了新奇感，加深了用户体验的深层性，使用户参与感更真实强烈、分享意愿更高。如途牛出品的《途牛旅游——西游篇》，就是运用图文、视频交互，以西游记为主题引出取经之路途牛全搞定。在交互上模拟了微信摇一摇，摇手机提醒悟空“收文件”，运用点击和滑动设计，滑动屏幕上的食物喂猪八戒，互动性与趣味性强，这种卡通漫画的设计风格，既轻松又幽默，一般比较吸引人。
（3）游戏互动类H5。这种H5页面具有操作简单、竞技性强的特点，它通过游戏化、故事化的方式，将产品与轻量化的小游戏、小测试相结合，如大转盘、连连看、打地鼠、抓蝴蝶等，通过更加有趣的形式潜移默化地突出广告主题，不仅能给受众带来视觉、听觉、触觉等感官层面上的新颖体验，还用问答、评分、测试式的H5页面激发人们的求知欲和探索欲，吸引人们不断关注页面中的信息，不断探索，以寻找最终的答案。这种支持用户互动参与的形式还可以得到用户情感上的满足，能在短时间吸引大量用户并自愿转发，以帮助旅游企业达到营销推广的目的。如德国国家旅游局公众号上，由龙途互动出品的《德国自驾高手养成记》，在策划上以德国自驾游为主线，用模拟驾考测试题的形式，生动有趣地吸引用户参与并乐在其中，最后顺理成章引导用户下载德国自驾旅游APP。
（4）技术驱动类H5。通过多重炫酷技术营造场景互动，包括一些动态的展示技术，如翻转切换展示、翻页特效展示、弹窗效果、下拉展示、3D队列菜单、旋转菜单、按钮交互菜单等，另外，还有一些交互行为技术，如全景展示、指纹解锁效果、简单交互视频、开关组件、表单提交、3D GIF、SVG、摇一摇、VR、AR手指滑动、重力感应声音播放等。技术驱动类H5将技术与创意相结合，激发用户关注及参与，可让受众身临其境地感受广告内容。相对来说，这种类型的H5需要专业技术人员开发搭建。如中烟公司出品的《一镜到底！带你一分钟游遍老长沙》，在策划上属于长图小游戏类，以生动有趣的场景展现长沙的悠久历史，利用jQuery + CreateJs技术，在不同的场景体验中除了散落小手图标，也有语音音效，使场景生动且富有人气。
（5）场景模拟类H5。主要通过真实地营造某种场景，如以公共场所、公司、娱乐设施、生活空间为设计起点，为用户带来真实而熟悉的情感体验。主要的模拟场景还有模拟来电、微信消息、打字机效果、玻璃破碎效果、开门效果、星光和花瓣效果、粒子效果、无限评论与时事评论投影等。这种虚拟场景广告，能够有效集合视频、广播、图片等虚拟现实特征及可视特点，将品牌、产品和创意的模拟场景相结合，用户通过与基于场景的广告设计互动，享受沉浸式体验。如途家出品的《老板在群里＠了你》，创意上以“老板在群聊中＠了你”为主题，用模拟微信群聊讨论团建去处的形式，将民宿品牌途家轻松植入，让用户在轻松欢快的氛围中了解途家。
（6）个性化H5。常见的类型有输入名字、上传照片和DIY三种，最终能生成一张具有用户个人特点的结果页面。与游戏测试类不同的是，个性化H5没有测试题，类似趣味游戏。输入名字常常与抽签主题结合，如新年签《预见你的2019》。上传照片一般和社会热点或者节日结合，可以更换不同模板，生成不同风格的照片，如《我的前世青年照》就是借五四青年节的东风，用户上传自己的照片，可以穿越生成各种时代的人物照片。也可以使用AI技术读取用户脸部特征，生成用户脸部分析和专属歌曲。如网易云的H5《刷个脸，用AI生成你的12位图与专属歌曲》，测试结果一般都会美化用户形象，让用户更好地展示自己，利于转发传播。DIY能最大限度地发挥用户的主观性，将用户设定为创作者，根据H5提供的素材进行创作，给予极致的个性化体验。如《睡姿大比拼》可以让用户360°控制任务摆出不同睡姿，改变卧室风格，尽显用户生活本色。
总之，版面设计风格与内容有相关性，更与客户的需求关系密切。所以，要进一步了解目标顾客的年龄、性别、文化程度、家庭背景、审美情趣等。如客户的眼睛健康状况决定了版面设计的字体与字号，性别决定了版面用色，年龄决定了设计风格是稳重还是飘逸，性格决定了选取音乐的风格。如果海报的受众群体比较宽泛，如全家游旅游海报，在设计风格上要尽量做到照顾各方，也可以针对不同年龄段人群分别设计多风格海报以满足不同特点成员的阅读要求。
3.素材收集
在弄清楚设计的海报或H5是给谁看、重点有哪些、用什么风格表达之后，就要着手收集相关素材。如何从海量的原始信息中归纳出客户最需要的核心素材，有赖于设计人员工作的积累和对行业的敏感度，要有创新意识。创意可以是旧元素的新组合，但不是盲目做加分，而是在已有元素的基础上增加新玩法，做到新突破。创意不是天马行空临时起意，需要大量地积累素材，这就需要设计人员涉猎广泛，特别是团队成员要有不同的兴趣爱好，了解不同领域的知识，在面对选题时能发散出多角度的创意，还要注意日常积累，多关注社交平台上的素材，了解热门IP，紧跟社会热点和流行趋势。不仅内容方面需要积累素材，还要积累类似玩法、交互、动效方面的素材。在平时积累过程中，可以将有用的素材分门别类建立一个素材库，标注出自己的灵感，方便制作时候快速找出。
新媒体海报及H5设计人员既要满足受众的视觉和资讯需求，同时也要满足旅游企业的商业需要。在确定产品特点和宣传主题后，要依据符合现代化的设计理念来确定海报及H5的风格，并在分析、归纳、梳理、提炼的基础上，筛选出与风格匹配的图片、字体素材，尤其H5还应当包括音效素材、H5案例参考网站等。
海报赏析4-4
（三）制作排版，精细调整
在实际操作中，无论海报还是H5，其视觉效果都是通过版面设计对文字、图形和色彩这三要素进行创造性的组织安排，赋予其在独特语境的独特含义，借此向目标受众传达要表达的想法、信息等。在为数不多的页面内进行选择性设计，要把握好目标受众的心理状况，灵活应用场景进行内容传输，争取让用户在打开新媒体海报或H5页面的一瞬间有惊喜，进而主动进行分享。(https://www.daowen.com)
1.文字设计
海报赏析4-5
由于旅游受众主要通过文字获得海报的主要信息，因此主题内容离不开文字，而不同的字体带给人的心理感受不一样，这就需要设计者掌握中外字体常识，用让人感到愉悦的字体，帮助受众阅读并理解海报宣传内容。文字排版时常用对比手法进行设计，如字体大小、粗细、长短、稀疏、方向、字体类型、颜色、图文、立体字与扁平字、局部与整体等对比。
2.图形设计
海报赏析4-6
图形作为说明性的视觉符号，其本意是通过可视性的设计形态来表达创造性的意念。即通过形象、色彩与它们之间的组合关系来表达特定含义，设计师在广告插图中就是运用这些视觉要素来传达信息的。图形作为传递信息的主要载体，在制作上要精美、细致，追求图形第一、文字第二，让图形自己来说话，即便没有文字也能表达主题目标。通过图形与文字、色彩的有机结合，创造出丰富的视觉效果。
在图形设计的时候，要把握几个要点：第一，主题鲜明、简洁明了；第二，创意新颖、形象突出；第三，真实可信、情景感人；第四，手法多样、富有情趣；第五，图文统一、互相呼应。
3.色彩运用
海报赏析4-7
色彩比图文对人的心理影响更直接，具有更感性的识别性能。人们对色彩是有既定认知的，例如红色代表热情、黄色代表温暖、白色代表纯洁等。在设计中可以利用这些色彩感觉，营造出契合主题的氛围，在用户的潜意识中唤醒其对广告的情绪。要注意事先做好调研，了解用户所在国家和地区的颜色禁忌等，要因地制宜，避免因认知差异导致不必要的误会。
表4-11 色彩与心理的关系
此外，底色选择是旅游海报平面设计中的关键，如不同的季节可以选用不同的色调。为突出旅游海报的针对性与目的性，可以根据旅游地选择合适的色调，从而突出旅游海报的功能性。针对不同的目标用户，要采用不同的海报色调，如老年人适合用字体大，颜色要侧重黑灰蓝；蜜月游客户适合用粉色、紫色色调；小朋友适合选用蓝黄等活泼色。特别注意的是，在H5设计中，页面内常使用到的图标、文字和各种元素之间的特征应该遵从色彩统一原则。
4.排版构图设计
（1）突出视觉焦点。在排版设计时利用景深、色彩、边框等元素突出主题部分，以方便用户在短时间内注意到关键信息。
（2）凸显信息层次。排版设计时利用色彩、大小、行距及方向等元素划分信息层次，可让用户清晰地辨别出要素之间的主次关系。
（3）巧用引导线条。如导航地图一样，通过巧妙运用实线、虚线和形状来制造引导性的线条，可以在版面中添加带方向的实体线条，也可利用元素自然形状来制造虚线，还可以利用形状的聚集形成焦点，指引用户视线。但要注意版面中出现的线条不能太多、太杂乱。
（4）制作量感平衡。在排版构图中，可以采取不同元素位置、大小、形状的对称（或者不对称）来达到视觉平衡。有时不对称反而更加个性化，版面也更加活泼俏皮。
（5）注重元素统一。在主题性的设计作品中，可以对色彩、形状、标志重复性使用，特别是在朋友圈发布旅游宣传海报的时候，利用九宫格进行宣传时要保持主题一致，在H5的各个版面设计中，常用一种主色调、字体或者图形来制造连续性，令人印象深刻。
海报赏析4-8
海报赏析4-9
海报赏析4-10
海报赏析4-11
海报赏析4-12
总之，排版就是运用视觉元素的主次逻辑将图形、文字、色彩等基本要素进行视觉流程的设计。需要注意的是，在造型和构图中要避免繁杂的安排，视觉的信息量不宜呈现过多，可以采用明确的信息符号，加快视觉认知与理解速度。
人的视线因生理与心理因素的影响，一般浏览画面时偏向先看大，后看小；先看图形，后看文字；先看彩色，后看黑白；先看对比强烈的，后看对比柔和的……在设计时应遵循视觉流程规律，针对具体旅游海报的主题与目标人群，合理编排各类元素可以更好地达成视觉效果。制作完毕后，还需要对设计初稿进行美化。首先，要去除与设计整体风格相冲突的地方，从字句的对齐方式、边框色彩、符号图形等细节入手，让整个海报看上去和谐一致；然后再预览成品，找出需要增删的元素和修改精进的地方。最后，美化完成后要反复校对，确保信息准确、版面美观。