页面布局

在图形设计，页面布局是一个视觉元件的布置页面。它通常涉及的组织原则组成，以实现特定的通信目标。

高级页面布局涉及决定文本和图像的整体排列，并可能决定媒体的大小或形状。它需要智力、感知力和创造力，并受文化、心理以及文档作者和编辑希望交流和强调的内容的影响。低级分页和排版是更机械的过程。给定某些参数（例如文本区域的边界、字体和字体大小），可以以简单的方式完成对齐首选项。在桌面出版成为主流之前，这些过程仍然由人来完成，但在现代出版中，它们几乎总是自动化的。结果可能按原样发布（对于住宅电话簿内部）或可能由平面设计师调整（如高度抛光、昂贵的出版物）。

从中世纪手抄本中的早期照明页面开始，一直到复杂的现代杂志和目录布局，正确的页面设计长期以来一直是印刷材料中的一个考虑因素。与打印介质，元件通常由类型（文本）、图像（图片），偶尔占位图形元素未印有油墨如模/激光切割，烫金或盲压花。

网格是一组准则，能够在设计过程中被看到和不可见的最终用户/观众，用于对准并重复网页上的元素。页面布局可能会或可能不会遵循这些准则，具体取决于系列中设计风格需要多少重复或多样性。网格应该是灵活的。使用网格在页面上布置元素可能需要与设计网格所需的一样多或更多的图形设计技能。

相比之下，模板更严格。模板涉及对最终用户/观众最可见的重复元素。使用模板来布置元素通常比设计模板所需的图形设计技巧要少。模板用于背景元素的最小修改和前景内容的频繁修改（或交换）。

大多数桌面出版软件允许页面形式的网格填充有彩色线条或点，这些线条或点以指定的水平和垂直距离分开放置。可以指定自动页边距和小册子书脊（装订线）线，以便在整个文档中全局使用。可以在页面上的任何点放置多条额外的水平线和垂直线。对最终用户/观众不可见的形状也可以放置在页面上作为页面布局和打印处理的指南。软件模板是通过复制模板数据文件或在多页文档中具有母版页功能来实现的。母版页可能包括网格元素和模板元素，例如页眉和页脚元素、自动页码和自动目录功能。

与动态布局相比，静态布局可以更好地控制美感，并彻底优化周围和重叠不规则形状内容的空间。在网页设计中，这有时被称为固定宽度布局；但是整个布局可以在大小上进行缩放，同时仍然保持内容的原始比例、静态位置和样式。所有光栅图像格式实际上都是静态布局；但是静态布局可以通过将文本与图形分开来包含可搜索的文本。

相比之下，电子页面允许具有交换内容、样式个性化、文本缩放、图像缩放或具有可变页面大小的可重排内容的动态布局，通常被称为流体或液体布局。动态布局更有可能将展示与内容分开，这有其自身的优势。动态布局将所有文本和图像布置在行和列的矩形区域中。由于这些区域的宽度和高度被定义为可用屏幕的百分比，因此它们可以响应不同的屏幕尺寸。它们将自动确保xxx限度地利用可用空间，同时始终在屏幕调整大小和硬件给定限制方面始终保持最佳适应状态。文本可以自由调整大小，以满足用户对易读性的个人需求，同时永远不会干扰给定布局的比例。以这种方式在屏幕上的内容整体安排可能始终保持其最初设计的状态。

静态版面设计可能涉及更多的平面设计和视觉艺术技能，而动态版面设计可能涉及更多的交互设计和内容管理技能，以彻底预测内容变化。

动态图形不完全适合这两个类别，但可能涉及布局技巧或仔细考虑动态如何影响布局。在任何一种情况下，运动元素都使其成为动态布局，但比静态图形设计或交互设计更需要动态图形设计。

电子页面可以通过分页或组合效果来利用静态和动态布局特征。例如，页面的一部分（例如网页横幅）可能包含包含在交换内容区域内的静态或动态图形。动态或实时文本可以通过使用不可见的间隔器将文本从边缘推开来环绕不规则形状的图像。一些计算机算法可以检测包含透明度和轮廓周围流动内容的对象的边缘。

