版面设计

版面設計是平面設計的一部分，其旨在處理頁面上視覺元素的排列。它根據構圖的組織原則來實現特定溝通目的。
高級版面設計決定文本和圖像的整體布局及媒介大小或形狀，這一級別的設計需要智慧、感知力和創造力，並且需要設計者不僅受到文化、心理學的影響，還要能根據文檔作者和編輯的希望傳達並強調特定主題。
低級別的分頁及排版則是更機械的過程，文本區域的邊界、字體、字體大小和對齊偏好等都可以通過一些參數實現。
在桌面出版占主導地位之前，這些過程仍由人來完成，但在現代出版中，基本上這些都是自動化完成了。最終的結果可能是按原樣出版（如住宅電話簿內部），也可能由平面設計師調整之後再出版（如光潔度高的、昂貴的出版物），這非常重要，設計過雜誌會吸引你閱讀。
從中世紀早期的手抄本上的彩頁起，再到精緻的現代雜誌和目錄布局，長期以來設計者都會把版面設計列為一項考慮因素。而對於印刷介質，納入考慮的因素通常包括文本、圖像，偶爾設計者還要用一些不是用油墨，而是用模具/雷射切割、燙印或素壓浮凸等製成的占位圖形元素。

直接物理排版

對於手稿，所有元素都是手工添加的，因此創作者可以在創作作品時直接確定布局，也許可以提前作一個草圖作為指導。
在古老的雕版印刷中，頁面的所有元素都直接雕刻在木頭上，但如果印刷轉移到更大的作品上，比如大塊布料上，可能會留下多個印痕，則後期版面設計可能需要做出決策。
隨著文藝復興時期凸版印刷和冷金屬活字排版的發明，排版是用排字棒把字符物理組合在一個長托盤裡完成的。任何圖像都可以通過雕刻創造出來。
原始文件會是手稿；如果排版是由排版藝術家以外的其他人進行的，則會在原稿中加上一些標記 ，並附有關於字體、字號等的說明。（即使在19世紀60年代作者開始使用打字機之後，原件仍然被稱為「手稿」（manuscript），而且標記過程也是相同的。）
在第一輪排版之後，為了校對、糾正原稿中的錯誤，確保排版工人複製原稿、理解標記無誤，可能會印製一份長條校樣。最終的布局將由印版（forme）、印版的框架（chase）、鎖住印版的框架的楔子（quoins）構成。使用木塊或金屬（「空鉛」）的印版，會按需將文本和圖像分隔開來。該過程稱為拼版，可能包括將多個頁面排列在同一張紙上，以便日後摺疊和裁切。可以製作「組版樣張」來檢查最終排版是否正確。
1884年發明的熱金屬排版加快了排版過程，這讓工人可以使用鍵盤排出一行一行的字。鉛字是熔融金屬被澆注到由排版機器臨時組裝的模具中的結果。布局過程與冷金屬類型保持一致，只是：要組裝成物理樣板。

拼貼時代

偏移光刻允許圖像的明暗區域（首先在膠片上捕獲）控制印刷機上的油墨位置。這意味著，如果可以在紙上創建頁面的單個副本並進行拍照，則可以列印任意數量的副本。可以使用打字機設置字體，或者實現與專業排版機器凸版印刷相當的專業效果。例如，IBM Selectric Composer可以生成不同字號、不同字體（包括比例字體）以及帶有文本對齊的類型。通過光刻和半色調技術，物理照片可以直接轉印，而不必依靠手工雕刻。布局過程後來成為創建拼貼的任務，這樣命名是因為橡膠水泥或其他粘合劑將用於將圖像和成列的文本物理粘貼到硬紙上。已完成的頁面稱為完稿。
照相排版發明於1945年，在鍵盤輸入之後，字符被一個接一個地拍攝到照相底片上，然後這些照片可以直接送到印刷廠，或者拍攝到相紙上進行粘貼。這些機器變得越來越複雜，計算機驅動的模型能夠在磁帶上存儲文本。

計算機輔助出版

