界面设置（UI）中的基础布局

布局是支持界面可视组件的结构。它的工作是帮助打开视野，使用户的视线可以分组，优先化和理解信息。它还可以帮助内容突出显示网站上最重要的数据。因此，布局功能对用户不可见，但与导航有关。
一个好的布局设计是与目标相关的，体现在良好的用户体验中。这就是为什么我们可以说一个正确的布局能让用户快速找到他要找的东西。这也反映在更多的任务完成和更多的时间在现场(参与)。适当的间距有助于集中注意力于内容，减少干扰并提高页面扫描能力，还可以定义类别并为用户的心理过程赋予逻辑意义。通过开发具有创造性和动态布局的UI，你可以获得可用但又美观的UI设计。
大小层次结构便于用户做出决定。大小是告知用户网站中重要内容的最清晰方法，这就是为什么首页布局通常具有分层的信息块的原因。目前传统的导航方案可分为导航页面和用户页面两种类型。通常情况下，当用户进入网站的主页时，他们会提供导航功能，用于发现内容或搜索特定内容。这就是创建层次结构块的原因，它作为所有接口内容的门。另一方面，当用户找到他们要查找的内容并在一个块上单击时，他们现在需要的是使用内容，使层次结构在这个页面中不那么相关。在这种情况下，最实用和友好的设计就是以一种平衡的方式显示信息，促进视觉的自然阅读。每件事都与每一页的目标有关。
意识到视觉的旅程给了你操纵它的力量。沿着建议的路径引导视图比强制扫描项目要友好得多，因此在设计中必须了解视觉旅程。一开始设计时，错误地认为所有元素都必须吸引注意力，这是很常见的，但是没有任何优先顺序的设计会导致缺乏清晰度和通信中的大量噪音。虽然做这些决定很困难，特别是在智能手机屏幕这样的小空间里，但有以下考虑可以促进这个过程:
（1）了解信息 ：了解内容是关于什么，页面的目标以及将包含哪些元素。
（2）有意识地绘制内容图：创