ello,大家好,我是利兄~
今天給大家分享一個(gè)好東西,PPT排版的萬(wàn)能模板。
文章有些長(zhǎng),但都是干貨。務(wù)必認(rèn)真看完哦。
PPT設(shè)計(jì)屬于版式設(shè)計(jì),里面涉及到很多排版的小知識(shí)。要想學(xué)好PPT,就要在平常多積累一些版式。
我在學(xué)習(xí)PPT過(guò)程中,看到一些優(yōu)秀的作品,也都會(huì)收藏起來(lái),并且研究這個(gè)作品背后的版式設(shè)計(jì)的邏輯。
很多作品,雖然內(nèi)容不一樣,但是背后的版式是相同。
所以,我從500個(gè)經(jīng)典案例里面,給大家整理了一份PPT排版的萬(wàn)能版式。
封面頁(yè)
排版版式
首先是關(guān)于封面設(shè)計(jì)的,封面是一個(gè)PPT的門面,所以非常重要。我們先來(lái)看兩個(gè)封面案例
案例一
案例二
這兩個(gè)案例雖然看起來(lái)風(fēng)格不太一樣,但是背后的版式是一樣的,都是像下圖這樣的。
不同的顏色代表不同的元素。
這種封面設(shè)計(jì)的版式非常常見(jiàn),只要我們將標(biāo)題字體的進(jìn)行重新設(shè)計(jì),還有圖片調(diào)整一下,視覺(jué)效果又不一樣了。
拆分字
書(shū)法字體
我們?cè)賮?lái)看下面這個(gè)案例
案例三
這個(gè)案例屬于非常典型的左對(duì)齊封面,其背后的版式如下:
主副標(biāo)題靠在一起,下方放置其它次要信息。
在這個(gè)版式的基礎(chǔ)上,我們添加一些形狀,就可以延伸出很多不同的效果。比如下面這兩個(gè)案例
案例四
背后的版式都是類似這樣的:
我們?cè)賮?lái)看下面這個(gè)案例
案例五
這個(gè)案例也是居中排版,但是他在圖片處理上使用了插圖,而不是全圖型。其背后的版式是下圖這樣的。
圖片的形狀是可以更換的,字體也是可以調(diào)整的。
我們?cè)趤?lái)看下面這個(gè)案例
案例六
這個(gè)案例相對(duì)比較豐富了,運(yùn)用了穿插和遮擋的效果。背后的版式如下
圖片不一定是PNG的人物形象照,還可以是樣機(jī),產(chǎn)品插圖等。
如果是完整的一張圖片
我們也可以通過(guò)摳圖或者背景填充的方法,實(shí)現(xiàn)類似的效果。
我們?cè)趤?lái)看案例七
這個(gè)案例運(yùn)用的是上下分割的版式,主圖在上,文字在下,背后的版式邏輯如下:
與之相對(duì)應(yīng)的,就是案例八
其背后的版式邏輯如下:
主圖在右側(cè),標(biāo)題文字在左側(cè)。這里的圖片最好是扣除背景的PNG圖片。
目錄頁(yè)的
排版版式
我們來(lái)看案例九
這是最常見(jiàn)的目錄頁(yè)排版版式,做出的效果肯定不會(huì)難看,背后的版式如下
與之相對(duì)應(yīng)的就是案例十
我們將“目錄”二字放在左側(cè),右側(cè)放目錄內(nèi)容,背后的版式如下:
案例十一
案例十一,主要就是將內(nèi)容模塊化,無(wú)論是內(nèi)容是幾點(diǎn),都可以這樣去排版。
背后的版式如下:
底部的形狀不同,字體不同,所呈現(xiàn)的效果不同,但是背后的版式都是一樣的。
我們?cè)賮?lái)看案例十二
我們?cè)谂虐婺夸涰?yè)的時(shí)候,可以加入形狀,加入圖標(biāo),可視化效果就會(huì)好很多。
上面案例背后的版式如下:
內(nèi)頁(yè)的
排版版式
我們?cè)賮?lái)看內(nèi)頁(yè)的排版版式,先看案例十三
這個(gè)就是典型的分組模塊化排版,我們可以用線框,也可以用色塊。
背后的版式如下
案例十四
上面這個(gè)案例主要是環(huán)繞式布局,其背后的版式如下
案例十五
如果有圖片,我們要將圖片裁剪成大小比例一致,然后并列排版。背后的版式如下:
在上面案例的基礎(chǔ)之上,我們可以移動(dòng)一下圖片,讓圖片錯(cuò)落有致,就像案例十六
背后的版式如下
案例十七
案例十七就是典型的縱列式排版,背后的版式如下
我們來(lái)看案例十八
這個(gè)案例排版的結(jié)構(gòu)不是上下了,而是左右,而且內(nèi)容進(jìn)行模塊化分組。
背后的版式如下
案例十九
案例十九,通過(guò)圖片,對(duì)版面進(jìn)行了分屏
背后的版式如下:
案例二十
當(dāng)我們?cè)谡故径帱c(diǎn)內(nèi)容,而且內(nèi)容之間存在包含和對(duì)比關(guān)系時(shí),我們可以用這個(gè)版式。
以上就是今天給大家分享的小技巧,希望你喜歡~
用WPS或Word排版,除了設(shè)置各種字體、字型、顏色、大小外,我們還可以使用一些另類的文字樣式。例如:標(biāo)題文字加方框或圓圈突出顯示,任意標(biāo)題或段落以任意方向、任意形狀排版,將任意文字打造成成自定義的藝術(shù)樣式等。這樣,就能令版面更加多姿多彩,活潑靈動(dòng)。
突出強(qiáng)調(diào)——獨(dú)特外框式文字
加有圈形或方塊形外圈的標(biāo)題,會(huì)給人更加突出的感覺(jué),引人注目。版面要給特定文字加上圓圈或方形外框,不需要通過(guò)文本框或圓圈圖形與文字疊加這種笨辦法。只需套用“字體”設(shè)置項(xiàng)目組中提供的“帶圈字體”工具,經(jīng)過(guò)設(shè)置即可完成。
首先輸入漢字或其他字符,選擇要設(shè)置的文字(注意是單個(gè)文字)。點(diǎn)擊文字工具組中的“帶圈字體”下拉菜單,選擇其中的“帶圈字符”。
在帶圈字符樣式設(shè)置窗口中,我們會(huì)發(fā)現(xiàn)設(shè)好的字體比原字小了很多。這時(shí),如果要擴(kuò)大顯示,只需在樣式列表中選擇“增大圈號(hào)”,確定即可。
我們注意到,不但可以通過(guò)這種方法設(shè)置圓圈外框,還可以從“圈號(hào)”列表中選擇包括方框、三角形、菱形在內(nèi)的其他3種外框。
如果要給文字添加邊框效果,雖然用上述“方框”類型可實(shí)現(xiàn)單個(gè)漢字的邊框顯示。但如果要給一行文字添加整體邊框,需要通過(guò)“帶圈字體”字體菜單中的“字符邊框”命令來(lái)實(shí)現(xiàn)。
擺脫平庸——任意方向文本
平時(shí)排版時(shí),我們的文本都是橫平豎直的排列。即便是文本框,也只不過(guò)是通過(guò)它來(lái)靈活安置位置而已。但如果將某些文字設(shè)置為任意方向排版,會(huì)給版面更多的動(dòng)感。為此,可以用文本框的旋轉(zhuǎn)來(lái)實(shí)現(xiàn)。
通過(guò)WPS“插入→文本框”命令插入一個(gè)文本框(Word 2016的操作為“插入→文本→文本框”),之后選中文本框后發(fā)現(xiàn)其邊框中央部分有一個(gè)半圓形的箭頭按鈕,通過(guò)按下該按鈕并拖動(dòng)鼠標(biāo),即可實(shí)現(xiàn)文本框的任意旋轉(zhuǎn)。如果希望傾斜的文字在版面中以無(wú)邊框的狀態(tài)出現(xiàn),可點(diǎn)擊右側(cè)設(shè)置工具條最下方的線條按鈕,將線條設(shè)置為“無(wú)”即可。
“文本工具”菜單的巧妙利用。在WPS激活文本框之后,我們發(fā)現(xiàn)系統(tǒng)生出了一個(gè)“文本工具”菜單,可以在“預(yù)設(shè)樣式”中套用許多花樣的藝術(shù)文本樣式(Word 2016中稱“快速樣式”)。此外,如果對(duì)這些預(yù)置效果不滿意,還可以對(duì)文版的填充、輪廓、方向、效果等作自由的用戶定義設(shè)置。
穩(wěn)中求變——任意形狀文本
版面中文本框中的文字內(nèi)容雖然不好改變,但文本的布排形式卻可以擺脫死氣不變的矩形模式,尋求更加多變的文字塊樣式。
先創(chuàng)建一個(gè)普通文本框。點(diǎn)擊文本框激活之后,WPS中可見(jiàn)到另一個(gè)菜單“繪圖工具”的出現(xiàn),通過(guò)它可以將文本框設(shè)置為非矩形的任意其他樣式。選中文本框,依次點(diǎn)擊“繪圖工具→編輯形狀→更改形狀”,然后從預(yù)設(shè)形狀中選擇自己想要的目標(biāo)形狀。
Word 2016中是通過(guò)“繪圖工具→格式→形狀”菜單下更改設(shè)置。
同樣我們也可以對(duì)自定義后的形狀作進(jìn)一步的效果設(shè)置,包括填充、輪廓和各種預(yù)設(shè)的形狀效果等。甚至可以創(chuàng)造出具有三維效果的文本框。這只需通過(guò)“形狀樣式”選擇框下選擇相應(yīng)的效果即可。
多彩多姿——藝術(shù)氣息文本
如果說(shuō)以上文字效果是以文本框?yàn)榛A(chǔ)的,那么我們還可以用另一種對(duì)象來(lái)實(shí)現(xiàn)文字的特殊藝術(shù)效果,那就是“藝術(shù)字”。
藝術(shù)字的制作比較簡(jiǎn)單,只需通過(guò)WPS“插入→藝術(shù)字”命令按鈕,從彈出的預(yù)設(shè)藝術(shù)字樣式中選擇一種樣式,然后在開(kāi)啟的模板中輸入自己的文字即可。
Word 2016的操作路徑為“插入→文本→藝術(shù)字”。
雖然系統(tǒng)內(nèi)置的藝術(shù)字樣式種類非常有限,但是,同上述文本框設(shè)置一樣,在WPS中選中藝術(shù)字框之后,系統(tǒng)會(huì)出現(xiàn)“文本工具”和“繪圖工具”兩個(gè)菜單,通過(guò)這兩個(gè)菜單中的命令按鈕,我們可以對(duì)當(dāng)前的藝術(shù)字進(jìn)行靈活的設(shè)置改造,從而創(chuàng)作出更多的藝術(shù)字樣式。
Word 2016中是通過(guò)“格式”菜單下的“藝術(shù)字樣式”分組框,實(shí)現(xiàn)快速樣式的選擇,或自定義樣式的修改的。
文/苗子燁 版式設(shè)計(jì)中的每個(gè)要素都發(fā)揮著重要的作用,這些要素扮演著不同的角色,齊心協(xié)力的演繹著不同風(fēng)格的視覺(jué)畫(huà)面。合理的安排好每個(gè)要素之間的關(guān)系,是一個(gè)好的編排設(shè)計(jì)的前提。其中的“虛”與“實(shí)”二者的關(guān)系也是一個(gè)很重要的環(huán)節(jié)。
時(shí)代的進(jìn)步把我們帶到了視覺(jué)傳達(dá)的世界,諸多視覺(jué)文化沖擊著我們的感官。“閱讀”這一概念也隨著發(fā)生了變化。從單純的文字識(shí)別發(fā)展到了頁(yè)面中的每一個(gè)細(xì)節(jié):圖形、色彩、線條等等。影響閱讀者節(jié)奏的關(guān)鍵是書(shū)記版式的設(shè)計(jì)。而對(duì)一位版式設(shè)計(jì)師來(lái)說(shuō),有序的安排好版面空間中各個(gè)元素的疏密關(guān)系,給予讀者視覺(jué)上的舒適性才是最重要的。
因?yàn)槭袌?chǎng)經(jīng)濟(jì)條件下,以消費(fèi)者為本,要從讀者的角度出發(fā)進(jìn)行設(shè)計(jì)才不會(huì)被市場(chǎng)淘汰。在這樣的狀態(tài)下,單純對(duì)字距和行距的注重已經(jīng)不能滿足我們的需求。作為一個(gè)設(shè)計(jì)師,版面中的每一個(gè)元素都應(yīng)該在衡量的范圍里面。閱讀者的節(jié)奏受版面中各個(gè)元素之間疏密關(guān)系的影響。所以說(shuō)合理安排版面中的疏密關(guān)系是設(shè)計(jì)中很重要的一環(huán)。
虛實(shí)關(guān)系在繪畫(huà)中是一個(gè)很重要的概念,所謂的畫(huà)法,就在虛實(shí)之間體現(xiàn)出來(lái),講究虛實(shí)相宜。同樣,版式設(shè)計(jì)中對(duì)虛實(shí)關(guān)系的處理也很重要,有這樣的幾句話來(lái)形容:虛實(shí)結(jié)合,虛實(shí)相生,虛居帥位,意味無(wú)窮。以下是對(duì)版面里虛實(shí)關(guān)系的一點(diǎn)淺談。
“虛實(shí)“一詞可以理解為“疏密”,追溯其源頭是在《辭源》中,“疏”是稀;老子曰:“天網(wǎng)恢恢,疏而不失。”而在版式設(shè)計(jì)中虛實(shí)可以理解為畫(huà)面中的黑白關(guān)系,即內(nèi)容部分與留白之間的合理設(shè)置問(wèn)題。這在版式設(shè)計(jì)中是一個(gè)很重要的環(huán)節(jié)。二者之間是一個(gè)矛盾的關(guān)系,既互相對(duì)立又互相統(tǒng)一。我個(gè)人認(rèn)為版設(shè)設(shè)計(jì)中的虛實(shí)主要體現(xiàn)在以下三個(gè)方面。
整體版面中的文本
在視覺(jué)傳達(dá)的過(guò)程中,文字起著舉足輕重的作用。在版式設(shè)計(jì)中占據(jù)著重要的地位,用一句話來(lái)形容,如果說(shuō)版式設(shè)計(jì)是一種語(yǔ)言,那么文字的編排設(shè)計(jì)就是它的語(yǔ)法部分。隨著人們對(duì)精神需求的要求越來(lái)越高,視覺(jué)傳達(dá)的應(yīng)用形式、傳播媒介、使用價(jià)值、服務(wù)對(duì)象、創(chuàng)作方法等有了更加多樣的變化,文字版式設(shè)計(jì)在其中也得到了更高層次的變化。
在版設(shè)設(shè)計(jì)的文字編排上,除去文字這樣的實(shí)質(zhì)意義上的造型元素,所剩余的空白我們就稱它為“負(fù)形”,包括文字的間距和行距,以及周邊空出來(lái)的版面,我們稱之為頁(yè)邊距、頁(yè)眉、頁(yè)腳之類的地方。這些負(fù)形和文字的實(shí)體之間大小粗細(xì)的變化對(duì)比就產(chǎn)生了我們從視覺(jué)上感受的動(dòng)態(tài)以及擴(kuò)張力。但是這些都是體現(xiàn)在有限的范圍和尺度之內(nèi)的,這些視覺(jué)上的“實(shí)”與“虛”怎樣在這樣的空間里表現(xiàn)出來(lái)最好的視覺(jué)效果,主要就由這種空間上的文字實(shí)體與負(fù)形留白之間的關(guān)系變化來(lái)決定。
在對(duì)文字的排版過(guò)程中,應(yīng)該把負(fù)形的位置和大小作為一個(gè)要點(diǎn)充分的重視起來(lái)。比如說(shuō)在排版方式中,一些偏瘦長(zhǎng)的字體比較適合豎排的方式,而方形的字體由于空間占有率較高,應(yīng)作橫向的排版。另外,文字的位置和互相之間的組合方式和結(jié)構(gòu)的不同也會(huì)產(chǎn)生不一樣的效果。
圖形與文本關(guān)系
在對(duì)這二者的關(guān)系處理中,虛實(shí)關(guān)系的體現(xiàn)和純文本的編排中則又有不同。在圖文混排中,版面中的“虛”既可以想上述文字中的留白一樣,也可以是比較細(xì)小的文字、面積較小的圖片和色彩,這主要是版面的具體情況決定的。
利用對(duì)文字進(jìn)行纖細(xì)的設(shè)計(jì)時(shí)的虛化效果,而與圖形或者文字的實(shí)體進(jìn)行對(duì)比,從而強(qiáng)調(diào)主題又或者增強(qiáng)圖形中的點(diǎn)線面的粗細(xì)大小對(duì)比而使其具有更大的空間感。這些都是一些比較好的設(shè)計(jì)方法。由于虛實(shí)關(guān)系是既對(duì)立有統(tǒng)一的,二者相互依存,有的時(shí)候?yàn)榱藦?qiáng)調(diào)版面中的主體部分,就會(huì)有意的虛化掉其他次要的部分,甚至以完全的留白來(lái)襯托。
總的來(lái)說(shuō)使整個(gè)版面空靈、流動(dòng)、充滿生命力是最終的目的。但同時(shí)并不是所有的讀物都是需要大量的留白的,這要根據(jù)書(shū)籍的性質(zhì)來(lái)分,比如兒童類的書(shū)籍一般都有大量的留白,這是因?yàn)閮和喿x能力還比較弱,不適宜有大篇幅的文字部分;而相反報(bào)刊雜志的留白要少很多,因?yàn)閭鬟_(dá)信息是它們的主要功能。
整體版面色彩關(guān)系
大家都知道,每一種顏色都有自己的視覺(jué)表現(xiàn)力。冷和暖、明和暗、進(jìn)和退等等感覺(jué),每一種顏色都有自己的節(jié)奏和韻律,是影響版式編排的重要因素之一。利用這些視覺(jué)特點(diǎn)所產(chǎn)生的疏密關(guān)系可以在版面中突出重要的主體部分,減弱次要部分的影響力,這樣有機(jī)的組合方式,可以更加吸引讀者的注意力。
其中白色在版式編排中是經(jīng)常見(jiàn)到的顏色,也可以等同為空白。但是因?yàn)樗橇炼茸罡叩念伾兄軓?qiáng)的擴(kuò)張力,所以它不能很隨意的來(lái)設(shè)定。在現(xiàn)代的版式設(shè)計(jì)中,大膽的留白我們看作是一種設(shè)計(jì)意識(shí)的體現(xiàn),而且最能體現(xiàn)個(gè)人風(fēng)格。
另外,灰色調(diào)式一種在黑白關(guān)系中的調(diào)和色,比較柔和,恰當(dāng)?shù)氖褂靡彩且环N虛的處理方式。比如電腦軟件中的色板中都有十個(gè)色階的灰調(diào)。它處在文字的黑色和留白的白色中間,是一種和諧的過(guò)渡色,也是“虛”的一種特別的表現(xiàn)方式。黑白灰三個(gè)色調(diào)的合理安排,使整個(gè)版面和諧又統(tǒng)一。就像影視劇中的配角一樣,雖然不是主要刻畫(huà)對(duì)象,但是同樣不可缺少,能為整個(gè)情節(jié)增彩增色。
隨著人們審美程度的提高和高科技的發(fā)展,固定死板的版式的編排不再受青睞,越來(lái)越有設(shè)計(jì)感的編排方式出現(xiàn)在人們的視野中,但無(wú)論編排方式怎樣的千變?nèi)f化,虛實(shí)關(guān)系的處理都是版式設(shè)計(jì)的一個(gè)重要的環(huán)節(jié)。作為一個(gè)設(shè)計(jì)師,我們要不斷的充實(shí)自己,提高自身的審美修養(yǎng)和設(shè)計(jì)能力,做出來(lái)更受大家歡迎的作品。
① 本篇為 設(shè)計(jì)智造編輯整理,版權(quán)歸原作者所有,轉(zhuǎn)載請(qǐng)注明出處!
② 官方頭條號(hào):設(shè)計(jì)智造 頂級(jí)創(chuàng)意設(shè)計(jì)師必備
③ 官網(wǎng) 網(wǎng)站:設(shè)計(jì)智造 http://cocoo.top
④ 官方 微信:cocootop