Mobile App Action design

Mobile App Action design

Transcript

1. Mobile  App  Action  Design
2. 一个好的  App
3. 2012 Apple Design Award Winners Every year, Apple Design Award winners set new standards that inspire us all. See how this year's winners stood out from the rest. Rally Interactive
4. • 创新易用的交互体验 • 精致细腻的UI • 信息展现简洁信息层级浅 • 遵循但不教条HID  Guideline • 后端服务稳定，响应速度快 • 充分设计online和offline场景 • 情感化的设计
5. 认真研读，遵循但不受限于此...
6. Action  Design
8. UIStatusBarStyle 启动画面 UIStatusBarStyle 图集 UIStatusBarStyle 上一图片 一下图片 上一图集 一下图集 UIStatusBarStyle 图集 《看客》 《一周精选》 《今日热点》 10 UIStatusBarStyle UIStatusBarStyle 4:3  正在离线图片 离线完成 UIStatusBarStyle 亮度 UIStatusBarStyle 保存成功 UIStatusBarStyle Q W E R T Y U I O P A S D F G H J K L Z X C V B N M space .?123 return 发布 南方地区近期持续强降雨，湖南、 江西、贵州、广西、浙江等省防 汛 UIStatusBarStyle UIStatusBarStyle Q W E R T Y U I O P A S D F G H J K L Z X C V B N M space .?123 return UIStatusBarStyle Q W E R T Y U I O P A S D F G H J K L Z X C V B N M space .?123 return 39 )9 '    注册 UIStatusBarStyle 注册页面    UIStatusBarStyle 授权页面     " " UIStatusBarStyle 页面加载失败 刷新 ⟳    " 提示文字 最前图集 忘记密码 UIStatusBarStyle 找回密码页    " UIStatusBarStyle
   
   
   
   
   
   
   
   
   
   
   
   $
   
   UIStatusBarStyle
   
   
   
   
   
   
   
   
   
    UIStatusBarStyle #! 10 6 上一图集 一下图集 ⦚⦚⦚ UIStatusBarStyle 设置 完成 3 2G-+4 ,$%  08  5(6 7 UIStatusBarStyle 个人账号 返回 -!5/2 IMG "
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   #* .1
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   * 
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   #* -
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   * -!
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   * UIStatusBarStyle 图集 跟帖 16:9   UIStatusBarStyle 自动离线 返回 Wi-Fi
   -+ 
   -+  &
10. ？
11. 一个不会写代码的产品经理，不是一个 好的设计师    ...
12. 时间 值 平移效果 时间 值 加速度移动 时间 值 减速度移动 时间 值 弹力效果 值=位移、旋转、透明度、缩放比例
13. 网易读图 官方微博：@网易读图
14. 时间 位移 时间 缩放 比例 平移效果
15. 时间 透明度 缩放 比例 时间 位移 弹力效果
16. National  Parks  by  National  Geographic
21. Information Architecture Wireframe Human Interface Design User Flow App Development 1 2 3 4 Design Kit User Interface Design Action Design
23. UIStatusBarStyle 16:9 UIStatusBarStyle UINavigationBar 16:9 UIStatusBarStyle UINavigationBar 16:9 UIStatusBarStyle UINavigationBar 16:9 UIStatusBarStyle UINavigationBar 16:9 UIStatusBarStyle 
    UIStatusBarStyle UINavigationBar UIStatusBarStyle 16:9 16:9
24. Case Study 1 Weibo：@DineHQ Dribbble：Dine
25. Case Study 2 Weibo：@DineHQ Dribbble：Dine
26. App  flow
27. Action  Design  的意识应该怎么去培养？ 在我们的团队和流程中  谁  应该来担当这个角色？ 1 2
28. Dribbble：softfacade
30. Weibo：@sixfeet Dribbble：sixfeet
31. 谢谢大家