@轩飞   2011-07-19
iOS设备      iPhone4     iPhone 3GS                                           iOS版本      iPad        iTouch4      其他        ...
设备                竖屏尺寸(像素) 横屏尺寸(像素) 分辨率(ppi)iPhone4/iTouch4   640*960    960*640    326iPad              768*1024   1024*7...
单击       双击    按下并保持     拖动、扫过     两指靠近、分开   旋转      四指拖动
—  使用者:相对年轻、受教育程度较高,收入较高—  单一任务,单一窗口—  碎片时间—  室内为主—  单手操作为主,双手操作为辅           旅途中      睡前、起床前           等车,坐车    休闲时光
—  整体之美:外观与功能完美的结合—  一致性:符合规范,相同的外观体现相同的交互—  直接操作:手势,感应,视觉焦点和操作焦点的统一—  及时反馈:不明真相会引起负面情绪—  隐喻:映射现实世界—  让用户来控制:操作应该可以回...
—  关注主要的任务:分析每一屏需要什么—  内容至上:将控制和内容有机结合—  从上到下的思考:最常用的信息放在顶部—  让用户有逻辑可循:单一有效的路径—  让一切变得简单和显而易见:直觉化,一致性—  使用能被用户理解的术语—...
—  三种尺寸: —  57×57(低分辨率) —  114×114(高分辨率) —  72×72(for iPad)—  显示效果: —  圆角 —  投影 —  高光(可手动禁用)
Axure RP + iPhone UI Libraryhttp://www.paulsizemore.com/axure-iphone-widgets-and-libraryBalsamiqhttp://balsamiq.com/Interf...
iOS App的交互设计
Upcoming SlideShare
Loading in...5
×

iOS App的交互设计

4,263

Published on

初涉iOS App设计,整理了一下自己对App交互设计的理解,包括

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

No Downloads
Views
Total Views
4,263
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
53
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

iOS App的交互设计

  1. 1. @轩飞 2011-07-19
  2. 2. iOS设备 iPhone4 iPhone 3GS iOS版本 iPad iTouch4 其他 4.0 4.1 4.2 4.3 3.X 6% 1% 8% 6% 9%15% 27% 54% 16% 58% iPhone4占一半以上 iOS4及以上版本占92%
  3. 3. 设备 竖屏尺寸(像素) 横屏尺寸(像素) 分辨率(ppi)iPhone4/iTouch4 640*960 960*640 326iPad 768*1024 1024*768 132iPhone3GS等 320*480 480*320 163ü 屏幕的方向会改变ü 可点击元素的最小尺寸是44×44像素
  4. 4. 单击 双击 按下并保持 拖动、扫过 两指靠近、分开 旋转 四指拖动
  5. 5. —  使用者:相对年轻、受教育程度较高,收入较高—  单一任务,单一窗口—  碎片时间—  室内为主—  单手操作为主,双手操作为辅 旅途中 睡前、起床前 等车,坐车 休闲时光
  6. 6. —  整体之美:外观与功能完美的结合—  一致性:符合规范,相同的外观体现相同的交互—  直接操作:手势,感应,视觉焦点和操作焦点的统一—  及时反馈:不明真相会引起负面情绪—  隐喻:映射现实世界—  让用户来控制:操作应该可以回溯,危险操作应提示“Design is not just what it looks like and feels like. Design is how it works.” —Steve Jobs
  7. 7. —  关注主要的任务:分析每一屏需要什么—  内容至上:将控制和内容有机结合—  从上到下的思考:最常用的信息放在顶部—  让用户有逻辑可循:单一有效的路径—  让一切变得简单和显而易见:直觉化,一致性—  使用能被用户理解的术语—  恰当的支持手势:不要让复杂的手势成为唯一操作—  最小化输入操作—  随时准备中断:自动保持,原地满血复活
  8. 8. —  三种尺寸: —  57×57(低分辨率) —  114×114(高分辨率) —  72×72(for iPad)—  显示效果: —  圆角 —  投影 —  高光(可手动禁用)
  9. 9. Axure RP + iPhone UI Libraryhttp://www.paulsizemore.com/axure-iphone-widgets-and-libraryBalsamiqhttp://balsamiq.com/Interface Builderhttp://developer.apple.com/technologies/tools/whats-new.html#interface-builder
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×