← 返回全部作品

LOGO 设计 / 个人项目 / 2026

SHIDAFA. Logo Motion|标志生成实验

一次围绕直线轴、连续曲线与方向转换展开的个人 Logo 动效实验,记录图形从基础结构到最终定格的生成过程。

ROLE视觉与动态设计 TYPELogo Design / Motion Identity / Personal Study YEAR2026 TOOLSAdobe Illustrator / Adobe After Effects
SHIDAFA. Logo Motion|标志生成实验 项目封面

项目背景与创作目标

SHIDAFA. Logo 由一条贯穿图形的直线和一组连续反向曲线构成。静态状态能够呈现完整轮廓,但轴线如何建立、曲线如何进入,以及最终方向如何形成,并不会被直接看见。

因此,我将 Logo 拆分为轴线、曲线、中心交点与最终字标,并把这些结构重新组织为一段短时动画。画面先建立垂直方向,随后完成路径生成与结构组合,再围绕中心进行整体旋转,最终进入标准横向状态。

本项目不是商业委托,而是一次个人动态识别研究。它用于检验 Logo 在运动状态中的结构清晰度、识别度与节奏,也作为个人作品集中的第一项完整 Motion Study 被记录。

运动不是附着在标志外部的装饰,而是让它原本隐藏的结构关系被看见。

Design Note

Final Logo Motion

动画从中心轴线开始,曲线路径沿上下两个方向逐步生成。图形在竖向状态下完成结构组合后,以中心交点为基准旋转至横向,最终与 SHIDAFA. 字标形成稳定的标准组合。

补充信息

项目属性
个人设计探索
设计内容
结构分析、分镜设计、路径动画、剪辑输出

结构起点

动画从画面中心的一条垂直轴线开始。中心点、水平参考线和外部比例框共同建立最初的坐标系统,此时 Logo 尚未完整出现,只保留能够决定后续形态的基础骨架。

在 After Effects 中,轴线被整理为独立的 Shape Layer,并通过 Trim Paths 控制出现。中心交点同时作为后续路径组合与整体旋转的共同锚点,避免图形运动时产生位置偏移。

中心坐标与第一条轴线建立图形的初始方向。

结构组合

被拆分的直线与曲线开始按照预设路径返回中心。直线先确定基本方向,曲线随后移动、旋转并进入对应位置,最终在中心区域形成完整的交叉关系。

局部元素在独立图层中完成位置、旋转和路径变化,再被整理进统一预合成。这样既能保留各部分的独立控制,也能在下一阶段对完整 Logo 进行整体旋转。

分散元素沿各自路径返回中心,并逐步组成完整结构。

运动逻辑

图形在竖向状态下完成组合后,整体围绕中心交点转向横向。这个动作是动画的主要高潮,也完成了从“结构正在形成”到“Logo 已经成立”的状态转换。

旋转前段保持较快速度,使方向变化足够明确;接近最终角度时逐渐减速,为最终定格保留稳定落点。过程图中的残影与荧光绿路径只承担运动分析作用,正式动画仍以黑色 Logo 为视觉主体。

完整图形围绕中心交点快速旋转,轨迹、残影和辅助线记录方向变化与速度关系。

最终定格

旋转完成后,所有过程辅助元素逐渐退出,只留下完整图形和 SHIDAFA. 字标。Logo 回到标准横向状态,左右端点、中心交点以及上下曲线形成稳定的最终关系。

结束阶段没有继续加入弹跳、缩放或额外装饰,而是保留一段安静停顿,让观众完成识别。这段稳定时间也方便动画作为网站片头或作品视频开场衔接后续内容。

运动元素逐渐收束,图形与字标完成最终锁定。

Credits

Creative Direction
SHIDAFA
Logo Design
SHIDAFA
Motion Design
SHIDAFA

让作品停在结果之前,也留下它形成的过程。

一次围绕直线轴、连续曲线与方向转换展开的个人 Logo 动效实验,记录图形从基础结构到最终定格的生成过程。