SHIDAFA / VISUAL & MOTION DESIGN

动态视觉设计 让表达更有节奏

关注现代图形、文字特效、转场节奏与视觉系统,把信息、审美和运动关系整理成清晰、有记忆点的设计表达。

01 / SELECTED WORKS

先看原创作品, 再进入案例研究。

DESIGN ARCHIVE

原创项目优先展示,案例研究作为补充研究档案。 更多
SHIDAFA. Logo Motion|标志生成实验 项目封面 原创作品

原创作品 · 动效设计 · 2026

SHIDAFA. Logo Motion|标志生成实验

围绕个人标志的轴线、曲线和方向转换,完成一段短时 Logo Motion,让静态结构在运动中被看见。

鹰之印 PVC 管子割刀系列电商主图 / 详情页设计 项目封面 原创作品

原创作品 · 电商视觉 · 2026

鹰之印 PVC 管子割刀系列电商主图 / 详情页设计

围绕鹰之印三款 PVC / 铝塑管快剪切管器,整理主图、轮播图与详情页视觉,让型号差异和使用卖点更快被理解。

AIR 01|落地扇京东电商详情页设计 项目封面 原创作品

原创作品 · 电商视觉 · 2026

AIR 01|落地扇京东电商详情页设计

围绕 AIR 01 奶油白落地扇,整理京东主视觉与详情页画面,让产品外观、家居氛围和细节质感更自然地呈现。

5 组 AE 文字动效设计 项目封面 动效实验

动效实验 · 动效设计 · 2026

5 组 AE 文字动效设计

围绕同一组文字设计五种 AE 动效变化,通过位移、残影、模糊、缩放与节奏控制观察字体运动方式。

TED Intro Animation|全球舞台的开场动效 项目封面 案例研究

案例研究 · 动效拆解 · 2024

TED Intro Animation|全球舞台的开场动效

一次围绕 TED 开场动画的动效案例整理:用粒子、光线、信息流和标志结构,压缩出“思想被连接并传播”的五秒钟。

Stack|Kimathi Flavien 动效拆解 项目封面 案例研究

案例研究 · 动效拆解 · 2025

Stack|Kimathi Flavien 动效拆解

基于 Motionographer 对 Kimathi Flavien《Stack》的幕后访谈整理的案例研究,保留原案例公开图片与视频嵌入,并记录其创作过程。

02 / CAPABILITIES

把信息组织好, 也把设计表达准。

01 MOTION

视觉与动态表达

围绕图形变化、字体运动和转场连续性组织画面,让动态节奏服务识别与阅读。

动态节奏 图形变化 字体运动
02 E-COMMERCE

电商视觉与页面结构

整理商品主图、详情页信息层级和卖点组织,让型号差异与购买判断更容易被理解。

商品主图 详情页结构 卖点组织
03 HIERARCHY

信息层级与视觉系统

先确定主次、分组和页面节奏,再用统一的视觉语言维持系列内容的一致性。

主次层级 页面节奏 系列统一性
04 RESEARCH

案例分析与过程拆解

通过视觉观察、动效拆解和方法整理,把公开案例与个人练习转化为可复盘的设计判断。

视觉观察 动效拆解 方法整理

03 / DESIGN APPROACH

先理解目标, 再决定表达。

从目标、信息层级和使用场景出发,让每一次视觉选择都有明确理由。

不急着堆画面,先判断用户真正需要看懂什么,再决定形式如何进入。

信息、判断与表达之间保持清楚的先后关系。

  1. INFORMATION 信息 识别用户真正需要理解的内容
  2. JUDGEMENT 判断 确定优先级、视觉重点和阅读路径
  3. EXPRESSION 表达 选择合适的版式、图形、色彩和动态方式
01

MOTION RHYTHM

动态节奏

用转场、停顿和出现顺序控制信息阅读节奏,让画面动得有理由。

02

VISUAL HIERARCHY

视觉层级

先判断谁重要,再决定字号、位置、密度和对比关系,避免画面平均用力。

03

DESIGN LOGIC

设计逻辑

从目标、受众和使用场景出发,把风格选择和执行细节放进同一条判断链。

04 / LET'S TALK

从项目背景开始, 把内容整理清楚。

可沟通品牌视觉与动态设计、电商主图与详情页、社交媒体视觉内容、项目展示页面,以及动效实验与视觉包装。

目前可沟通的项目

品牌视觉与动态设计、电商主图与详情页、社交媒体视觉内容、项目展示页面、动效实验与视觉包装。

合作流程

需求沟通 → 信息整理 → 方向确认 → 设计执行 → 文件交付。每一步都先确认目标和内容,再进入具体画面。

邮件里建议包含

项目背景、所需内容、预计时间、参考资料和合作方式即可;不需要一开始就准备完整方案。

START A PROJECT shidafago@gmail.com 查看作品方向