zoom.gif

ZOOM INTERACTION

PICTURE ZOOM ON SMALL SCREEN

基于小屏幕的图片缩放界面 创意交互方式设计

通过创意交互方式解决传统屏幕缩放图片操作不便性，提升用户在小屏幕上查看图片的体验。

zoom1.gif
zoom2.gif

设计思考

 

传统图片缩放交互：两点触控

传统方法的不足

  • 手指遮挡屏幕

  • 精度难以控制

 

缺陷.png
 
 

设计灵感来源于从相机镜头中的查看画面的体验，

模拟了转动镜头缩放视野的动作实现图片缩放，

模拟了移动镜头移动视野的体验实现图片局部查看

focus-1-1.jpg
 
 
资源 5.png
屏幕快照 2019-03-17 上午12.04.14.png
 

操作方法

资源 6.png