动态版式设计9法!让你一稿过的动态海报技巧系列教程

时间:2023-02-27
类别:自学路径
水平:普通
观众:4.5w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

一、知识树介绍

觉得自己的静态作品还是有些单调平淡,缺乏动感和魅力?想要设计一些动态的海报或者banner,但是不知道怎么开始?

动态版式设计 9 法来了!九个动态法则,九集精彩教程,每一集都会教你一个极具实用性的动态版式设计思路和技巧,让你在设计动态海报和动态 banner 时更加得心应手。这些法则不仅适用于各种风格和主题,而且也可以灵活组合使用,创造出无限可能。

毛蛋老师用简单易懂的语言和步骤来讲解每个法则,并且附上清晰的思路演示和案例分析。无论你是初学者还是进阶者,都可以轻松跟上节奏。

二、什么是动态版式

动态版式就是指在静态的平面设计中加入一些运动或者变化的元素,让画面更有节奏和气氛。其原理是利用人眼对运动和变化的敏感性,来吸引观众的注意力和兴趣,并且通过运用不同的时间、空间、速度、方向、形状等条件,来创造出不同的视觉效果和情感体验

动态版式设计9法!让你一稿过的动态海报技巧系列教程

动态版式设计的目的是为了增强平面设计的表现力和传播力。通过动态版式的运用,可以让你的作品更具有生命力,并且传达出更多的信息

例如根据品牌或产品的定位和目标人群,选择合适的色彩、字体、图形等元素,通过动态效果来强调它们的特征,通过快速或缓慢、平滑或跳跃、简单或复杂等效果,来表达品牌或产品的速度、流畅度、质量等属性。

动态版式设计9法!让你一稿过的动态海报技巧系列教程

目前动态版式设计的范围已经逐渐广泛,包括了各种类型和形式的动态海报、动态banner、动态logo、动态图标等等。无论是在网页、社交媒体、广告牌还是电子屏幕上,都可以看到动态版式设计的应用。

三、知识树大纲

NO.01 剔除

本集主题 — 「 剔除 」,版式动态设计中,将部分视觉元素实用消失相关的效果处理。它适合一些关于“失去”、“消失”删减“等关键词的主题或画面。剔除的设计思路:

  • 利用物理规则,合理化动画的表现。
  • 有方向性的剔除,具有视觉引导。
  • 符合动画形式预期的剔除效果更自然。

动态版式设计9法!让你一稿过的动态海报技巧系列教程

NO.02 轮播

本集主题 —「 轮播 」,把内容进行轮流循环播放。运用轮播动效,能在有限的版面中呈现更多的内容,也能带来更高的关注度。轮播的设计思路:

  • 往复循环的能够增强信息的吸引力。
  • 有规律的迭代轮播可增加版面利用率。
  • 可利用动态优势以另一维度进行轮播。

动态版式设计9法!让你一稿过的动态海报技巧系列教程

NO.03 转场

本集主题 —「 转场 」,信息转场类似于上集中所讲的轮播的一种延伸,通过大量的内容切换,来达到信息的表达。转场的设计要点:

  • 将画面内容进/退场以切换其他内容。
  • 常见变换与遮罩可做出多种 MG 转场。
  • 转场转折点定于画面内容会更自然。

动态版式设计9法!让你一稿过的动态海报技巧系列教程

NO.04 变形

本集主题 —「 变形」,利用缩放或者是扭曲等效果,让版面的元素或文本进行扭曲,产生出别样的视觉感受,让人专注其中。变形的设计要点:

  • 在画面太平缺乏关注点时可使用变形。
  • 变形可提升重点信息的阅读优先级。
  • 适当变形可以增加画面版面灵活度。

动态版式设计9法!让你一稿过的动态海报技巧系列教程

NO.05 虚实

本集主题 —「 虚实」,做动效海报或banner ,用上虚实技法,可以在扁平的画面中营造空间感。如果对主视觉增加虚实变化,可以作品整体增加一丝神秘感。虚实的设计要点:

  • 虚实不同清晰度可改变视线聚焦点。
  • 动态中的虚实变化效果比较契合主题神秘朦胧的内容。
  • 叙事效果的使用需要确保重要信息的可读性。

动态版式设计9法!让你一稿过的动态海报技巧系列教程

NO.06 引导

本集主题 —「 引导」,利用箭头、色块、手势等元素,引导用户视线的移动,来让整个版面的信息闭读能够更加完整,让重点信息更容易受到关注。引导的设计要点:

  • 具备指向性的元素可以有效地进行视线引导。
  • 明确的运动方向也能起到引导作用。
  • 制作引导时,初期的静态版面层级主次也应当划分清晰。

动态版式设计9法!让你一稿过的动态海报技巧系列教程

NO.07 登场

本集主题 —「 登场」,把重要的主视觉或者是主标题,通过不同的进场方式呈现在用户眼中,让“后来居上”的内容们,更容易成为版面中的焦点。登场的设计要点:

  • 根据登场的内容去思考该呈现的合适方式,比酷炫手法更重要。
  • 具备特点的视觉元素登场时,可以围绕特点进行展示(如线性或块面)。
  • 结合主题内容制作合适的登场动效会更具有趣味性与观赏性。

动态版式设计9法!让你一稿过的动态海报技巧系列教程

NO.08 刷新

本集主题 —「 刷新」,通过不同形式,让同样的文本反复的出现。类似于刷新的感觉,实则可以不断强调这个正在不断运动的内容。 刷新的设计要点:

  • 刷新主要通过重复呈现的方式来达到强调信息的作用。
  • 重复的表现手法切忌使用生硬的切换形式,避免出现明显的“卡顿”现象。

动态版式设计9法!让你一稿过的动态海报技巧系列教程

NO.09 氛围

本集主题 —「 氛围」,利用光效、背景以及渐变等元素的动态表现,让画面中呈现一定的氛围感,以此增强整个版面的视觉效果。氛围的设计要点:

  • 可以利用背景的色彩或造型变换的动态表现,去塑造整体的氛围感。
  • 由主视觉或点缀元素进行的合乎主题的动画表现,也是增强氛围的方式。

动态版式设计9法!让你一稿过的动态海报技巧系列教程

四、结语

这九个动态版式法则来自于讲师多年的经验和积累,通用且易用。准备好让自己的设计动起来,走在时代前沿,打破静态平面设计的局限,创造出一场场新的视觉盛宴?是时候让自己的设计升级一个维度了~

还想和毛蛋老师系统学习动态版式设计?戳下方链接立即报名:

更多知识树推荐...

26 收藏 146

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 快来秀出你的观点

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了
/

支持键盘 ← → 键翻阅图片