今天來繼續(xù)說說在文本排版中的一些個人心得，上一篇文本排版淺談一中介紹了文本排版中的一些屬性設(shè)置和排版規(guī)則，現(xiàn)在就根據(jù)這些屬性和規(guī)則，來對文本的排版做一下更深入的說明。
1 排版單元
1.1 排版單元說明
在常用的排版中，會遇到許多基于標題和正文的組合，那就需要一個通用的格式來表達這種組合關(guān)系。
下圖中標題、正文內(nèi)容的區(qū)別可以通過文字大小、顏色等方式進行內(nèi)容區(qū)分，保持標題和正文的間距，從視覺距離上區(qū)分標題和正文。
1.2 排版單元多形態(tài)
1.1 中的基礎(chǔ)排版單元不能夠滿足我們在日常中的使用，這里補充了常用的三種排版單元的延伸方式
A：第一種是排版單元基礎(chǔ)上，添加了圖片的使用。圖片根據(jù)實際使用場景，進行圖片大小、形狀的選擇，總體上實現(xiàn)左右的結(jié)構(gòu)；
B：第二種是A類的變形，這里限制了圖片的大小，將圖片和標題構(gòu)成一個小整體，和正文形成上下結(jié)構(gòu)，這里只是提及，后面文字不做示例說明；
C：第三種主要處理我們在列舉、并列場景的使用，左側(cè)使用數(shù)字序號或者其他序號標識來實現(xiàn)列舉過程中的順序標記。
在下文列舉中的常用示例中，會看到基于這些排版使用的場景
2 橫方向排版
顧名思義，橫方向排版主體指文本的排列方向為橫向，這里介紹幾種我們在日常文本排版中使用的場景，在這些示例中會看到大量基于排版單元的使用。
在部分示例之中，會有相關(guān)的參考線說明。之所以在示例中標注，只是為了能夠更好的看出元素在整體頁面中的平面位置信息，建立起元素在排版過程中如何放置的概念，更是為了以后的文章挖坑。
2.1 內(nèi)容模塊過渡頁
在開始一個新的內(nèi)容模塊的時候，需要這個模塊過度頁面進行前后內(nèi)容模塊的過渡。通過這個頁面標題下方的簡要概述，了解這個內(nèi)容模塊的論述說明方向。
A：以A類排版單元為基礎(chǔ)的模塊過渡頁
左側(cè)使用圖標，右側(cè)為標題和精簡的正文表述
B：以C類排版單元為基礎(chǔ)的模塊過渡頁
不同于2.1-A中左側(cè)使用的是圖片(圖標)，這里使用序號進行內(nèi)容模塊的順序標記，這樣能夠向觀眾展示敘述的模塊進度。
2.2 圖文說明
圖片和文字構(gòu)成的頁面，我們通過圖片和文本的結(jié)構(gòu)排列，突出頁面中的重要信息。
A：左圖右文
A類排版單元使用，作為圖文頁面中常用的一類，圖片和文本內(nèi)容形成左右結(jié)構(gòu)：左側(cè)圖片進行視覺展示，右側(cè)文字進行詳細說明。左圖右文，強化圖片展示
B：左文右圖
A類排版單元使用，圖文頁面中常用的一類，文本內(nèi)容和圖片形成左右結(jié)構(gòu)：左側(cè)進行文字說明，右側(cè)進行圖片展示，這樣的左文右圖的目的主要是強化文字說明。
2.3 并列項-基于排版單元說明
這里的并列項是基于排版單元，即獨立的并列內(nèi)容包括標題和正文概述。使用這種并列項的好處，通過精簡的正文概述讓人對于即將展開的內(nèi)容有個初步的理解。
2.4 敘述性文本排版
在我們在一個頁面中需要使用大量的文字去論述一個事實、觀點時，需要對這個多文字的段落進行合理劃分。
在處理這類大段敘述性文字怎么進行劃分，這里參考上一篇文字幻燈片中文本排版之淺談一，按照文字中提及到幾個規(guī)則，讓敘述性文本表達更加合理。下面是幾種針對不同場景的排版說明：
2.4.1 居中+左對齊排版一
標題、二級標題/修飾說明呈居中對齊方式、正文部分左對齊方式。在這里解釋一下什么叫二級標題/修飾說明：需要對標題進行細化說明或者完全獨立于標題作為修飾性文字（圖像），這時候可以添加這一個模塊。
下面這個示例中的二級標題/修飾說明，為圖像+文字的形式。合理控制其大小，如果使用文本內(nèi)容通常情況下其文字字號比正文內(nèi)容要?。蝗绻褂脠D像的話，其高度和標題設(shè)置的高度接近即可。
2.4.2 居中+左對齊排版二
標題呈居中對齊方式、正文部分左對齊方式，這里的排版相比較2.5.1中，少了二級標題/修飾說明，其整體排版規(guī)則要求和2.5.1中相同。
2.4.3 居中+左對齊排版三
標題呈居中對齊方式、正文部分左對齊方式，這里的二級標題/修飾說明，位于標題的右側(cè)區(qū)域。和2.4.1不同的是，這里的標題和正文整體呈現(xiàn)下-上結(jié)構(gòu)
2.4.4 左對齊排版
標題、二級標題/修飾說明、正文部分左對齊方式。選擇這種左對齊的排版時，會讓整個版面向左失衡，如下圖的實例：
為了解決這種頁面版塊失衡，在文本右側(cè)增加圖片形成左右平衡的圖文結(jié)構(gòu)。這里的圖片可以選用圖片的一部分作為平衡版面。
2.5 多行分隔文本排版
在上一篇關(guān)于文本排版的文章中提及，對于多行分隔段落的文字（即每一行單獨成語義，如詩詞），我們在整個頁面排版時使用居中對齊的排版方式。
下面介紹兩種這類場景的排版：
A 上中下結(jié)構(gòu)：上?標題、中?二級標題/修飾說明、下?正文
B 上中下結(jié)構(gòu)：中?標題、下?二級標題/修飾說明、上?正文
C 上下結(jié)構(gòu)：上?正文、下?標題 + 二級標題/修飾說明
2.6 并列性文本排版
2.3介紹了基于排版單元的并列項排版，在這里再說說一般并列性文本的排版，并列性文本和2.5多行分隔文本相似，都是文本分隔、各成語義。那么根據(jù)這種文本分隔的屬性，列舉了下面幾種使用場景。
A 標題居中對齊，并列項左對齊依次列舉
這種方式我們在并列項排版使用最多，使用數(shù)字序號標記并列項
B 標題居中對齊，并列項上下居中依次列舉
C 標題、并列項左對齊，右側(cè)圖片
使用圖片的目的是保證文本和圖片的版面平衡
3 縱方向排版
不同于橫向排版，縱向排版使用場景較少。之所以介紹縱向排版，因為有橫必有豎嘛。
縱向排版用于標題。標題、正文如果使用橫向排版，因其頁面高度有限，如果正文行數(shù)較多，會使得其高度范圍內(nèi)比較擁擠，如下圖：
而同時，縱向排版因頁面寬度較大，不會產(chǎn)生擁擠感，將標題縱向排列不失為一個好的選擇，如下圖：
3.1 幾種場景說明
3.2 并列關(guān)系場景說明
3.3 標題+正文縱向排版
3.4 圖文縱向場景
看來這一篇放不下了
那么未完待續(xù)，下一篇文字繼續(xù)
文章來源：https://zhuanlan.zhihu.com/p/28482925
鄂公網(wǎng)安備 42050602000108號