Your SlideShare is downloading. ×
I os 视觉分享
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

I os 视觉分享

1,887

Published on

by blacksnail

by blacksnail

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

No Downloads
Views
Total Views
1,887
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
78
Comments
0
Likes
3
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

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

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

    ×