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