文字很少很少的幻燈片頁面怎麼設計?

文字很少很少的幻燈片頁面怎麼設計?

文字很少的頁面,一般人會設計成這樣:

其中的問題在於:

1.「文本」的字體和字型大小大小不懂選擇,缺乏位置擺放想法;

2.「圖片和背景」與正文沒有邏輯關係,缺乏圖片處理思路;

3.「線框」粗細和形狀勾畫無從下手,缺乏對內容襯托體現方式;

4.「色塊」裝飾不美觀,顏色不能適當選取,缺乏對數量多少和面積大小的判斷力。

對於一個設計,不斷檢視的方法是「無論是哪種版面,所有元素的設計都問一下「為什麼」」。經過不斷的詢問和探究,也許你會對你的設計背後的想法弄得更加清楚明白——讓你真正從「只是按鈕比較順手」和「最近我看了一個類似這樣的設計」的無理由設計中解放出來。

我們所討論的設計是什麼?

「設計」,簡單來說,其實是「通過你的審美加工,對頁面內的元素進行一系列整合變形和擺放,從而讓頁面更加美觀、目的是信息更加容易傳達」的一個動作。

對於文字很少很少的頁面(我們通常定義為在兩句話以下、甚至只有一個單詞的短文本),我們一定要進行設計美化加工(除非你的頁面非常不重要以至於可以直接黑底白字呈現)。

「對文字很少的頁面美化加工」的具體作用大致如下:

↓ 1.突出主題

↓ 2.平衡版式

↓ 3.裝飾避免單調

「要麼震撼,要麼精細」,是這次設計的指導思想。

方向一:純文本直接設計

文本、圖片、線框、色塊等都是幻燈片中的構件,我們拆開來一個個進行分析。

處理上優先考慮文本給觀者的感覺,「醒目」或是「精巧」?文本是重點,那麼一切設計的要點,都圍繞著文本展開。

(一)字型大小的放大或縮小

1.字型大小放大:這種設計大多數的情形是用於凸顯主題,如果是標題一類,可以針對字體進行設計,讓字體獨一無二。我們常見的文案包括「一個詞語」或是「一句文案」。

↑ 小米新國貨

↑ 高橋流

2.字型大小縮小:一般伴隨著少量線框裝飾或者背景色塊搭配。這樣的設計凸顯的不是狂放和張揚,而是主打靜謐和端莊,配合精緻的設計亮點,旨在讓整個畫面更為耐看。

↑ 線框裝飾反襯文本強調的效果

↑ 四周點線設計作為襯托,背景漸變凸顯中心文案

(二)字型大小的增加或刪減

純文本設計中,要突破的一個思想壁壘就是「一定只能這麼多的字」,其實我們很多時候不影響信息的傳達時,是可以「改變文字的多少」的。

1.字數增加:如果允許的情況下,也許製作者增加一些文本會讓頁面避免單調。如:文本內容只有四個字的題目和公司名,增加英文豐富頁面。

↑ 湯帥 定製案例

2.字數刪減:蔡振原在他的一篇文章中說道:「幻燈片就是要少說廢話」,其中說到的就是這一個文本處理方式——文本極少的頁面,我們大膽對其進行進一步的精簡,剩餘的頁面反而可能更為簡約,更能字字體現分量。

↑蔡振原 作品《MUJI》

(三)文本的修飾

考慮到文本的主次,對於文本的形狀可視化也是一個特別的方向。一般情況下我們會突出文本的性狀變形(主角),採用淡漸變的背景和修飾(配角),顏色宜少不宜多。

↑ Nubia Z9 Max

方向二:圖片的補充應用

(一)全圖型

這是很多朋友第一反應會想到的方式,其中圖片佔據整個屏幕當背景,或完全清晰顯示、或用半透明色塊、或模糊處理,這篇文章無須在此耗費篇幅。

↑ Z2 Pro 發布會

↑ 小米 發布會

(二)半圖形

這裡我們說的是單張圖片作為襯托(但不佔據整個屏幕背景)的情況,這時的圖片選取都是根據頁面上唯一的文案展開的,最常見的設計方向是:

↓ 1.居中:圖片非佔據總屏幕,但有設計感地排放:

↓ 2.左右版式:非全圖其次會想到的排列方式則是左右版式,如下圖的圖片上輸入零散的文本作為裝飾,用空曠的留白製造呼吸感:

3.形狀裁剪:圖片可以用非傳統形狀進行裁剪填充,其中的實現方式可以通過幻燈片的形狀填充、布爾運算、Photoshop的置入實現。

(三)多圖型

要注意,我們現在談論的是「文字很少很少的頁面」,因此圖片都是圍繞著文本的修飾和傳達添加的,「極短的文本配合大幅圖片在頁面中展示」是很巧的一種設計方式,能讓觀者更加容易置身於場景演示中。

具體情況需要額外討論,這裡給出一個非常經典的案例「三段式」,三大內容支撐說明一個觀點,分別用一張圖片作為背景,實現氛圍打造效果。如下圖:

