版面設計

版面設計是平面設計的一部分，其旨在處理頁面上視覺元素的排列。它根據構圖的組織原則來實現特定溝通目的。高階版面設計決定文字和影象的整體佈局及媒介大小或形狀，這一級別的設計需要智慧、感知力和創造力，並且需要設計者不僅受到文化、心理學的影響，還要能根據文件作者和編輯的希望傳達並強調特定主題。低級別的分頁及排版則是更機械的過程，文字區域的邊界、字型、字型大小和對齊偏好等都可以透過一些引數實現。在桌面出版占主導地位之前，這些過程仍由人來完成，但在現代出版中，基本上這些都是自動化完成了。最終的結果可能是按原樣出版，這非常重要，設計過雜誌會吸引你閱讀。從中世紀早期的手抄本上的彩頁起，再到精緻的現代雜誌和目錄佈局，長期以來設計者都會把版面設計列為一項考慮因素。而對於印刷介質，納入考慮的因素通常包括文字、影象，偶爾設計者還要用一些不是用油墨，而是用模具/鐳射切割、燙印或素壓浮凸等製成的佔位圖形元素。歷史和佈局技術.直接物理排版.對於手稿，所有元素都是手工新增的，因此創作者可以在創作作品時直接確定佈局，也許可以提前作一個草圖作為指導。在古老的雕版印刷中，頁面的所有元素都直接雕刻在木頭上，但如果印刷轉移到更大的作品上，比如大塊布料上，可能會留下多個印痕，則後期版面設計可能需要做出決策。隨著文藝復興時期凸版印刷和冷金屬活字排版的發明，排版是用排字棒把字元物理組合在一個長托盤裡完成的。任何影象都可以透過雕刻創造出來。原始檔案會是手稿；如果排版是由排版藝術家以外的其他人進行的，則會在原稿中加上一些標記 ，並附有關於字型、字號等的說明。在第一輪排版之後，為了校對、糾正原稿中的錯誤，確保排版工人複製原稿、理解標記無誤，可能會印製一份長條校樣。最終的佈局將由印版的印版，會按需將文字和影象分隔開來。該過程稱為拼版，可能包括將多個頁面排列在同一張紙上，以便日後摺疊和裁切。可以製作“組版樣張”來檢查最終排版是否正確。1884年發明的熱金屬排版加快了排版過程，這讓工人可以使用鍵盤排出一行一行的字。鉛字是熔融金屬被澆注到由排版機器臨時組裝的模具中的結果。佈局過程與冷金屬型別保持一致，只是：要組裝成物理樣板。拼貼時代.偏移光刻允許影象的明暗區域以及帶有文字對齊的型別。透過光刻和半色調技術，物理照片可以直接轉印，而不必依靠手工雕刻。佈局過程後來成為建立拼貼的任務，這樣命名是因為橡膠水泥或其他粘合劑將用於將影象和成列的文字物理貼上到硬紙上。已完成的頁面稱為完稿。照相排版發明於1945年，在鍵盤輸入之後，字元被一個接一個地拍攝到照相底片上，然後這些照片可以直接送到印刷廠，或者拍攝到相紙上進行貼上。這些機器變得越來越複雜，計算機驅動的模型能夠在磁帶上儲存文字。計算機輔助出版.隨著計算機圖形功能的成熟，它們開始被用於直接渲染字元、分列、頁面甚至多頁簽名，而不是簡單地從預先提供的集合中呼叫照相模板。陰極射線管的出現消除了老式CRT顯示器造成的失真問題。截至2016年，平板顯示器幾乎完全取代了CRT顯示器。連線到計算機的印表機可以直接列印文件，多份列印，也可以作為原件在上述的機器或影印機上覆印 。所見即所得的文字處理器使普通辦公使用者和消費者能夠製作更復雜的頁面佈局，使用文字對齊，並使用比打字機更多的字型。早期的點陣列印對於辦公文件來說已經足夠了，但是對於專業排版來說質量還是太低。噴墨列印和鐳射列印確實擁有足夠多的質量型別，因此具有這些型別的印表機的計算機很快就取代了照相排版機。藉助旗艦軟體Adobe InDesign和基於雲的Lucidpress等現代桌面出版軟體，佈局過程可以完全在螢幕上進行。已成為數字傳輸的標準檔案格式。數字媒體.自個人計算機問世以來，頁面佈局技術已擴充套件到電子媒體和印刷媒體。電子書 ，PDF文件和靜態網頁的映象檔案相對緊密，但計算機還可以新增多媒體動畫和互動性。互動式媒體的頁面佈局與介面設計和使用者體驗設計重疊;互動式“頁面”更好地稱作圖形使用者介面 。現代網頁通常使用HTML來生成內容和一般結構， 級聯樣式表來控制簡報細節，例如排版和間距，以及用於互動的JavaScript 。由於這些語言都是基於文字的，因此可以在文字編輯器或可能具有所見即所得功能或其他輔助工具的特殊HTML編輯器中完成此工作。諸如Macromedia Flash之類的附加技術可以用於多媒體內容。 Web開發人員負責使用這些技術實際上建立完成的文件，但單獨的Web設計師可能負責建立佈局。給定的Web設計人員也可能是一個嫻熟的Web開發人員，或者可能僅僅熟悉技術的一般功能，並且只是得到為開發團隊視覺化所需的結果。投影頁面.用於演示或娛樂的投影幻燈片通常具有與列印頁面類似的佈局考慮。魔術燈籠和不透明投影儀在19世紀的講座中使用，用於印刷，打字，拍照或手繪原件。可以使用兩組攝影膠片 或一個反轉片來產生可以透過光線投射的正像。當聲音不可用時， Intertitle被廣泛用於最早的電影中 ;他們仍然偶爾在除了隨處可見的虛榮心卡 S和信貸之外使用。在20世紀40年代使用高射投影儀和20世紀50年代的幻燈機投影儀以透明膠片進行演示變得流行。一些影印機可以列印高射投影儀的透明膠片 。計算機演示程式於20世紀80年代上市，可以以數字方式佈置簡報。計算機開發的簡報可以透過一些鐳射印表機列印成透明的，轉移到幻燈片，或使用LCD頂置投影儀直接投影。現代演示通常使用影片投影儀 ， 計算機顯示器或大螢幕電視則以數字方式顯示。佈置簡報提出的挑戰與列印文件略有不同，特別是因為一個人通常會在說話時參考投影頁面。可考慮：網格與模板.網格和模板是用於廣告活動和多頁出版物的頁面佈局設計模式。網格 是一組指導方針，用於對頁面上的元素進行對齊和重複，可以在設計過程中看到，但對終端使用者來說是不可見的。頁面佈局可能會也可能不會保持在這些指導原則之內，這取決於該系列文章中設計風格的重複程度或多樣性。網格是靈活的。 使用網格在頁面上佈置元素可能需要的圖形設計技巧與設計網格所需的技巧一樣多或甚至更多。相比之下， 模板 更加死板一些。模板是關於重複元素的，這些元素對於終端使用者/受眾來說是最可見的。與設計模板相比，使用模板佈局元素所涉及的圖形設計技巧通常要少一些。模板用於最小限度地修改背景元素和頻繁地修改前景內容。大多數桌面出版軟體的網格是以頁面上填充彩色線或點呈現的，這些線或點放置在指定的相等的水平和垂直距離上。可以在整個文件中指定自動邊距和小冊子書脊線以供全域性使用。可以在頁面上的任何點放置多個額外的水平和垂直線。對終端使用者/讀者不可見的形狀可以放在頁面上，作為頁面佈局和列印處理的指導。軟體模板是透過複製模板資料檔案或在多頁文件中使用母版頁特性實現的。母版頁可以包括網格元素和模板元素，例如頁首和頁尾元素、自動頁碼和自動目錄功能。靜態與動態佈局.與動態佈局相比，靜態佈局可以更好地控制美學、徹底最佳化周圍的空間以及重疊不規則形狀的內容。在網頁設計中，這有時被稱為固定寬度佈局；但是整個佈局在大小上可以伸縮，同時仍然保持內容的原始比例、靜態位置和樣式。所有光柵影象格式實際上都是靜態佈局；但靜態佈局可以透過將文字與圖形分離來包含可搜尋的文字。相比之下，網頁的動態佈局可以交換內容、個性化樣式、縮放文字、 縮放影象，以及在可變大小的頁面上內容可流動。動態佈局更有可能將呈現與內容分離，這有其自身的優勢。動態佈局將所有文字和影象佈局為行和列的矩形區域。由於這些區域的寬度和高度被定義為可用螢幕的百分比，因此它們響應不同的螢幕尺寸。它們將自動確保最大限度地利用可用空間，同時始終在螢幕調整大小和硬體限制條件下保持最佳適配。文字可以自由調整大小，以便在不打亂給定佈局比例的情況下提供使用者的易讀性。螢幕上內容的整體排列方式可能始終保持原設計。靜態佈局設計可能涉及更多的圖形設計和視覺藝術技能，而動態佈局設計可能涉及更多的互動式設計和內容管理技能，以徹底預測內容變化。動態圖形不適合任何一種類別，但可能涉及佈局技巧或仔細考慮運動如何影響佈局。在任意一種情況下，運動元素使其成為動態佈局，但比靜態圖形設計或互動式設計更能保證運動圖形設計。電子頁面可以透過劃分頁面或透過組合效果來利用靜態和動態佈局特徵。例如，頁面的一部分可以包含交換內容區域內包含的靜態或動態圖形。透過使用不可見的間隔物將文字推離邊緣，動態或實時文字可以纏繞在不規則形狀的影象周圍。一些計算機演算法可以檢測包含輪廓周圍的透明度和流動內容的物件的邊緣。前端與後端.隨著現代化的媒體內容檢索和輸出技術的發展， 視覺傳達進行設計，或使用手繪方法在紙上進行設計。大多數影象編輯軟體都包含用於轉換頁面佈局的功能，以便在“ 所見即所得 ”編輯器或功能中使用，以匯出圖形供桌面出版軟體使用。在大多數情況下，所見即所得編輯器和桌面出版軟體允許在後端編碼之前進行前端設計。介面設計和資料庫釋出可能涉及更多技術知識，或與前端資訊科技工程的協作。有時，後端的功能是自動檢索和排列前端的內容。設計元素和選擇.可以在特定桌面釋出模板中實現的特有樣式或多或少地規定頁面佈局。與分頁量相比，可能還有相對較少的佈局。典型的頁面佈局決策包括：要列出的具體要素包括：在報紙製作中，最終選擇和裁剪伴隨故事的照片可能留給佈局編輯器，或者可能有單獨的照片編輯。同樣， 標題可能由佈局編輯器，副本編輯器或原始作者編寫。為了使故事適合最終佈局，可能會進行相對無關緊要的複製調整，或者佈局編輯器可能會對字型大小或前導等排版元素進行輕微調整。浮動塊.寫作和出版物中的浮動塊是與主文字不對齊的其他圖形，文字，表格等。使用浮動塊來呈現圖片和表格是學術寫作和技術寫作的典型特徵，包括科學文章和書籍的寫作。浮動塊通常標有描述其內容的標題，以及用於引用正文中的圖形的數字。普遍將浮動塊分成兩個單獨編號的系列，標記為"圖形" 和"表格" 。浮動塊之所以說是"浮動的，" 是因為它們並不像主文字那樣有在頁面上的固定位置，而是可以漂移到頁面的一側。透過在頁面的側面放置圖片或其他大型專案而不是將它們嵌入主文字中，這樣可以使得排版更靈活，並且可以避免中斷敘述。例如，一篇關於地理的文章可能會附上“圖1：世界地圖”，“圖2：歐洲地圖”，“表1：大陸人口”，“表2：歐洲國家人口”等等，這些都是浮動塊。除了目錄之外，有些書還會有一個數字表 - 它集中列出了作品中出現的所有數字。還可以區分出其他種類的浮動塊，例如：附文： 從主文字中附加出來的。例如，關於產品使用的技術手冊可能在附文中包括各如何使用該產品的示例。也稱為"intermezzo" 。見附文 。程式：關於計算機程式設計的文章和書籍通常將程式碼和演算法放在圖中。公式：數學著作可能會將大塊的數學符號放在與主文字分開的浮動塊中。開發階段展示佈局.通常在所有內容準備就緒之前，可以建立佈局的模型以獲得早期反饋。無論是紙質還是電子媒體，佈局的初稿可能都只是用草稿紙和鉛筆素描。新雜誌的綜合佈局可能會顯示文字和影象的佔位符，而不是展示位置，排版風格和其他旨在為實際問題或特定未完成問題設定模式的習語。網站線框是一種低成本的顯示佈局的方式，這種方法不需要建立最終HTML和CSS，也不需要編寫副本或建立任何影象。Lorem ipsum文字通常用於避免任何臨時釋出的樣本副本可能導致的尷尬。同樣，佔位符影象通常標記為“ 僅用於位置 ”。