21 lines
1.4 KiB
Markdown
21 lines
1.4 KiB
Markdown
|
---
|
||
|
|
title: Layout
|
||
|
|
localeTitle: 布局
|
||
|
|
---
|
||
|
|
## 布局
|
||
|
|
|
||
|
|
布局是指给定页面上元素的排列或放置。元素可以包括功能项，例如段落，标题，列表和部分。元素还可以包括设计项，例如图标，形状和图像。在布局中也大量使用空白，填充和边距。您可以认为前者是设计特征而不是元素本身。
|
||
|
|
|
||
|
|
页面的布局是将这些各种项目安排到向观看页面的人传达意义的演示中。因此，布局的主要考虑因素应该是如何理解布局以及最终传达的含义。如果不仔细考虑布局的含义，您可能会在目标受众中引起混淆和不信任。
|
||
|
|
|
||
|
|
您可能犯的一个常见错误是根据您认为最佳的方式确定布局。这样做可能违反标准惯例的思想，在布局设计方面经验丰富之前应该避免这种做法。
|
||
|
|
|
||
|
|
标准约定是用于描述在用户中具有行业范围的认可和一般文化接受度的技术的过程或应用的术语。 下面列出了与布局相关的这些约定的示例：
|
||
|
|
|
||
|
|
* 将标题文本放置在其描述的段落之上。
|
||
|
|
* 在页面顶部放置导航栏。
|
||
|
|
* 使用空格分隔不同的部分和内容类型。
|
||
|
|
* 缺少空格将部分和内容类型组合在一起。
|
||
|
|
* 确保元素整洁有序（即两个按钮对齐，在视觉上可接受）
|
||
|
|
* 布局简单，易于遵循和流畅
|
||
|
|
* 使用视觉层次结构来帮助保持布局的视觉流动（尺寸，颜色，定位等）
|