↑湯帥 定製案例

方向三:線框色塊的襯托技巧

形狀線框與整體風格一致,可作為襯托點綴,也可作為文本載體。

1.直接添加線框(包含添加圖標)

簡單的線條,但肩負著巨大的責任。因為頁面的內容非常少,因此每一個構件都肩負著無與倫比的美化重擔。這裡的點線面,通常會同時擔任「視線引導」「排除單調」「渲染主題」等一系列作用,缺一不可。

↑ 案例:不二素魚湯 不二法門

還有一些時候,我們會添加部分圖標作為裝飾,但是這方面可以包含在第一部分,無需特別展開說明,知道即可。

↑ 線框配合圖標的修飾

2.線框、色塊和圖片並存(包含添加圖標)

除了獨立存在,和圖片結合也是非常常見的方式。增加了圖片,好處是對頁面的美化程度會更高,但一定要主要添加圖片的必要性(避免「沒有必要添加卻添加了造成美化過度」的情況)。

↑ 線框裝飾

3.形狀填充圖片

「在某個形狀(規則形狀或不規則均有)中填充圖片再與圖片結合」這種設計手法在外國的模板中時常會看到,但實際應用比較難(當然用得好會很有亮點),主要涉及到的難處在於「形狀的選擇」和「圖片的質量」。

對於頁面中文本很少的情況,這種設計風格的裝飾性會很強,文案也會從「主角」地位退居到「說明性文本」的地位。

我們這次討論的是「文字很少很少的幻燈片頁面怎麼設計」,反向的問題我之前討論過「文字很多很多的幻燈片頁面怎麼設計」,詳見這篇文章—— 文字很少沒法彙報,文字放上去顯得很low,怎麼辦?

文章較長,在這裡給各位復盤一下。

這篇文章的邏輯流程是:

1.文字很少很少的頁面,普通人設計得丑的常見邏輯原理?

2.我們所討論的「設計」是什麼?

3.「對文字很少很少的頁面美化加工」的具體作用是什麼?

4.文字很少很少的頁面,純文本直接設計的五個方法?

5.文字很少很少的頁面,圖片的補充應用的五個方法?

6.文字很少很少的頁面,線框色塊的襯托技巧的四個方法?

上面的問題都在這篇文章有所解答。

咖啡廳里播放著音樂,我已經坐著超過8個小時了。

每一篇文章都花費大量的心血,每一個字句都反覆斟酌,也許花了10分鐘,修改的只是一個標點,或是從純黑改成了80%的灰度填充;也許只是改了其中某個知識點的案例,為了讓整體更全面一些。

——我就像一個煉藥師,我想要把我的所見所想,期望通過我的經驗和時間,煉製成可以直接吞服的仙丹,讓觀者直接無副作用服用,直接看到更為完善的幻燈片設計美學。

傻逼一樣地較真,只是為了證明給自己看,我還有一些也許是這個領域我能凝練的、市面上還沒有說出來、或者不系統的知識點,想跟和我隔著一個屏幕的、不同時空的你傾訴。

我真的沒有辦法,僅僅花2個小時就寫完一篇文章。

即使我真的對設計有很多很多很多的感受和熱愛,想要把你牢牢地綁定在我的訂閱專欄,強迫讓你置頂和讓你第一時間打開我的推送……

我還是速度太慢、效率太低,每篇文章都花了大量的時間,不斷修改完善:措辭、案例、設計、文本的格式、字體的大小和顏色。

多少人說,「微信公眾號的紅利期已過」,是或不是又怎樣?——平台不重要,我期望留下的是真正有價值的內容,這些知識點不會因為平台變更、甚至人類技術的更替而消磨——幻燈片的設計美學,始終會存在於這個世間。

靠內容漲粉真的很難,玩轉新媒體還是需要觸覺和敏感度的,我的這方面還是弱。

我寧願靜靜地輸出我知道的、接觸到的好東西,等待著某一次被帶引到聚光燈下,那時候我可以更有勇氣,面對一張張求知若渴的臉龐,能夠拿出更好的東西給到你們。

如果內容打動你了,分享出去,我就多了一次曝光機會,我會更有動力把我走過的路、聽過的音樂、品嘗過的紅酒、觸碰過的雕塑告訴你,這些都是無與倫比的美。

忽然感性。無論哪個城市、你看到這篇文章的時候是晚上還是白天,如果你看到這裡,點贊讓我知道,我會記住你的。

--------------------------------------------------------------

原創文字,公眾號轉載請私信,轉發請隨意

以上幻燈片模板的源文件的下載地址

微信公眾號「湯帥」(ID:txmppt)回復「字很少1」

就可無條件免費下載


推薦閱讀:

怎麼做好PPT的提案?
套用PPT模板而製作出優秀PPT,這算會做PPT嗎?
有哪些優秀的PPT值得分享?
還記得這個動畫嗎,我模仿了

TAG:PPT | PPT设计 | PPT分享 |