隨著計算機圖形功能的成熟，它們開始被用於直接渲染字符、分列、頁面甚至多頁簽名，而不是簡單地從預先提供的集合中調用照相模板。陰極射線管（CRT）除了被用作計算機操作員的顯示設備，還被用來渲染照相排版文本。然而，CRT顯示器的彎曲特性，導致了屏幕上文字和藝術作品向屏幕外緣扭曲。2010年初"平板屏幕"顯示器（LCD、LED和最近的OLED）的出現消除了老式CRT顯示器造成的失真問題。截至2016年，平板顯示器幾乎完全取代了CRT顯示器。 
連接到計算機的印表機可以直接列印文檔，多份列印，也可以作為原件在上述的機器或複印機上複印 。所見即所得的文字處理器使普通辦公用戶和消費者能夠製作更複雜的頁面布局，使用文本對齊，並使用比打字機更多的字體。早期的點陣列印對於辦公文檔來說已經足夠了，但是對於專業排版來說質量還是太低。噴墨列印和雷射列印確實擁有足夠多的質量類型，因此具有這些類型的印表機的計算機很快就取代了照相排版機。
藉助旗艦軟體Adobe InDesign和基於雲的Lucidpress等現代桌面出版軟體，布局過程可以完全在屏幕上進行。（類似布局選項可用於桌面排版軟體支持的專業列印店進行粘貼;相比之下，「文字處理」軟體通常只具有更有限的布局和排版選擇，權衡一下，其靈活性易於使用，適用於更常見的應用。）完成的文檔可以直接列印為複製就緒版本，無需人力組裝（給定足夠大的印表機）。如果將灰度圖像發送到膠印機，則灰度圖像必須是數字半色調，或者單獨發送以供列印店插入標記區域。完成的作品也可以用數字方式傳送到印刷廠，印刷廠可以自己列印，直接拍攝到膠片上，或者使用計算機製版技術完全跳過物理原件。PostScript和可移植文檔格式 （PDF）已成為數字傳輸的標準文件格式。

數字媒體（非紙質）

自個人計算機問世以來，頁面布局技術已擴展到電子媒體和印刷媒體。
電子書 ，PDF文檔和靜態網頁的鏡像文件相對緊密，但計算機還可以添加多媒體動畫和交互性。交互式媒體的頁面布局與界面設計和用戶體驗設計重疊;交互式「頁面」更好地稱作圖形用戶界面 （GUI）。
現代網頁通常使用HTML來生成內容和一般結構， 級聯樣式表來控制演示文稿細節，例如排版和間距，以及用於交互的JavaScript 。由於這些語言都是基於文本的，因此可以在文本編輯器或可能具有所見即所得功能或其他輔助工具的特殊HTML編輯器中完成此工作。諸如Macromedia Flash之類的附加技術可以用於多媒體內容。  Web開發人員負責使用這些技術實際上創建完成的文檔，但單獨的Web設計師可能負責建立布局。給定的Web設計人員也可能是一個嫻熟的Web開發人員，或者可能僅僅熟悉技術的一般功能，並且只是得到為開發團隊可視化所需的結果。

網格與模板

網格和模板是用於廣告活動和多頁出版物（包括網站）的頁面布局設計模式。網格 是一組指導方針，用於對頁面上的元素進行對齊和重複，可以在設計過程中看到，但對最終用戶來說是不可見的。頁面布局可能會也可能不會保持在這些指導原則之內，這取決於該系列文章中設計風格的重複程度或多樣性。網格是靈活的。 使用網格在頁面上布置元素可能需要的圖形設計技巧與設計網格所需的技巧一樣多或甚至更多。
相比之下， 模板 更加死板一些。模板是關於重複元素的，這些元素對於最終用戶/受眾來說是最可見的。與設計模板相比，使用模板布局元素所涉及的圖形設計技巧通常要少一些。模板用於最小限度地修改背景元素和頻繁地修改（或交換）前景內容。
大多數桌面出版軟體的網格是以頁面上填充彩色線或點呈現的，這些線或點放置在指定的相等的水平和垂直距離上。可以在整個文檔中指定自動邊距和小冊子書脊線（裝訂線）以供全局使用。可以在頁面上的任何點放置多個額外的水平和垂直線。對最終用戶/讀者不可見的形狀可以放在頁面上，作為頁面布局和列印處理的指導。軟體模板是通過複製模板數據文件或在多頁文檔中使用母版頁特性實現的。母版頁可以包括網格元素和模板元素，例如頁眉和頁腳元素、自動頁碼和自動目錄功能。

