I os 视觉分享

2,111 views
2,034 views

Published on

by blacksnail

Published in: Design
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,111
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
79
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide
  • 化工科技还感慨好几个
  • 设备包含 iPhone iPod touch iPad
  • 这时你需要设计 2 种分辨率的 视觉稿
  • iPad 这样的一个改动 所带来的优势是什么 因为在 iPhone 上 屏幕过小 导致这些人机交互特性 不能很好的去发挥 , 展现 然而现在因为 iPad 扩大的展示空间 所以使得这些特性 能够更多的利用和发挥
  • 在我们看来 4:3 这样一个比例 更接近与 1 本书的尺寸
  • 以下是一些 模拟书本材质的 iPad APP 案例
  • 在此刻我们可以看到 这里运用了 一些材质的肌理效果 装帧线 还有书签 这些都是拟物化设计的细节
  • 下面来看下 如何结合做成 iPad 应用
  • 下面我来介绍一下 我们刚完成的项目 Taobao for iPad 在刚产生想法时候我们首先会设想 我们的受众群体会在如何的场景下长时间使用 iPad. 而这些场景的特性是如何的 . 在这里我们简单例举了 以下几个场景
  • 客厅的沙发上
  • 卧室
  • 卧室
  • 咖啡厅
  • 阳光洒进的地板上
  • 从而我们提取了以上场景中的两个元素 , 本书和地板,
  • 从而构成了 iPad 淘宝的主基调
  • I os 视觉分享

    1. 2. iOS 平台视觉设计分享交流 黑牛 (Blacksnail) 淘宝 -iTeam 视觉设计师
    2. 3. iOS 视觉基础介绍
    3. 4. 什么是 iOS?
    4. 5. 2007 . 06 . 29
    5. 6. Apple 为 触屏设备所开发的操作系统 iOS
    6. 7. iPhone iPod touch iPad 硬件设备
    7. 8. iOS 图标设计
    8. 9. 一个好的图标可以提升产品的品牌感,和激发用户购买下载的欲望 . iOS 图标设计
    9. 10. 工具类 品牌类 游戏类 iOS 图标设计 拟物化 标志化 场景化
    10. 11. 拟物化 -增强视觉上的冲击 , 明确表明了其用途 标志化 -简洁大方 , 扩展性强 , 加强品牌感 场景化 -直观快速的体现游戏的内容 iOS 图标设计
    11. 12. iOS 分辨率及屏幕
    12. 13. 960X640 480X320 iPhone4 屏幕每英寸的像素点已经达到 326ppi 显示效果媲美印刷品 , 大幅度提升了视觉体验 iOS 分辨率及屏幕
    13. 14. 视觉稿 X 2 iOS 分辨率及屏幕
    14. 15. 分割线 , 投影 , 内阴影 , 描边 X 2 两 倍的分辨率导致在界面设计的时 , 整体的效果比较难把控 . 需要把设计稿 导入设备中去查看真实效果 iOS 分辨率及屏幕
    15. 16. 1024X768 iPhone 与 iPad 界面视觉差异 展示空间扩大,阅读和操作体验大大提升
    16. 17. AirDisplay 通过 wifi 连接使 iPhone&iPad 成为外接屏幕 提高工作效率 , 避免反复的导入操作 更直观的看到设备中显示的真实效果 iDisplay
    17. 18. iPhone 与 iPad 界面视觉差异 iPad 界面视觉新特性
    18. 19. iPad 与 iPhone 特性差异 屏幕分辨率为 1024X768 ,尺寸比例为 4:3 更趋向与拟物化设计 展示空间扩大 , 结合 iOS 多点触控 , 手势识别等人机交互特性直线提升了视觉和操作体验 . 界面和现实生活越相似 , 用户就越容易理解 , 操作 . 结合着物理动画使其具有强烈的真实感 .
    19. 20. 4:3
    20. 26. iPhone 与 iPad 界面视觉差异
    21. 27. iPhone 与 iPad 界面视觉差异
    22. 28. iPhone 与 iPad 界面视觉差异
    23. 29. iPhone 与 iPad 界面视觉差异
    24. 30. 案例分析
    25. 31. Taobao for iPad
    26. 39. 书本 地板
    27. 58. 个人感想
    28. 59. 01. 设计应该平和的看待问题
    29. 61. 02. 设计就像跑马拉松
    30. 62. 03. 多看 多想 多做 多说
    31. 63. 04. 你不是一个人在战斗
    32. 65. Q&A
    33. 66. Thanks.
    34. 68. 微博 :weibo.com/iteam 邮箱 :iteam@taobao.com

    ×