觉得自己的静态作品还是有些单调平淡,缺乏动感和魅力?想要设计一些动态的海报或者banner,但是不知道怎么开始?
动态版式设计 9 法来了!九个动态法则,九集精彩教程,每一集都会教你一个极具实用性的动态版式设计思路和技巧,让你在设计动态海报和动态 banner 时更加得心应手。这些法则不仅适用于各种风格和主题,而且也可以灵活组合使用,创造出无限可能。
毛蛋老师用简单易懂的语言和步骤来讲解每个法则,并且附上清晰的思路演示和案例分析。无论你是初学者还是进阶者,都可以轻松跟上节奏。
动态版式就是指在静态的平面设计中加入一些运动或者变化的元素,让画面更有节奏和气氛。其原理是利用人眼对运动和变化的敏感性,来吸引观众的注意力和兴趣,并且通过运用不同的时间、空间、速度、方向、形状等条件,来创造出不同的视觉效果和情感体验。
动态版式设计的目的是为了增强平面设计的表现力和传播力。通过动态版式的运用,可以让你的作品更具有生命力,并且传达出更多的信息。
例如根据品牌或产品的定位和目标人群,选择合适的色彩、字体、图形等元素,通过动态效果来强调它们的特征,通过快速或缓慢、平滑或跳跃、简单或复杂等效果,来表达品牌或产品的速度、流畅度、质量等属性。
目前动态版式设计的范围已经逐渐广泛,包括了各种类型和形式的动态海报、动态banner、动态logo、动态图标等等。无论是在网页、社交媒体、广告牌还是电子屏幕上,都可以看到动态版式设计的应用。
本集主题 — 「 剔除 」,版式动态设计中,将部分视觉元素实用消失相关的效果处理。它适合一些关于“失去”、“消失”删减“等关键词的主题或画面。
- 利用物理规则,合理化动画的表现。
- 有方向性的剔除,具有视觉引导。
- 符合动画形式预期的剔除效果更自然。
本集主题 —「 轮播 」,把内容进行轮流循环播放。运用轮播动效,能在有限的版面中呈现更多的内容,也能带来更高的关注度。
- 往复循环的能够增强信息的吸引力。
- 有规律的迭代轮播可增加版面利用率。
- 可利用动态优势以另一维度进行轮播。
本集主题 —「 转场 」,信息转场类似于上集中所讲的轮播的一种延伸,通过大量的内容切换,来达到信息的表达。
- 将画面内容进/退场以切换其他内容。
- 常见变换与遮罩可做出多种 MG 转场。
- 转场转折点定于画面内容会更自然。
本集主题 —「 变形」,利用缩放或者是扭曲等效果,让版面的元素或文本进行扭曲,产生出别样的视觉感受,让人专注其中。变形的设计要点:
- 在画面太平缺乏关注点时可使用变形。
- 变形可提升重点信息的阅读优先级。
- 适当变形可以增加画面版面灵活度。
本集主题 —「 虚实」,做动效海报或banner ,用上虚实技法,可以在扁平的画面中营造空间感。如果对主视觉增加虚实变化,可以作品整体增加一丝神秘感。虚实的设计要点:
- 虚实不同清晰度可改变视线聚焦点。
- 动态中的虚实变化效果比较契合主题神秘朦胧的内容。
- 叙事效果的使用需要确保重要信息的可读性。
本集主题 —「 引导」,利用箭头、色块、手势等元素,引导用户视线的移动,来让整个版面的信息闭读能够更加完整,让重点信息更容易受到关注。引导的设计要点:
- 具备指向性的元素可以有效地进行视线引导。
- 明确的运动方向也能起到引导作用。
- 制作引导时,初期的静态版面层级主次也应当划分清晰。
本集主题 —「 登场」,把重要的主视觉或者是主标题,通过不同的进场方式呈现在用户眼中,让“后来居上”的内容们,更容易成为版面中的焦点。登场的设计要点:
- 根据登场的内容去思考该呈现的合适方式,比酷炫手法更重要。
- 具备特点的视觉元素登场时,可以围绕特点进行展示(如线性或块面)。
- 结合主题内容制作合适的登场动效会更具有趣味性与观赏性。
本集主题 —「 刷新」,通过不同形式,让同样的文本反复的出现。类似于刷新的感觉,实则可以不断强调这个正在不断运动的内容。 刷新的设计要点:
- 刷新主要通过重复呈现的方式来达到强调信息的作用。
- 重复的表现手法切忌使用生硬的切换形式,避免出现明显的“卡顿”现象。
本集主题 —「 氛围」,利用光效、背景以及渐变等元素的动态表现,让画面中呈现一定的氛围感,以此增强整个版面的视觉效果。氛围的设计要点:
- 可以利用背景的色彩或造型变换的动态表现,去塑造整体的氛围感。
- 由主视觉或点缀元素进行的合乎主题的动画表现,也是增强氛围的方式。
这九个动态版式法则来自于讲师多年的经验和积累,通用且易用。准备好让自己的设计动起来,走在时代前沿,打破静态平面设计的局限,创造出一场场新的视觉盛宴?是时候让自己的设计升级一个维度了~
还想和毛蛋老师系统学习动态版式设计?戳下方链接立即报名:
非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。
转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。
发表评论 快来秀出你的观点