UI设计

增强现实用户操作界面设计

目标/OBJECTIVE

以及Instagram手机应用程序（2018年10月版本）为基础，重新设计应用程序内的动画效果以提升用户体验

日期和时长/Duration

2018年10月/1周

类型/TYPE

学校作业，独立

工具和技能/TOOLS & SKILLS

Adobe Illustrator，Photoshop，After Effects

简述/Brief

根据应用程序原有的视觉风格，为3个动作重新设计/添加了动画效果。分别为刷新主页、进入/退出上传功能页面、发布新照片的上传过程。以“色彩感”为主题，参考“颜料、染料扩散”的动态制作了页面切换的新动画效果。将图片上传过程（上传进度）可视化，并更加直观地表现新照片发布时候的视觉体验。

演示图/DEMO

（点击放大）

下拉刷新（左）：将彩色logo融入下拉刷新的操作，并且将页面的刷新动画进行模拟“颜料流下”的效果。

中下方上传照片按钮进入和退出（中）：将中下方的上传照片按钮进行重新设计，以突出这个app中最重要的功能（分享照片）的入口。进入和退出照片选择界面的动效同样参考“颜料扩散/收束”。

新照片上传过程可视化（右）：为照片的上传过程添加了可视的动画，以给予用户更直观的视觉反馈。在进度条走完后，进度条直接扩展、渐变成该新照片在时间线上的博文。