布局所关乎的远不止“界面元素在屏幕上看上去如何”这么简单。通过布局,你可以让用户知道哪些东西是最重要的,他们有哪些事情可做,内容之间具有怎样的关联。取决于设备类型及横竖屏定向方式,同一款应用的界面布局也可能会有不同的模式。
确保交互元素具有足够大的尺寸,以便用户可以很容易的与内容和功能进行互动。可点击对象的实际点击区域尽量不小于44*44像素。
将重要的内容和功能放在权重更高的位置上,使用户的注意力可以更好的聚焦在主要任务上。通常,将最重要的元素放在前半屏是比较好的做法,另外,对于阅读习惯是从左到右的用户来说,更贴近屏幕左侧的位置也是更容易引起关注的。
利用视觉表现形式的权重和平衡,向用户展示界面元素之间的相对重要程度。尺寸较大的元素拥有更高的权重,相比于尺寸较小的元素来说,更能吸引目光,看上去也更加重要。
通常情况下,要防止UI元素在外观上具有不统一的表现形式。尽可能让具有相似功能的元素同时具有相似的外观。人们一旦留意到不一致的外观表现,就很容易假设这背后是有原因的,并倾向于花费时间去搞清楚这种差异究竟代表什么。
确保界面中的主要内容在默认尺寸下可以被阅读和理解。不要让用户必须横向滚屏才能看到完整的文字内容,或是必须执行放大操作才可以看清楚内容图片。