@轩飞 2011-07-19

54% 16%

15% 9% 6%

iOS设备 iPhone4 iPhone 3GS iPad iTouch4 其他

iPhone4占一半以上

6%

27%

58%

1% 8%

iOS版本 4.0 4.1 4.2 4.3 3.X

iOS4及以上版本占92%

ü 屏幕的方向会改变

ü 可点击元素的最小尺寸是44×44像素

设备 竖屏尺寸（像素） 横屏尺寸（像素） 分辨率（ppi）

iPhone4/iTouch4 640*960 960*640 326

iPad 768*1024 1024*768 132

iPhone3GS等 320*480 480*320 163

单击 双击 按下并保持 拖动、扫过

两指靠近、分开 旋转 四指拖动

�  使用者：相对年轻、受教育程度较高，收入较高 �  单一任务，单一窗口 �  碎片时间 �  室内为主 �  单手操作为主，双手操作为辅

旅途中

等车，坐车 休闲时光

睡前、起床前

�  整体之美：外观与功能完美的结合�  一致性：符合规范，相同的外观体现相同的交互�  直接操作：手势，感应，视觉焦点和操作焦点的统一�  及时反馈：不明真相会引起负面情绪�  隐喻：映射现实世界�  让用户来控制：操作应该可以回溯，危险操作应提示

“Design is not just what it looks like and feels like. Design is how it works.”

—Steve Jobs

� 关注主要的任务：分析每一屏需要什么 � 内容至上：将控制和内容有机结合 � 从上到下的思考：最常用的信息放在顶部 � 让用户有逻辑可循：单一有效的路径 � 让一切变得简单和显而易见：直觉化，一致性 � 使用能被用户理解的术语 � 恰当的支持手势：不要让复杂的手势成为唯一操作 � 最小化输入操作 � 随时准备中断：自动保持，原地满血复活

� 三种尺寸： �  57×57（低分辨率） �  114×114（高分辨率） �  72×72（for iPad）

� 显示效果： �  圆角 �  投影 �  高光（可手动禁用）

Axure RP + iPhone UI Library http://www.paulsizemore.com/axure-iphone-widgets-and-library

Balsamiq http://balsamiq.com/

Interface Builder http://developer.apple.com/technologies/tools/whats-new.html#interface-builder