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