嘔心之作:PPT圖文排版10年實戰心得
本文已影響2.5W人
本文已影響2.5W人
本資料本來是給我任職公司部門新人培訓的,因爲要到12月纔開始,所以先發給L友們,有不足之處,請各位大神指點。
獻醜了,已自身10年實戰經驗。主要講解PPT圖文排版技巧,
回答三個困惑:
1、PPT該用什麼字體?
2、PPT字體該用什麼顏色?
3、PPT字該放在什麼位置?
1.字體選擇與字體組合方式
首先我挑選了一些我個人覺得不錯的設計作品,根據這些作品的設計目的和最終效果,分爲“A”、“B”兩組。
A組是“圖片突出”,文字存在的目的只是粉飾這張照片而已。
B組是“文字突出”,文字在圖片的襯托下被重點突出出來。
然後將它們的文字部分“裁剪”出來,然後根據原本文字的樣式以及文字組合方式,最後分組排列出來。
效果圖如下:
可以看出這兩組的字體之間差異很大的,在字體選擇上:
A組的字體主要是現代等線體,筆畫沒有裝飾。出現題材很廣泛,大多數是一些商業圖冊上,或者用於襯托人物場景時尚氣質的圖片上。
B組的字體主要是古典襯線體,筆畫裝飾強烈。多出現在傳統、自然的以及一些抒情性很強的照片上。
在字體組合方式上:
A組的字體組合都被緊密地排列在一個無形的矩形裏,在視覺上形成一個面。
B組各個字之間鬆散地擺放組合在一起,在視覺形成一個個點。
其實可以這樣去理解這兩組字體在視覺心理的效果,見下圖:
一張攝影作品的主體物和視覺焦點是很容易看出來的,如下圖:
而造成這兩組字體在視覺心理上的區別,這和一張攝影作品兩個重要的元素有關
2.主體物與視覺焦點
主體物的視覺焦點是攝影作品裏的兩個基本要素,因此在一張照片裏通常會有一個突出的人或物作爲主體。而其他例如在風景類攝影作品,照片裏即使沒有明確的主體物,也會存在一個視覺焦點。
爲了展現“圖片突出”的優秀設計作品裏,文字部分與這兩個基本要素的位置關係,同樣做成效果圖。分C、D兩組展示。
C組是文字部分與主體物的位置關係
D組是文字部分與視覺焦點的位置關係
(C組的深色塊是主體物,D組的白點是視覺焦點,白色塊是文字。)
其實無需我多說,大家應該能從上面的效果圖,可以大約地看出文字與兩大元素之間的關係吧?我根據我的觀察結論作一個整理:
如果把主體物看作是一個面,就不難理解在一個需要文字粉飾圖片的作品裏,字體之間會被聚集在一個面裏,因爲面元素的重複出現在一個畫面裏,整體畫面就不會出現違和感,還能讓文字和圖片之間保持和諧統一。
如果你能觀察了足夠多C組類型的“效果圖”後,就發現了在所有的這類優秀設計作品裏,文字部分與主體物之間的位置大小關係有三大原則:
1:文字部分的面積絕對不能大於或接近主體物的面積。
2:文字“面”與主體“面”的邊線保持聯繫(直線或平行)。
3:文字“面”或者與畫面邊緣的距離幾乎相等於主體“面”與畫面邊緣的距離。
現在來看看D組,文字部分與視覺焦點的關係基本和上面的鐵律相似,但唯一的特別之處在於:當視覺焦點位於畫面中線,文字部分使用居中式。
不過同樣也是觀察了足夠多的“效果圖”後,發現視覺焦點的位置不僅僅是與構圖有關,這其中還有很多的特殊情況必須要注意到:
1:當照片的主體物是分散且毫無意義的,視覺焦點默認在畫面中心。
2:當照片被某一個場景或物品切割了整張畫面時,視覺焦點只會出現會在切割線上。默認位於中心點或者色彩密集的地方。
3:眼睛單獨作爲視覺焦點
第一點提到的照片的主體物是分散且毫無意義的。舉一些例子,它們的題材一般是拍攝天空、無邊際的森林樹木又或者下雨的場景等等。。. 。。.這類照片的視覺焦點默認在畫面的中心點,並且文字部分也只能固定在畫面中心,因爲文字部分在這時需要擬補原本照片缺乏視覺焦點的缺陷。(D組第一列第三張)
而第二點提到某些被一個場景或物品切割了整張畫面的照片,通常是因爲地平線或者海岸線之類引起的。還有一種類似的情況是,當照片裏的主體物太大,以至於切割了背景出現切割線時,主體物就不能作爲一個面來看待了。如D組裏二列第二和第三。。. 。。.。就是這種情況,視覺的焦點通常位於切割線的其中一處,通常是色彩密集出現的地方。
第三點非常重要!在畫面的內容裏眼睛的存在會形成一個視覺焦點,不管是人還是其他生物的眼睛,只要是看到眼睛,那麼文字部分的排版就要依據“眼睛”(視覺焦點)而不是人本身(面)
已經說了好多東西了。。. 。。.。 那現在就目前的理論來實際操作一下吧,做一組“文字粉飾圖片”的例子。
就先拿第二節開頭展示的那兩張攝影作品來做吧。。. 。。.文字部分就直接取至A組
以上的例子文字部分是怎麼選擇位置的,詳細見下圖:
上圖是說明我並不憑感覺去確定文字部分的位置,僅僅只是按照三大原則來確定的。在左圖中,小狗雖然是照片裏的主體物,但是因爲眼睛的存在,所以文字的排版必須依照視覺焦點(眼睛)來排版,這是之前D組結論提到過的。但是在計算字體部分與畫面邊緣的距離的時候,依然參照與主體物與邊緣的距離,而非視覺焦點與邊緣的。
而右圖中,視覺焦點確定在照片透視的滅點,由於是處於畫面的中線,因此文字部分採用居中式。除此之外,因爲照片上的主體物並不明確,所以文字離邊緣的距離沒有參考,只要與視覺焦點的聯繫不變,文字部分位置隨意。
後面我又加上了兩個例子,因爲彌補前兩個都是以視覺焦點做參照的例子,所以第三個例子以主體物(杯子)爲參照的排版,其中的過程和前兩個差不多,就略過吧。最後一個例子因爲照片是主體物是分散且毫無意義的(星空),所以文字部分只能固定在畫面中心,彌補主體位置。
事實上我還想要舉更多的例子來說明各種情況,但是寫到這裏感覺篇幅已經很長了。現在還只講了一部分“文字粉飾圖片”的原則與規律,現在在下一節來講“圖片突出文字”的特點。
3.字體與圖形的配合
以“圖片突出文字”爲目的的排版,其特點是不需要分析照片裏面的元素。在大部分設計教程以及很多優秀的設計作品裏,圖片被認爲只是作爲一個大色塊存在,它的存在只是爲了最後你想要表達的文字(情感),鋪設基調。而我前面就提到的,B組的字體組合方式往往用分散的點狀擺放,因此放在照片這樣一個大的“面”上,形成元素的對比效果,可以更有效的突出文字部分。
但是這樣有一個很大的缺點:過於分散的字體之間不僅容易缺乏聯繫,而且還會造成閱讀困難。此外,一張太花哨的照片也會導致你的文字部分難以突出。
大部分優秀排版裏採用的解決方案是運用字體與圖形的配合,而其中類型有三種:
第一種:形狀圖形
形狀圖形主要指方形、圓形以及一些不規則的形狀圖形。
(下面的效果圖都是我統計優秀作品最常用到的方法)
上圖展示的是三種運用方形的方式,我從左到右依個解釋一下:
突出:當文字部分融入到圖片裏變得難以看清的時候。在這裏最好的辦法就是像這樣放置一個方形在背景,然後再調節字體的顏色與方塊對比,使文字部分突出。
集中:這種方法是爲了不弱化圖片的情況下,讓文字部分集中在一個方形裏,增加易讀性。是包裝設計常在出現的排版。
修飾:這個方形其實只是代表,代表所有不規則圖形的運用。當文字組合之間太過散亂,又或者字體之間大小的差異太大的時候,放置一個(不)規則圖形,儘可能連接到每一個字上,形成聯繫。
這是方形“集中”的例子,方塊的存在突出了文字本身,又保證了閱讀順暢。同時這個方塊可以在這張照片上的任何一個位置都沒有影響,所以很適合包裝設計的需要。
根據評論區的建議,形狀圖形這部分我補充一點:形狀圖形的用法通常有兩種,一種是中間加上一個深色的形狀,字體的位置放在形狀的中間。另一種是在圖片的上下兩邊各加一個淺色形狀,字體的位置放在形狀與圖片交界的地方。這兩種方法簡稱爲“一黑二白”,見下圖。
而關於形狀的顏色和透明度設置,請看本文的色彩部分。
上圖是關於圓形的常見運用:
普通:這是一個作爲對比的普通排版
突出:這個比起方形有着好的突出效果,這個圓形可以替換成一些素材,比如墨滴之類的圓形素材,甚至可以利用圖片本身存在一個巨大的圓形物體的,來突出文字部分。
適用:這個同樣可以突出“面”文字,這就也爲什麼這個方法經常出現各類商業圖冊、海報以及各類宣傳單。。. 。。.
上圖是舉例古文字也是可以作爲一個圓形的運用。
第二種:直線
直線分兩種,一種就是純粹的一條直線,而另一種則是由細小的字組成的一段文字(通常是英文)。
上面是純粹的直線運用舉例
聯繫:很常見的運用方法,不需要解釋了吧。。.
集中:作用和方形“集中”相同,只是這個是用兩條線組成一個隱形的方塊,更有形式感。不同這種只能出現在色彩單一或大量留白的照片。
連接符:增加形似感的小東西。。. 。。.可以用於連接兩段文字的內容,時尚類設計作品最常用到,在下面打一個問號,是因爲連接符的種類很多,上圖只是舉例。。. 。。.
這是另一種“直線”,由一排細小的字組成。
聯繫:與上一種相同,但只適用於標題文字較少的時候。剩下兩個不用解釋了。。. 。。.大家應該都清楚。
第三種:字符
一般是指的數字以及英文字母,配合文字能有更好的突出效果。如上圖,,而阿拉伯數字的效果最佳。
以上就是字體與圖形的配合部分,不過還有一個例子要特別說明一下:
上圖展示的是一個出現頻率最高的配合類型的,圓形形狀加上字符,然後用連接符接上你要表達的文字。這是最經典的配合類型了。至少突出文字部分的效果非常不錯!
探訪北京市公安局110接警中心:發短信與App都能求助
Q3使用率最高的手機大揭曉:OPPO R9奪冠小米6上TOP10
【圖】嘔血推薦!單身狗值得收藏的情歌top5
國民爺爺李順載出道61週年啦!李瑞鎮、羅PD等人制作《Respect Project》祝賀
房貸app軟件排名2018 額度高的房款app
民宿app排名2018 國內訂民宿哪個app好
手錶排行之誰是TOP.1 誰纔是大衆心裏的第一名
Apple Watch都有哪些APP 智能手錶下載APP得靠iPhone
500萬彩票網app下載2018手機版 500萬彩票網app下載安裝最新版
騎士團app答題工具 小米騎士團app下載v1.00.167 安卓版
海洋之心鑽石價格 海洋之心鑽石最新款式圖片 海洋之心鑽石品牌排行
OPPO R11巴薩限量版圖賞 紅藍撞色還有18K真金!
歐陽娜娜P圖露餡 未P原圖對比真實版來找茬逗樂網友
問君知否我心悠悠在線閱讀APP(尋文傾連子衿小說)無廣告完整版
腕上也要與衆不同 卡西歐戶外手錶PRO TREK PRW-6000YT-1上手玩
逆戰月簽到互動網址 逆戰月簽到助手app下載 安卓版 月APP簽到 暑期勁爆福利
2017韓國KPOP最帥100張分別有哪些愛豆上榜 EXO排第幾名
OPPO A30開春新品 1600你值得擁有
特朗普考慮重返TPP 專家稱美國重新加入TPP會十分複雜
2017年山東各市GDP排名 山東GDP2017排名、經濟數據
蘋果iPhone 7 Plus實拍: 藍色版美哭了!
嘔心瀝血文言文 嘔心瀝血文言文列述
首秀贏得滿堂彩 三國之刃榮登AppStore榜首
比得兔電影完整版中字MP4下載 彼得兔電影1080P中字百度網盤資源下載
國產影片良心之作(圖)
鬼斧神工驚豔之作 品鑑朗格薩克森系列TripleSplit腕錶
龍珠超130集高清視頻連接「bd1024p/1080p/Mp4中字」網盤地址
愛心攝影app下載|愛心攝影 v1.0
刷牙噁心乾嘔怎麼回事 長期刷牙噁心乾嘔那得警惕了
世界最美的胸部排行榜Top10
OPPO Find 5將會採用1080p的觸摸屏 其ppi高達441
安踏ufo2代異形實戰測評 國產球鞋良心之作
《前任2 備胎反擊戰》迅雷高清下載2015 720p/1080p