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

2018-04-2302:29:32 发表评论 962 人看过

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

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

 

首先,在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设计尺寸信息图纸:

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

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

 

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

 

#END#

 

来源:设计者

地址:http://www.shui-mai.com/uishejijiemianguifan-ipadjiemianuishejiguifan/

 

weinxin
博客小程序【一起行动派】
欢迎访问行动派博客小程序,小程序和博客同步更新,查看内容更加方便!
Action

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: