A motion-design study based on Instagram's October 2018 interface, rethinking pull-to-refresh, entry and exit from the upload flow, and progress feedback when publishing a new photo.
年份 / YEAR2018
角色 / ROLE交互动效、视觉概念与原型制作Interaction motion, visual concept and prototyping
The assignment explored opportunities for better feedback within an established mobile product. Three high-frequency actions in Instagram's 2018 interface were selected for redesign.
Make refresh, upload entry and publishing progress easier to understand while preserving the recognizable interface and adding continuous, tactile feedback.
The motion language uses color and pigment diffusion: refresh behaves like flowing paint, the upload control expands and contracts between views, and a completed progress bar grows into the newly published timeline post.
04
最终成果Outcome
最终完成三组交互动效演示,并配套静态封面,以兼顾加载过程与低动效偏好。
The final outcome is a set of three interaction demonstrations, with static posters supporting loading and reduced-motion preferences.
项目媒体 / Project Media
03 ITEMS
01Instagram 动效概念的三屏总览Three-screen overview of the Instagram motion concepts02下拉刷新与上传入口的交互动效演示Interaction-motion demo for pull-to-refresh and upload entry03新照片上传进度转化为时间线博文的动效演示Motion demo of upload progress transforming into a timeline post