随着现代媒体内容检索和输出技术的发展，视觉通信（前端）和信息技术（后端）之间有很多重叠。大型印刷出版物（厚书，特别是教学性质的书籍）和电子页面（网页）需要元数据用于自动索引、自动重新格式化、数据库发布、动态页面显示和最终用户交互。许多元数据（元标记）必须在页面布局过程中手动编码或指定。这在美工和工程师之间分配了页面布局的任务，或者让美工/工程师同时完成这两项任务。

更复杂的项目可能需要两个独立的设计：页面布局设计作为前端，功能编码作为后端。在这种情况下，前端可以使用替代的页面布局技术来设计，例如图像编辑软件或在纸上使用手工渲染方法。大多数图像编辑软件都包含转换页面布局以用于“所见即所得”（WYSIWYG）的功能)编辑器或用于为桌面出版软件导出图形的功能。在大多数情况下，WYSIWYG编辑器和桌面出版软件允许在后端编码之前进行前端设计。界面设计和数据库发布可能涉及更多的技术知识或与前端信息技术工程的协作。有时，后端的一个功能是自动化前端的内容检索和排列。

页面布局可能会或多或少地由可能在特定桌面出版模板中实现的房屋风格来规定。与分页量相比，布局也可能相对较少（如小说和其他没有数字的书籍）。

典型的页面布局决策包括：

• 页边距的大小
• 图像和图形的大小和位置
• 决定列和排水沟的数量和大小（列之间的间隙）
• 有意放置空白
• 像上的图像，文本叠加xxx使用搪塞和入侵，或出血超过页边距的图像
• 使用彩色印刷或专色强调

要布置的具体元素可能包括：

• 章节或章节标题，或标题和副标题
• 图片说明
• 拉引号和坚果图，它们可能会被添加到课程之外或使短篇小说适合布局
• Boxouts和侧边栏，显示除主要文本流之外的信息
• 页眉和页脚，其内容通常在内容页面上是统一的，因此由布局软件自动复制。该页码通常包含在页眉或页脚和软件自动将它的每一页。
• 目录
• 脚注和尾注等注释；参考书目，例如在学术期刊或教科书中

在报纸制作中，最终选择和裁剪伴随故事的照片可能会留给版面编辑器（因为照片的选择可能会影响所需区域的形状，从而影响版面的其余部分），或者可能有单独的照片编辑。同样，标题可能由版面编辑、文案编辑或原作者撰写。

为了使故事适合最终布局，可能会进行相对无关紧要的副本调整（例如，为了简洁而重新措辞），或者布局编辑器可能会对字体大小或前导等排版元素进行轻微调整。

写作和出版中的浮动块是与主要文本流不对齐的任何图形、文本、表格或其他表示。使用浮动块来呈现图片和表格是学术写作和技术写作的典型特征，包括科学文章和书籍。浮动块通常标有描述其内容的标题或标题，以及用于引用正文中的图的数字。一个常见的系统将浮动块分为两个单独编号的系列，标记为figure（用于图片、图表、绘图等）和table。图的另一个名称是图像或图形。

浮动块被说成是浮动的，因为他们没有固定的地方在页面上的位置，而是漂到页面的一侧。通过将图片或其他大型项目放置在页面的两侧，而不是将它们嵌入在主要文本流的中间，排版更加灵活，避免了对叙述流程的中断。

例如，一篇关于地理的文章可能有“图1：世界地图”、“图2：欧洲地图”、“表1：大陆人口”、“表2：欧洲国家人口”等.有些书除了目录之外，还会有一张图表，其中列出了作品中出现的所有图表。

其他类型的浮动块也可以区分，例如：

侧边栏：与主要叙述的离题。例如，关于产品使用的技术手册可能包括各种人如何在侧边栏的工作中使用该产品的示例。也称为间奏曲。见侧边栏（出版）。程序：关于计算机编程的文章和书籍通常将代码和算法放在一个图中。等式：数学写作可能会将大量数学符号放在与正文分开的编号块中。