UI设计界面规范-iPad界面UI设计规范

发表于: UI设计者 – 一个免费自学UI设计APP · 2017-12-20  · UI设计师投稿  ·  15,172 views  · 

第一部分:iPad界面UI设计规范遵从iPad用户体验设计指导性原则

images

首先,在iPad上侧重的是内容和交互,而不是UI。

作为设计师,几乎我们本能的就会醉心于一些华丽的UI界面而忘了用户本身是来干什么的。为了让用户关注内容本身并在交互的过程中尽量少受干扰,所以我们需要淡化程序UI,弱化界面控件、让信息更扁平化(让上下层级可以在同一界面中自如切换),限制一个视图内的任务复杂度、淡化文件管理、使用最少的模态对话框、只有在需要时才提醒用户??

然后,是内容形式上富有真实感。

iPad上自带的iBooks、Note以及Google Map都是很好的例子。苹果给出的解释是:程序显示和现实生活越相似,用户就越容易理解、操作并喜欢。可以使用动画进一步增强真实感觉,东纵的真实感比外观更为重要,要符合物理规律。

最后,是充分利用设备性能和特性。

iPad重力和加速度感应、多点触控、手势识别等人机交互新特性,多想想如何把这些交互手段通过设计结合到你的作品中。

第二部分:iPad界面UI设计尺寸规范

ipad设计尺寸如下

设备 分辨率 状态栏高度 导航栏高度 标签栏高度
iPad6/iPad Air2 2048 × 1536 40px 88px 98px
iPad5/iPad Air/ipad mini 2 2048 × 1536 40px 88px 98px
iPad4/ipad mini 2048 × 1536 40px 88px 98px
iPad3/the new iPad 2048 × 1536 40px 88px 98px
iPad2 1024 × 768 20px 44px 49px
iPad1 1024 × 768 20px 44px 49px
iPad Mini 1024 × 768 20px 44px 49px

iPad设计尺寸信息图纸:

images

images

images

images

images

ios ipad的尺寸设计。

iPad界面设计尺寸:2048×1536 px   

iPad的设备更新很快,尺寸也更新到了iPad Pro尺寸设计规范中,后续提醒小白熊快快更新哈。留言↓

本文链接: http://www.shui-mai.com/uishejijiemianguifan-ipadjiemianuishejiguifan/