靜態與動態布局

與動態布局相比，靜態布局可以更好地控制美學、徹底優化周圍的空間以及重疊不規則形狀的內容。在網頁設計中，這有時被稱為固定寬度布局；但是整個布局在大小上可以伸縮，同時仍然保持內容的原始比例、靜態位置和樣式。所有光柵圖像格式實際上都是靜態布局；但靜態布局可以通過將文本與圖形分離來包含可搜索的文本。相比之下，網頁的動態布局可以交換內容、個性化樣式、縮放文本、 縮放圖像，以及在可變大小的頁面上內容可流動（通常稱為流體布局）。動態布局更有可能將呈現與內容分離，這有其自身的優勢。動態布局將所有文本和圖像布局為行和列的矩形區域。由於這些區域的寬度和高度被定義為可用屏幕的百分比，因此它們響應不同的屏幕尺寸。它們將自動確保最大限度地利用可用空間，同時始終在屏幕調整大小和硬體限制條件下保持最佳適配。文本可以自由調整大小，以便在不打亂給定布局比例的情況下提供用戶的易讀性。屏幕上內容的整體排列方式可能始終保持原設計。
靜態布局設計可能涉及更多的圖形設計和視覺藝術技能，而動態布局設計可能涉及更多的交互式設計和內容管理技能，以徹底預測內容變化。
動態圖形不適合任何一種類別，但可能涉及布局技巧或仔細考慮運動如何影響布局。在任意一種情況下，運動元素使其成為動態布局，但比靜態圖形設計或交互式設計更能保證運動圖形設計。
電子頁面可以通過劃分頁面或通過組合效果來利用靜態和動態布局特徵。例如，頁面的一部分（例如web橫幅）可以包含交換內容區域內包含的靜態或動態圖形。通過使用不可見的間隔物將文本推離邊緣，動態或實時文本可以纏繞在不規則形狀的圖像周圍。一些計算機算法可以檢測包含輪廓周圍的透明度和流動內容的對象的邊緣。

前端與後端

隨著現代化的媒體內容檢索和輸出技術的發展， 視覺傳達（前端 ）和信息技術（後端 ）之間出現了很多交叉。大型印刷出版物（厚書，特別是教學性的書籍）和電子頁面（網頁）需要元數據來實現自動索引、自動重新格式化、資料庫發布、動態頁面顯示和最終用戶交互。許多元數據（meta標記）必須在頁面布局過程中人工編碼或指定。這將藝術家和工程師之間的頁面布局工作劃分開來，也有時藝術家或工程師單獨執行這兩項工作。更複雜的項目可能需要兩個單獨的設計：頁面布局設計作為前端 ，功能編碼設計作為後端。在這種情況下，前端可以使用其他頁面布局技術（如圖像編輯軟體）進行設計，或使用手繪方法在紙上進行設計。大多數圖像編輯軟體都包含用於轉換頁面布局的功能，以便在「 所見即所得 」編輯器或功能中使用，以導出圖形供桌面出版軟體使用。在大多數情況下，所見即所得編輯器和桌面出版軟體允許在後端編碼之前進行前端設計。界面設計和資料庫發布可能涉及更多技術知識，或與前端信息技術工程的協作。有時，後端的功能是自動檢索和排列前端的內容。

開發階段展示布局

通常在所有內容準備就緒之前，可以創建布局的模型以獲得早期反饋。無論是紙質還是電子媒體，布局的初稿可能都只是用草稿紙和鉛筆素描。新雜誌的綜合布局可能會顯示文本和圖像的占位符，而不是展示位置，排版風格和其他旨在為實際問題或特定未完成問題設置模式的習語。網站線框是一種低成本的顯示布局的方式，這種方法不需要創建最終HTML和CSS，也不需要編寫副本或創建任何圖像。
Lorem ipsum文本通常用於避免任何臨時發布的樣本副本可能導致的尷尬。同樣，占位符圖像通常標記為「 僅用於位置 」。