Layout 不仅决定UI elements在你的app的屏幕上是怎样显示出来的,他还向使用者展示出什么是最重要的,用户的选择是什么,事情是怎样联系在一起的。根据你运行app的设备以及设备的方向不同,Layout会发生变化
Make it easy for people to interact with content and controls by giving each interactive element ample spacing
你需要给每一个元素足够的空间,让用户能够容易的和这些元素进行交互。通常需要set controller 大小为44 *44 points
Make it easy to focus on the main task by elevating important content or functionality
通过突出重要的内容和功能来集中于最主要的任务
你可以放主要的items在屏幕的上半部分,从左到右,最重要的item放在屏幕的最左边
Use visual weight and balance to show users the relative importance of onscreen elements.
通过视觉平衡来向用户展示出屏幕上元素的相对重要性
large items通常能够吸引人的注意,通常展示出比small items更重要。
large items通常也更容易tap,因此在类似电话和时钟的app中显得尤其重要,因为用户在使用这些应用时比较容易分心。
Use alignment to ease scanning and communicate groupings or hierarchy
用alignment可以使得浏览更加容易,尤其对groupings or hierarchy的elements.
alignment使得app看起来更加的整洁有组织,让用户在通过scroll 来浏览信息时注意力更加的集中
对different information groups使用凹进和对齐,让用户更能感知这些groups之间的关系,从而更容易的返现specific items
Make sure that users can understand primary content at its default size.
用户通过水平的滑动来显示重要的内容或是通过放大或缩小来看主要的内容
Be prepared for changes in text size
user通常需要通过setting来设置文字的大小,并需要你的app对此作出合适的响应。这就需要你去调整你的layout
As much as possible, avoid inconsistent appearances in your UI
在你的app中尽可能的避免前后不一致的外观
通常,对那些有着相似功能的elements,你需要保持他们的外观一致,
人们通常对那些具有不一致不连贯的外观会认为这样做是有其他原因的,比如功能不一样