动态海报
利用动设计增加视觉吸引力
利用动设计增加视觉吸引力在数字化时代，视觉已成为信息传递和表达的重要方式之一。
无论是网络广告、宣传海报还是产品包装，利用好设计来增加视觉吸引力已经成为一个必备的技巧。
动态设计，即以动画和运动效果为特点的设计方式，正日益受到设计师的青睐。
本文将探讨如何利用动态设计来增加视觉吸引力。
一、动态设计的优势动态设计与传统的静态设计相比，具有以下几个明显的优势：1. 吸引眼球：动画和运动效果能够吸引用户的眼球，增加用户对设计作品的关注度。
2. 提升信息传递效果：动态设计可以通过运动效果、变化和转换等手段，更加生动地展示信息，使得信息更易被用户接受和理解。
3. 增加用户参与度：动态设计可以通过交互方式，使得用户参与其中，与设计作品产生互动，增加用户的参与感。
4. 增加品牌记忆度：精心设计的动态效果可以帮助品牌形象更加深入人心，提高品牌的记忆度。
二、运用动态设计的原则在运用动态设计增加视觉吸引力时，设计师需要遵循以下原则：1. 简洁明了：动态设计应该尽量简洁明了，避免过多的元素和复杂的运动效果，以免让用户感到困扰。
2. 与品牌一致：动态设计应该与品牌形象保持一致，通过颜色、字体、风格等元素的统一，形成品牌的独特风格。
3. 强调重点：动态设计需要将目标重点突出出来，以吸引用户的注意力。
通过适当的动画效果或运动路径，将重要信息呈现给用户。
4. 考虑用户体验：动态设计应该考虑用户的视觉体验。
避免过度炫技和冗长的动画，以及过分刺眼的颜色和图形。
三、动态设计的应用场景1. 网络广告：利用动态设计可以提高广告的点击率和用户参与度。
通过运用适当的动画和运动效果，吸引用户的注意力，同时有效地传递广告的信息。
2. 宣传海报：动态设计可以使宣传海报更加生动有趣。
通过运用适当的动画效果和运动路径，让海报更具吸引力，吸引更多目光。
3. 产品包装：动态设计可以让产品包装更具创意和吸引力。
通过动画和运动效果，使得包装在架上脱颖而出，吸引更多的消费者。
海报的起源与发展及现代招贴的产生
04 现代招贴的设计要素
文字设计
文字选择
选择清晰易读的字体，确保信息传达的准确性和效率。
文字排版
根据海报的整体风格和版式布局，合理安排文字的大小、行距和字 距，保持视觉上的舒适度。
文字内容
简洁明了地传达信息，避免冗长和复杂的句子结构，突出重点内容。
图形设计
图形创意
01
运用具有视觉冲击力和创意的图形，吸引观众的注意力并传达
变形手法
通过对事物进行变形、扭曲等处理，创造出独特、新颖的视觉效果。这种手法可 以打破传统的设计规则，为海报带来更加独特的风格。
抽象与象征
抽象手法
通过运用抽象的图形、线条和色彩等元素，表达出深邃、含蓄的意境。这种手法可以激发观众的想象力，引导他 们深入思考。
象征手法
通过使用具有象征意义的图形、符号等元素，传达特定的信息和意义。例如，使用鸽子象征和平，用火焰象征热 情和力量。这种手法可以使海报更加简洁明了，易于理解和记忆。
铭文
随着文字的出现，人们开始在金 属、石碑、陶器等物品上刻写文 字或图案，用以传达信息或宣传 观点。
中世纪海报的兴起
教会与政治宣传
中世纪时期，海报常被用于宗教和政 治宣传，如在教堂墙壁、公共场所张 贴宣传教义或政治主张的画作和文字 。
商业广告
随着商业的兴起，商家开始利用海报 宣传产品和服务，如酒馆、客栈等场 所出现的招揽顾客的海报。
信息传达方式
01
创意设计
通过创意设计，将海报的主题和 信息以直观、生动、有趣的方式 呈现出来，吸引受众的注意力。
语言文字
02
03
图像符号
使用简洁明了的语言文字，准确 传达海报的主题和信息，避免歧 义和误解。
Animate CC动画制作核心技能一本通 第8章 引导动画与遮罩动画
综合实训 制作相机宣传动态海报
01 新建1920像素×900像素的舞台，并将其以“相机宣传动态海报”为名保存。 02 将“相机背景.png”素材导入舞台中，然后在第120帧插入帧。 03 打开外部素材面板，新建图层，将外部素材面板中的相机元件拖动到舞台左侧，将相
11Leabharlann 添加元件并新 建图层12 绘制形状
范例 制作游戏宣传 MG 动画
13
将元件移动到线 条开始的位置
14
插入关键帧将元件 移动到线条结束的
位置
15 创建补间动画
8.1 普通引导层 8.2 遮罩动画 8.3 综合实训：制作相机宣传动态海报
综合实训 制作相机宣传动态海报
实训要求 实训思路
为相机制作动态海报。要求海报中要体 现出数码相机的整个制作流程，再搭配 宣传文字，使用户了解该相机的主要信 息。还可添加花瓣飘落的动画效果，提 升海报的趣味性和美观性。
机元件放大。
04 双击相机元件，将“图层_1”转化为遮罩层，“图层_2”自动转化为被遮罩层。选择
“图层_3”，打开“图层属性”对话框，在其中选中“遮罩层”单选项，单击确定按 钮，将该图层转化为被遮罩层。按照同样的方法将“图层_4”和“图层_5”转化为被 遮罩层。
05 返回场景，在“图层_2”的第80帧插入关键帧，将外部素材面板中的“相机.png”素
遮罩不能重复 不能用一个遮罩层来遮罩另一个遮罩层。
范例 制作游戏宣传 MG 动画
案例目标：
为游戏制作MG动画用于游戏宣传。 由于该MG动画以星球旋转和火箭飞 行为动画场景，将太空的场景体现出 来，再在左侧添加“星球大战”文字， 迎合游戏主题。
动态设计举例
动态设计举例动态设计是一种注重创新和变化的设计理念，它强调设计要与时俱进，根据不同的需求和情境做出灵活的调整和变化。
在各种设计领域，动态设计都有着广泛的应用，包括网页设计、平面设计、产品设计等。
本文将就动态设计的概念、特点以及在不同领域的具体应用进行阐述，并举例说明其在实践中的重要性和价值。
一、动态设计的概念和特点动态设计是一种灵活、随时调整的设计理念，其核心是根据不同的客户需求、用户体验和市场变化进行设计，实现更好的效果和体验。
动态设计有以下几个特点：1. 灵活性：动态设计具有很强的灵活性，可以根据需要进行调整和改变。
无论是在网页设计中的交互方式，还是产品设计中的功能设置，都可以根据实际情况进行动态改变。
2. 变化性：随着时间和环境的变化，人们对设计的需求也会不断变化。
动态设计可以根据变化的需要进行相应调整，保持设计的新颖性和适应性。
3. 用户导向：动态设计注重用户的需求和体验，更加贴近用户的实际使用情况，从而提供更好的用户体验。
4. 创新性：动态设计鼓励不断的创新和尝试，寻求更好的解决方案，从而推动设计的进步和发展。
二、动态设计在网页设计中的举例在网页设计领域，动态设计有着广泛的应用。
一个典型的例子是响应式网页设计。
随着移动设备的普及，人们对网页的访问方式也发生了变化。
传统的网页设计可能无法完全适应不同设备和屏幕大小，因此响应式网页设计采用动态布局和弹性图片，使得网页可以根据不同的设备进行自适应，保证用户在不同的设备上都能获得良好的体验。
另一个例子是动态交互效果。
在网页设计中，动态交互效果可以增加用户对网页的互动性和吸引力。
在导航菜单的设计上，可以采用下拉式菜单、侧边栏菜单等动态效果，提高用户的操作体验。
三、动态设计在平面设计中的举例在平面设计领域，动态设计也有很多应用。
以海报设计为例，动态设计可以通过图像、文字、颜色等元素的变化来传达信息和情感。
一张宣传电影的海报可以通过动态的字体和图像设计，来吸引用户的注意力，表达电影的主题和氛围。
初页的各种解释或比喻
初页的各种解释或比喻：页面（H5）（多媒体）微杂志手机上的PPT/Keynote（社交软件里的）广告页应用（场景应用、场景APP）海报（动态海报、指尖海报、掌中海报、动画海报）备用：1、手机海报1.5、不止是海报2、指尖下的炫酷页3、数页成就一部大片4、指尖下的的炫酷应用·海报·微杂志5、手机上滑动展示的海报·应用·微杂志不解释，只联想：初页：一图胜千言·百图不如一页（后句化用“百闻不如一见”；同时将“初页”轻量化：虽内容万千，但仍是“一页”——顺流滑现的“一页”，而非“一本”、“一册”）初页：一图胜千言·千图不如初页（备选）不但不解释，反而让更晕——如果你没有初页你就真的没有初页（注：初页在页面呈现上的革新是任何传统的海报画册都无法比拟的，所以不再将它类比。
）简单粗暴的不解释方案：什么是初页？——扫码了解已经尽力：对不起文字无法描述这种无与伦比的手机专属炫酷页面（或：文字无法描述这种专为手机传播而生的炫酷页面）唯有请您扫码亲自体验--------特性·优势使用者：企业、商户、政府、媒体\自媒体或任意个人适合：展示、引导可以做（手机端）：邀请函\请柬宣传册\海报\画报旅行\风景相簿图文故事纪念册\贺卡引导页说明书能出现在：能展示，就能放初页（朋友圈、微博、微网站、公众号、纸质宣传页、户外广告牌……）能联系，就能发初页（微信、微博、QQ、短信、邮件……）（或：能留下网址、二维码，就能留下你的初页）特性：版式精美互动炫酷使用简单\无需学习\人人会用轻盈流畅便于分享\易于传播随处可放用途极广完全免费效果：生动·优雅·丰满·效果惊艳典型场景：微信公号被关注时，推送给关注者的消息里可以嵌一张图（或一个文字连接），图片被点击，初页即被打开——一个公众号与它的关注者初次见面，最适合呈现的是初页更多：发布后仍可随时改进、更新，读者每次浏览，看到都是最新信息（用公众号的直接发出的消息，无论何种形式，发布后无论发现细节瑕疵还是重大错误，都不可更改）--------啰嗦的描述：无论个人、商户还是媒体、企业，无论资深极客，还是24K纯电脑小白，都可以通过向这个APP里放入图片、文字、音乐，选择它自带的各种炫酷互动方式，调制出专属的手机端视听盛宴。
《Animate》课件——第13章 组件和动画预设
练习2.1 项目背景及要求
设计要求：
1
2
3
4
5
表意准确，能够 快速传达准确的
信息
配图要求色彩丰 富并且独具特色
画面要求简洁美 观，将简单的图 形精细化设计
图案与文字搭配 合理，使画面看 起来丰富并且具
有趣味
设计规格均为 1080 px（宽） ×1080 px（高）
练习2.1 项目创意及要点
使用“导入到舞台”命令，导入素材；使用“新建元件”命令和“文本”工具，制作 图形元件；使用“创建传统补间”命令，制作传统补间动画。
13.1.1 项目背景及要求
03 设计要求：
海报要求以黄色作为主体颜色，
1Leabharlann 带来温馨细腻的感受设计风格具有特色，能够引起
2
3
读者共鸣和查看兴趣
设计形式要简洁明晰，能表现 宣传主题
4
设计规格均为900 px（宽）×500 px（高）
13.1.2 项目创意及要点
使用“新建元件”命令和“文本”工具，制作文字图形元件；使用“时间轴”面板、 “任意变形”工具和“变形”面板，制作人物动画效果；使用“动画预设”面板，制 作文字动画效果；使用“创建传统补间”命令，制作补间动画；使用“属性”面板， 改变元件的颜色使标志产生阴影效果。
练习3.1 项目背景及要求
设计要求：
1
2
海报内容将文字 与图片相结合，
表明主题
色调淡雅，带给 人平静、放松的
视觉感受
3
画面干净整洁， 使观者体会到阅
读的快乐
练习3.1 项目背景及要求
设计要求：
4
设计注重细节， 添加一些小的装 饰元素为标志增
添氛围
影视包装的发展趋势
影视包装的发展趋势
1. 多媒体化：随着数字技术的不断发展，影视包装将越来越倾向于多媒体化，如电影配合VR、AR技术，以及互动剧、动态海报等。
2. 创意化：随着市场竞争的加剧，影视包装会越来越注重创意性和个性化。
通过与设计、营销等领域的结合，创作更具有商业价值的作品。
3. 社交化：影视包装也将与社交媒体越来越融合，例如电影预告片、宣传海报、影评、明星专访等，以增强影片的传播力和社会影响力。
4. 品牌化：影视包装也越来越倾向于品牌化，例如电影里的品牌植入、专利配色或标识、品牌合作等。
5. 绿色化：在环保意识逐渐提升的今天，影视包装也将越来越注重环保设计和材料的使用，如可降解塑料、再生纸等。
数字广告 第2章 数字广告媒体创意技术类型和应用
创作，结合制作工艺进行延伸，通过
动态技术制作系列表情包，生动有趣、
栩栩如生地反映了传统制作的工艺和
步骤。
绿嬷嬷绿豆糕表情包 学生 ：麦家雯、林凯桃、吴信溪 指导老师 ：郑龙伟
18
2.1.4 动态化表情包技术
【案例 ：小青柑茶之元旦一炮冲天节日活动系列表情设计】 “小幸运”小青柑茶在节日的营 销中，通过把产品和中国文化代表的 福、䘵、寿、喜、财神、月老进行结 合，设计了 6 个中国吉祥形象，然后 进行动态化表情设计，让产品在节日 中传递出喜庆的气氛。
17
2.1.4 动态化表情包技术
【案例 ：绿嬷嬷绿豆糕动态化表情包设计】
广东澄海樟林古巷是明、清时期
红头船的通洋之地。每逢中秋佳节，
千家万户手巧艺妙的贤惠妇女就会加
工制作美食糕点——绿豆糕。品牌名
称“绿嬷嬷”提取了产品绿色的特点，
结合老手工制作艺人的形象，体现历
史悠久、传承经典的意义。品牌 IP
设计以技艺精湛的手艺人嬷嬷为原型
《盗墓笔记》动态海报
14
2.1.2 HTML5 技术
数字媒体技术应用于 视觉设计，让广告更加动 态地传播着信息，让一切 基于纸媒传播的视觉作品 都可以从二维到三维，从 静态到动态，把 Logo 的寓 意表现得淋漓尽致。
小青柑茶制作工艺 设计 ：车嘉华 指导 ：郑龙伟
“朋友圈广播找人”H5 的最大创意点，在于实现了抓取、识别用户微信名并发声等功能，依靠 创意本身的强度，吸引用户注意力，触发朋友圈分享。
12
2.1.3 动态化平面广告技术
在社交营销中，单一的平面视觉效果已难 以满足品牌广告的需求，动态化平面广告 技术通过动态化的视觉效果引发人们的注 意，达到对品牌信息的传播效果。