如何將純文字PPT拍板好看?
文字很少的頁面,一般人會設(shè)計成這樣:
其中的問題在于:
1.「文本」的字體和字號大小不懂選擇,缺乏位置擺放想法;
2.「圖片和背景」與正文沒有邏輯關(guān)系,缺乏圖片處理思路;
3.「線框」粗細(xì)和形狀勾畫無從下手,缺乏對內(nèi)容襯托體現(xiàn)方式;
4.「色塊」裝飾不美觀,顏色不能適當(dāng)選取,缺乏對數(shù)量多少和面積大小的判斷力。
對于一個設(shè)計,不斷檢視的方法是「無論是哪種版面,所有元素的設(shè)計都問一下「為什么」」。經(jīng)過不斷的詢問和探究,也許你會對你的設(shè)計背后的想法弄得更加清楚明白——讓你真正從「只是按鈕比較順手」和「最近我看了一個類似這樣的設(shè)計」的無理由設(shè)計中解放出來。
▼
我們所討論的設(shè)計是什么?
「設(shè)計」,簡單來說,其實是「通過你的審美加工,對頁面內(nèi)的元素進行一系列整合變形和擺放,從而讓頁面更加美觀、目的是信息更加容易傳達(dá)」的一個動作。
對于文字很少很少的頁面(我們通常定義為在兩句話以下、甚至只有一個單詞的短文本),我們一定要進行設(shè)計美化加工(除非你的頁面非常不重要以至于可以直接黑底白字呈現(xiàn))。
「對文字很少的頁面美化加工」的具體作用大致如下:
↓ 1.突出主題
↓ 2.平衡版式
↓ 3.裝飾避免單調(diào)
「要么震撼,要么精細(xì)」,是這次設(shè)計的指導(dǎo)思想。
▼
方向一:純文本直接設(shè)計
文本、圖片、線框、色塊等都是幻燈片中的構(gòu)件,我們拆開來一個個進行分析。
處理上優(yōu)先考慮文本給觀者的感覺,「醒目」或是「精巧」?文本是重點,那么一切設(shè)計的要點,都圍繞著文本展開。
(一)字號的放大或縮小
1.字號放大:這種設(shè)計大多數(shù)的情形是用于凸顯主題,如果是標(biāo)題一類,可以針對字體進行設(shè)計,讓字體獨一無二。我們常見的文案包括「一個詞語」或是「一句文案」。
↑ 小米新國貨
↑ 高橋流
2.字號縮小:一般伴隨著少量線框裝飾或者背景色塊搭配。這樣的設(shè)計凸顯的不是狂放和張揚,而是主打靜謐和端莊,配合精致的設(shè)計亮點,旨在讓整個畫面更為耐看。
↑ 線框裝飾反襯文本強調(diào)的效果
↑ 四周點線設(shè)計作為襯托,背景漸變凸顯中心文案
(二)字號的增加或刪減
純文本設(shè)計中,要突破的一個思想壁壘就是「一定只能這么多的字」,其實我們很多時候不影響信息的傳達(dá)時,是可以「改變文字的多少」的。
1.字?jǐn)?shù)增加:如果允許的情況下,也許制作者增加一些文本會讓頁面避免單調(diào)。如:文本內(nèi)容只有四個字的題目和公司名,增加英文豐富頁面。
↑ 湯帥 定制案例
2.字?jǐn)?shù)刪減:蔡振原在他的一篇文章中說道:「幻燈片就是要少說廢話」,其中說到的就是這一個文本處理方式——文本極少的頁面,我們大膽對其進行進一步的精簡,剩余的頁面反而可能更為簡約,更能字字體現(xiàn)分量。
↑蔡振原 作品《MUJI》
(三)文本的修飾
考慮到文本的主次,對于文本的形狀可視化也是一個特別的方向。一般情況下我們會突出文本的性狀變形(主角),采用淡漸變的背景和修飾(配角),顏色宜少不宜多。
↑ Nubia Z9 Max
▼
方向二:圖片的補充應(yīng)用
(一)全圖型
這是很多朋友第一反應(yīng)會想到的方式,其中圖片占據(jù)整個屏幕當(dāng)背景,或完全清晰顯示、或用半透明色塊、或模糊處理,這篇文章無須在此耗費篇幅。
↑ Z2 Pro 發(fā)布會
↑ 小米 發(fā)布會
(二)半圖形
這里我們說的是單張圖片作為襯托(但不占據(jù)整個屏幕背景)的情況,這時的圖片選取都是根據(jù)頁面上唯一的文案展開的,最常見的設(shè)計方向是:
↓ 1.居中:圖片非占據(jù)總屏幕,但有設(shè)計感地排放:
↓ 2.左右版式:非全圖其次會想到的排列方式則是左右版式,如下圖的圖片上輸入零散的文本作為裝飾,用空曠的留白制造呼吸感:
3.形狀裁剪:圖片可以用非傳統(tǒng)形狀進行裁剪填充,其中的實現(xiàn)方式可以通過幻燈片的形狀填充、布爾運算、Photoshop的置入實現(xiàn)。
(三)多圖型
要注意,我們現(xiàn)在談?wù)摰氖恰肝淖趾苌俸苌俚捻撁妗梗虼藞D片都是圍繞著文本的修飾和傳達(dá)添加的,「極短的文本配合大幅圖片在頁面中展示」是很巧的一種設(shè)計方式,能讓觀者更加容易置身于場景演示中。
具體情況需要額外討論,這里給出一個非常經(jīng)典的案例「三段式」,三大內(nèi)容支撐說明一個觀點,分別用一張圖片作為背景,實現(xiàn)氛圍打造效果。如下圖:
↑湯帥 定制案例
▼
方向三:線框色塊的襯托技巧
形狀線框與整體風(fēng)格一致,可作為襯托點綴,也可作為文本載體。
1.直接添加線框(包含添加圖標(biāo))
簡單的線條,但肩負(fù)著巨大的責(zé)任。因為頁面的內(nèi)容非常少,因此每一個構(gòu)件都肩負(fù)著無與倫比的美化重?fù)?dān)。這里的點線面,通常會同時擔(dān)任「視線引導(dǎo)」「排除單調(diào)」「渲染主題」等一系列作用,缺一不可。
↑ 案例:不二素魚湯 不二法門
還有一些時候,我們會添加部分圖標(biāo)作為裝飾,但是這方面可以包含在第一部分,無需特別展開說明,知道即可。
↑ 線框配合圖標(biāo)的修飾
2.線框、色塊和圖片并存(包含添加圖標(biāo))
除了獨立存在,和圖片結(jié)合也是非常常見的方式。增加了圖片,好處是對頁面的美化程度會更高,但一定要主要添加圖片的必要性(避免「沒有必要添加卻添加了造成美化過度」的情況)。
↑ 線框裝飾
3.形狀填充圖片
「在某個形狀(規(guī)則形狀或不規(guī)則均有)中填充圖片再與圖片結(jié)合」這種設(shè)計手法在外國的模板中時常會看到,但實際應(yīng)用比較難(當(dāng)然用得好會很有亮點),主要涉及到的難處在于「形狀的選擇」和「圖片的質(zhì)量」。
對于頁面中文本很少的情況,這種設(shè)計風(fēng)格的裝飾性會很強,文案也會從「主角」地位退居到「說明性文本」的地位。
▼
我們這次討論的是「文字很少很少的幻燈片頁面怎么設(shè)計」,反向的問題我之前討論過「文字很多很多的幻燈片頁面怎么設(shè)計」,詳見這篇文章——
文字很少沒法匯報,文字放上去顯得很low,怎么辦?
文章較長,在這里給各位復(fù)盤一下。
這篇文章的邏輯流程是:
1.文字很少很少的頁面,普通人設(shè)計得丑的常見邏輯原理?
2.我們所討論的「設(shè)計」是什么?
3.「對文字很少很少的頁面美化加工」的具體作用是什么?
4.文字很少很少的頁面,純文本直接設(shè)計的五個方法?
5.文字很少很少的頁面,圖片的補充應(yīng)用的五個方法?
6.文字很少很少的頁面,線框色塊的襯托技巧的四個方法?
上面的問題都在這篇文章有所解答。
-------------------------------------------------------------------------------------------------
原創(chuàng)文字,公眾號轉(zhuǎn)載請私信,轉(zhuǎn)發(fā)請隨意
以上幻燈片模板的源文件的下載地址
微信公眾號「湯帥」(ID:txmppt)回復(fù)「字很少1」
就可無條件免費下載