用户通常想在旋转屏幕时,UI视图中的内容没有减少,UI中的视图控件可以根据当前的设备方向来调整布局,如果没有
自适应和自动布局,当用户旋转屏幕时,有的控件不见了,这会让用户感觉自己失去了对app的控制,从而给你的app
影响非常不好。
自适应 size class
给你带来福音。
想象一下苹果设备中iPad iPhone 6 plus iPhone 6 iPhone5 iPhone5s iPhone4s,
如何使用size class
来表示它们的不同的使用情况了;首先,设备的使用无非就是横屏和竖屏,横屏和竖屏的重要区别是对于人来说的它的宽高比
发生了改变,size class定义了两种size class
,regular,compact,通过这两个size class,我们就可以枚
举出不同设备的使用size class的表示。
iPad不管横屏还是竖屏都是:regular width,regular height;
iPhone 6 plus竖屏:regular height,compact width;
iPhone 6 plus横屏:regular width,compact height;
iPhone 6, iPhone 5, and iPhone 4s竖屏:compact width and regular height
iPhone 6, iPhone 5, and iPhone 4s横屏:compact width and compact height
在storyboard设计UI时你可以指定不同的情况来设计UI控件的大小布局和显示等,这样当设备处于不同的使用情况时就
会根据你设计的方案对UI控件进行重新布局。
有好的用户体验要注意的事项:
1.每一个页面要聚焦到用户关心的内容:这个优先考虑,用户使用你的app就是它关心里面的内容,如果随意的改变聚焦,会让用户不知怎么办
2.避免无理由的改变布局:可以通过改变UI控件的大小
3.如果你只想让你的app运行在一个方向上的话,在开发时就指定它只能在一个方向上使用。
4.用户很方便的聚焦的关心的内容
5.使用相对平衡的大小颜色显示UI
6.使用对齐,层次,阶梯的关系布局UI,
7.必须保证用户理解主要内容在默认的大小
8.有text内容的视图要根据内容来改变大小,即是可变的。
9.尽可能的避免不一致的外观,具有相同功能和操作的UI应该有相同的样式,比如拨号键的数字按钮都是相同的样式。
10.UI控件的布局不能太紧凑,否则用户很容易错误的点击和误操作。