再來簡單回顧一下。
什么是頁面工整呢?
其實就是指,在多個頁面中,通過版式,位置,素材以及主題元素等方面,營造出視覺上的一致感。
如何做到頁面工整呢?我們可以通過在頁面上添加一些一致的元素,比如在頁面上使用統(tǒng)一的色塊。
或者借助參考線,來營造出整齊的視覺感。
那么,除了這兩個方法之外,還有哪些方式能夠達到頁面工整的效果呢?這就是今天要聊的一個話題。
從哪開始說呢?咱們就從這個案例來談。
從視覺上來看,這套幻燈片的頁面給人的感覺就是雜亂。那么,如果現(xiàn)在,有這樣的一套幻燈片擺在你面前,需要你進行美化設計,想一下,應該從哪里開始入手呢?
我認為有兩個方面。
我先來解釋一下,什么叫做形狀的效果。這個概念呢,大概包含有形狀的樣式,是橢圓還是三角形?形狀的色彩,是純色還是漸變?形狀的效果,是陰影還是立體?
那么,為了能夠在視覺上營造出一致感,所以,在同一套幻燈片中,選擇一致效果的形狀元素。
給大家舉幾個例子。
比如,統(tǒng)一地使用正六邊形元素。
大家可以看到,無論是頁面上使用的圖片,還是形狀,都能統(tǒng)一地保持這個形狀效果,看起來就會很工整。
這一點,是從頁面上修飾元素的統(tǒng)一性方面,來入手。
頁面上所使用的色彩和字體,是最直觀的呈現(xiàn)形式。如果想要讓一套幻燈片看起來很工整,那么,色調(diào)和字體一定是不能來回變化的。
另外,標題和正文的字號也盡量保持統(tǒng)一,這也是保持頁面工整的重要因素。
什么意思呢?給各位舉個例子。大家看下面的3張幻燈片中的字號。
這一點,是從頁面元素的統(tǒng)一性方面,來入手。
以上呢,就是如何讓頁面看起來更加工整的兩個方法,總結(jié)一下,就是:
通過頁面元素的統(tǒng)一,來營造出視覺上的工整。
本文完
By:感冒了的邵云蛟,2016.12.08
PPT設計小思維系列教程,由“旁門左道”微信公眾號發(fā)起,每周,都會跟大家分享一些看起來很微小但卻很有價值的 PPT 設計思維方式。
初衷:我為什么要做一個PPT設計小思維的欄目?
如果你在網(wǎng)上搜索 PPT ,你會發(fā)現(xiàn),得到的結(jié)果,大多是一些 PPT 小技巧,比如如何制作立體字等,而很少有人去談 PPT 設計中的思維方式。
然而我認為,思維方式在制作幻燈片中非常重要。你不需要了解很復雜的操作技巧,只要掌握基本的設計思維,用簡單的圖片和文字就足夠做出精美的 PPT 幻燈片。
所以,以后每周,我都會跟大家聊一些看起來很微小,但卻很有價值的 PPT 設計思維方式。希望能幫你做出美觀的幻燈片。
關(guān)于作者:邵云蛟,“旁門左道”微信公眾號運營者、知乎專欄作者、《PPT設計思維:教你又好又快搞定幻燈片》書作者、 PPT 發(fā)燒友,目前為自由職業(yè)者?。
PPT設計小思維01:如何讓你的PPT擁有呼吸感?PPT設計小思維02:PPT選什么顏色看起來會更加舒服?PPT設計小思維03:如何使用色彩來表現(xiàn)出內(nèi)容的邏輯性?PPT設計小思維04:圖片排版時如何突出重點?PPT設計小思維05:如何用好PPT彩色蒙版?PPT設計小思維06:如何把 PPT頁面做的很工整(一)PPT設計小思維07:教你如何利用色彩來突出PPT重點內(nèi)容PPT設計小思維08:讓圖標看起來更精美的方法PPT設計小思維09:如何把 PPT頁面做的很工整(二)PPT設計小思維10:做ppt時,如何正確地使用元素特效?PPT設計小思維11:演講型PPT頁面上都放哪些內(nèi)容?PPT設計小思維12:如何避免PPT頁面空洞?PPT設計小思維13:分享3種行之有效的PPT學習方式PPT設計小思維14:如何利用音效為 PPT 增彩?PPT設計小思維15(作者正在加緊碼字中...)
]]>而,如果你見過一些優(yōu)秀的幻燈片,其實,你會發(fā)現(xiàn),在 PPT 制作領(lǐng)域,工整這個詞兒同樣適用。
有些人,做的幻燈片,像是把著刻尺,做出來的一樣。這個時候呢,我們也會發(fā)出一種感概,不由自主地說出一聲,幻燈片做的真工整。
然后,打開電腦,看看自己的幻燈片,頓時有一種嫌棄的感覺。
那么,怎么把幻燈片做的很工整呢?
如果想要知道這一點,咱們就需要首先來明白,幻燈片中的工整到底指的是什么呢?
其實就是指,在多個頁面中,通過版式,位置,素材以及主題元素等方面,營造出視覺上的一致感。
概念很簡單,那么,怎么用好這個概念呢?接下來跟大家說兩種方法。
比如說,我們?yōu)榱嗽谝曈X上營造出一致感,我們可以在頁面上的某個區(qū)域,畫出一塊地兒,然后呢,當添加內(nèi)容時,就只在這個區(qū)域操作,不要跨過界限。
插入一個統(tǒng)一的形狀,來營造工整感
當然了,這個區(qū)域,到底應該畫多大面積,還要視情況而定。
如果頁面內(nèi)容擠滿了頁面,建議就不要畫了,如果頁面內(nèi)容適中,可以綜合所有頁面之后,找到頁面內(nèi)容最多的那一張幻燈片,根據(jù)它來畫出一塊區(qū)域。
這里無形的線,指的就是參考線。我曾經(jīng)在一套幻燈片中,爆出過一張圖片,這是我做幻燈片時候的樣子。
?在這一套幻燈片中,文本內(nèi)容的起始點,以及圖片的起始點,我全部采用了參考線來控制。這樣的好處就是,因為每一個元素的位置,都是按照某種秩序進行的,從而實現(xiàn)了無形的工整。
大家來看看其中的兩張幻燈片,注意看線:
每一個文本框的位置都是確定的
再來看兩個案例。
你能看到頁面的整齊,但你看不到線條
頁面左邊距和右邊距的位置,是相同的
這都是無形的線條在發(fā)揮作用,才使得頁面看起來如此工整。
以上呢,跟各位分享了讓頁面看起來工整的兩個場景。一個是有形的面,一個是無形的線,希望能幫助各位。
另外,鑒于頁面工整這個話題過于龐大,一篇小思維難以寫完,所以,正如題目所言,你還會看到后續(xù)的文章。
最后,再溫暖地提醒一句,北方地區(qū)的朋友們,該穿秋褲了,雖然我并不穿...
往期回顧:PPT設計小思維05:如何用好PPT彩色蒙版?
但是,你知道嗎?就這么一個看似簡單的東西,其實想要用好,并非那么簡單,這里也有一個小的思維方式,如果不知道的話,可能最終的效果會適得其反。
那這個小思維是什么呢?就是要避免色彩沖突。什么是色彩沖突呢?
如果圖片和蒙版都是彩色的,那么,當半透明的蒙版覆蓋在圖片上時,因為圖片與蒙版的顏色沖突,就會溶解掉蒙版應有的色彩。
什么意思呢?給大家舉個例子。比如我們想在這一張藍色色調(diào)的圖片上,添加一層綠色蒙版,讓整個頁面呈現(xiàn)出綠色色調(diào)。
但因為圖片有很大一部分面積是藍色,覆蓋綠色蒙版之后,因為藍色和綠色產(chǎn)生沖突,最終并沒有呈現(xiàn)出綠色色調(diào),而是泛青色。????
如果想調(diào)整,那么,解決方案是什么呢?
其實也很簡單,就是消除一方的顏色,要么把蒙版變成黑色,要么,把圖片變成黑白。因為我們想讓頁面呈現(xiàn)出綠色色調(diào),所以,我們就需要把圖片調(diào)整為黑白,對圖片進行重新著色即可。
那么,這時候,頁面不僅呈現(xiàn)除了綠色色調(diào),而且,在上面寫文字內(nèi)容時,也會清晰很多。
除了上面這個場景,消除色彩沖突還有那些應用場景呢?
這個原理跟上面的例子相似,當我們想要做出這樣的頁面時,同樣地,必須要對底部的圖片進行黑白處理,這樣,就能夠讓彩色的漸變過渡的很自然。
而且,當圖片變成黑白之后。即使蒙版的透明度調(diào)的再高,也不會妨礙頁面上文字內(nèi)容的閱讀。
我在一期整容計劃欄目中,做過這樣的一個案例,為了突出這幾個字兒,我把圖片處理成了這樣,為的,就是消除圖片上其它色彩帶來的干擾。
后來,我記得有一位讀者拿著他模仿的作品,問我,說,為什么沒有原稿的感覺?到底是哪里做的不對。
色彩發(fā)生沖突,黃色色塊不明顯
其實呢,這個案例模仿的很好,唯一一點,也是最關(guān)鍵的一點,就是沒有消除掉色彩沖突,因為圖片上顏色過于復雜,用來凸顯重點內(nèi)容的色塊,并沒有很好的呈現(xiàn)出來,所以,做的不對。
一旦消除色彩沖突,重點自現(xiàn)
在這里,告誡各位,如果你像利用色塊來凸顯內(nèi)容,那么,記得一定要消除掉干擾色,這樣,才能夠?qū)Ρ葟娏业?,凸顯出重點內(nèi)容。
這頁 PPT 封面采用的是全圖設計,配圖很有感覺。但我之所以要引用這個例子,是想說,它其實是一個反例,反在哪呢?因為它在設計的過程中犯了一個容易被忽視的錯誤。
到底是什么錯誤呢?
這就要引出咱們這篇文章要說的一個設計概念,叫做重復,這個概念輻射范圍很廣,我在這里只說色彩上的重復。
在同一頁 PPT 中,當存在多項元素內(nèi)容時,可能是多個文字段落,也可能是有文字段落,也有圖表等,色彩相同的元素很容易被認為存在關(guān)聯(lián)性。
這個概念很簡單,可能很多朋友看完上面的解釋之后,立馬就明白是怎么回事兒了。
而這,也正是為什么開頭舉得那個例子中,錯誤設計的原因,因為它使用了相同的色彩,使得本來不存在關(guān)聯(lián)性的元素建立了聯(lián)系,誤導了觀眾對內(nèi)容的理解。
錢和小明這兩個元素,不存在內(nèi)在的邏輯關(guān)聯(lián)。正確的邏輯應該分為這兩層。
如果想要突出標題,那么,可以做成這樣:
而如果想要突出說明信息,那么,可以做出這樣:
如果這樣做,純屬瞎胡鬧:
再給大家看幾個正確使用色彩重復的例子。
為意思相近的內(nèi)容選用相同的色彩,通過重復,來達到區(qū)分內(nèi)容邏輯關(guān)系的目的。
那么,掌握這一點之后,可以有哪些應用場景呢?
?場景1:
在排版時,如果牽扯到圖表和文字,如果圖表的數(shù)據(jù)系列與文字之間存在對應的關(guān)系,那么,務必使用一致的色彩。起的作用就是暗示,暗示別人,二者存在一定關(guān)聯(lián)性。
?場景2:
在設計架構(gòu)圖等之類的模型時,對于同一組織內(nèi)的成員,我們可以使用統(tǒng)一的色彩,來暗示組織內(nèi)的派系之分。
相信你能夠很方便地查出一共分為多少銀行:
相信你能夠很清楚地梳理出前端基礎(chǔ)架構(gòu)的邏輯關(guān)系:
以上所有案例都遵循了色彩上的重復性這一原則,使用得當,可以很方便地利于他人閱讀。
最后,再總結(jié)一下:
PS:你在做 PPT 的時候,有哪些場景下用到了這個思維呢?可以在留言區(qū)告訴其他旁友哈。
寫到這兒,你有沒有發(fā)現(xiàn)這篇文章中也使用了這個小思維?也可以找出來哈。
返回PPT設計小思維系列教程
或是這樣的:
當看到這樣的 PPT 時,除非你是一個非常有耐心的人,否則,可能你的大腦是拒絕來閱讀頁面上的文字的。因為它們給人的感覺是壓抑的,一大堆密密麻麻的文字擺在上面,顯得很擠。
那么,如何避免這種擁擠帶來的壓抑感呢?
這就要引入咱們今天聊的這個設計思維,叫呼吸感。
什么是呼吸感呢?也就是說,內(nèi)容與整個頁面比例關(guān)系的強弱。當內(nèi)容占據(jù)頁面過大比例時,呼吸感就會弱,反之則強。
給大家舉個例子。就拿上面的那張 PPT 來說。
如果我們用色塊來表示這個比例關(guān)系時,我們可以看到,大概是這個樣子。
文字內(nèi)容幾乎占滿了右半塊,所占比例過大,呼吸感自然很弱。
而如果我們對右邊的文字進行處理,重新排版之后,做成這樣呢?
這時候,頁面的呼吸感就會強很多。
很多朋友可能會說,你把文字字號縮小了,這當然有呼吸感了。我在這里解釋一下這個問題。
我之所以把正文字號縮小,是為了留出足夠多的空間,以此突出展示重點內(nèi)容。而如果所有文字字號一般大地擠在一堆,那么,哪里還有什么重點呢?
這就是 PPT 設計中的呼吸感,當文字內(nèi)容周圍擁有足夠多的空間時,別人就會把注意力集中于此。
那么,它有哪些應用場景呢?
場景1:
在排版時,為了能夠凸顯重點部分的內(nèi)容,那么,我們就要盡量削減非重點內(nèi)容占據(jù)頁面的比例,從而達到,重點醒目突出,頁面呼吸感強的效果。
一般來說,有標題和正文之分的時候,盡量多留空間給標題部分,來突出重點。
場景2:
當我們在形狀中填充文字內(nèi)容時,也需要考慮呼吸感這個感念,也就是說,不要讓文字內(nèi)容塞滿整個形狀。如果內(nèi)容實在很多的話 ,那么,就擴大形狀或者縮小文字,來增加呼吸感。
這是文字塞滿形狀的情況,缺乏呼吸感。
縮小字號,讓文字距離形狀的邊框有一定距離,就會好很多。
以上,就是我希望你擁有的第一個設計思維,保持呼吸感。
總結(jié)一下:
這是最近剛準備的新欄目,有什么想法,跟我聊聊唄?
返回PPT設計小思維系列教程