Reloop

作品介绍: Reloop 是一个围绕“启动页动效”展开的个人实验项目。我给自己设定的目标不是做一张单独好看的视觉图,而是用同一品牌线索推导几组不同气质的开屏动画:有科技感、情绪感,也有更偏商业落地的节奏表达。 全程使用 AI 提效,从风格探索、关键帧生成、素材拆解到动态节奏验证,我负责方向判断、画面筛选、结构重组和最终落地。这个项目想体现的是:我不只是会使用 AI 工具,而是能把 AI 产出转化为可控的设计语言、动效叙事和完整作品表达。 个人优势: 1. 能快速把抽象方向拆成可执行的视觉方案,并在多轮 AI 产出中判断哪些画面真正可用。 2. 能把静态视觉、品牌识别和开屏动效串成一个完整案例,而不是停留在单张图的展示。 3. 保留设计师对构图、节奏、信息层级和质感的控制,让 AI 成为效率工具,而不是替代判断。

创作时间:2026-05    分类:AI 视觉设计 / 品牌视觉延展    使用工具:AI / Photoshop

Reloop 展示图 1 Reloop 展示图 2 Reloop 展示图 3
LAUNCH MOTION STUDY

启动页风格 1
动态视觉实验方案

AI MOTION SYSTEM

围绕 Reloop 的潮流回收气质、Logo 识别和首屏停留节奏,先用 AI 扩展多组视觉方向,再筛选出最适合移动端快速记忆的动态启动页。

重力滚落元素受重力影响向底部滑落并堆积
倾斜驱动跟随手机倾斜方向实时偏移与摆动
碰撞回弹保留摩擦、碰撞和轻微回弹的真实感
01
视觉风格
探索

先用 AI 扩展不同情绪的启动页方向,再从品牌识别、留存率潜力和动效可调性三个维度筛选。

02
元素体系
提炼

提炼核心元素与材质质感,统一色彩、形体与细节,建立高效一致的品牌视觉语言。

03
重力逻辑
设计

设计元素在重力作用下的运动路径、延展落点、速度与节奏,还原真实的着落质感。

04
动效落地
交付

沉淀可复用的动效模块与交互动效,为后续开发提供成品层落地的保障。

从视觉方向到动效语言,把品牌启动页转化为更具记忆点的首屏体验。
LAUNCH MOTION STUDY

启动页风格 2
陀螺仪空间视差方案

GYRO PARALLAX SYSTEM

围绕蓝紫色品牌资产、漂浮配件和空间层级关系,将启动页风格 2 延展为陀螺仪视差体验;通过设备倾斜驱动前后景轻微错位,让首屏产生更轻盈的沉浸感。

交互亮点跟随设备晃动
空间层级形成清晰景深
视觉效果强化真实陀螺仪视差感
01
方案亮点
空间视差还原

通过多层元素还原陀螺仪解算视差变化轨迹,叠加空间纵深与立体感。

02
实现逻辑
MotionX 与 MotionY 统一驱动

倾斜设备获得俯角 X/Y 方向变化,统一映射动画位移或姿态参数。

03
动效控制
不同 depth 控制不同位移幅度

根据 depth 值设置视差比位移系数,景深越远越大,背景位移更小。

04
落地价值
提升品牌记忆点与首屏沉浸感

让启动页从静态展示升级为可交互体验,强化品牌识别与用户第一印象。

陀螺仪驱动,为品牌启动页注入微妙的互动与沉浸感。
LAUNCH MOTION STUDY

启动页风格 3
重力感应方案

AI MOTION SYSTEM

围绕绿色单品、重力滚落和触碰回弹的运动特征,将启动页风格 3 收敛成更具互动感的首屏实验;让用户在轻微倾斜中感知元素重量、碰撞和品牌记忆点。

重力滚落元素受重力影响向底部滑落并堆积
倾斜驱动跟随手机倾斜方向实时偏移与摆动
碰撞回弹保留摩擦、碰撞和轻微回弹的真实感
01
视觉风格
探索

先用 AI 扩展不同情绪的启动页方向,再从品牌识别、留存率潜力和动效可调性三个维度筛选。

02
元素体系
提炼

提炼核心元素与材质质感,统一色彩、形体与细节,建立高效一致的品牌视觉语言。

03
重力逻辑
设计

设计元素在重力作用下的运动路径、延展落点、速度与节奏,还原真实的着落质感。

04
动效落地
交付

沉淀可复用的动效模块与交互动效,为后续开发提供成品层落地的保障。

从静态启动页到可交互首屏,让品牌视觉在轻微晃动中产生更强记忆点。
Mango Portfolio

Thanks for
watching

Reloop 启动页动态视觉实验,从 AI 方向探索到可播放首屏动效,把品牌记忆点沉淀为更完整的移动端体验。

AI Visual Design Launch Motion 2026
RELOOP Style comes back.