• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
I os 视觉分享
 

I os 视觉分享

on

  • 1,783 views

by blacksnail

by blacksnail

Statistics

Views

Total Views
1,783
Views on SlideShare
1,783
Embed Views
0

Actions

Likes
3
Downloads
78
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

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

I os 视觉分享 I os 视觉分享 Presentation Transcript

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