如何調整PPT設計?《寫給大家看的設計書》教你5分鐘上手的好方法


如何調整PPT設計?《寫給大家看的設計書》教你5分鐘上手的好方法

生活中總有些東西值得分享

生活中設計無處不在,但是應用這麼廣的基本技能,去認真學習瞭解的人卻不多。大家都希望掌握“學習幾分鐘,適用一輩子”的技能,這種高性價比的本事不多,而這本設計書裡教的內容,算一份! ——苦柚小姐

—— 01 閱讀之前 ——

雖然自己一直對設計很感興趣的,但是捫心自問,真的去鑽研設計的時間並不多,即使是做PPT也是更注重內容,或直接套用模板,對於什麼設計原則或配色理念,一直在憑“女人的直覺”。一直自以為自己的直覺還可以,作為一個公司裡那個「做PPT的」,基本的PPT設計是能夠應付的,所以也並沒有動力去認真鑽研。

直到看了這本書《寫給大家看的設計書》,才豁然開朗,像是被打通了任通二脈。瞭解了作者總結的設計原則後,我才終於明白自己很多直覺背後的原理是什麼,以及那些總覺得有些問題卻又說不出哪裡不對的情況問題究竟在哪裡,還有那些是直覺也不曾留意的但其實已經有問題的情況是什麼(很拗口吧)。就像書中說到的「一旦能夠說出什麼東西的名字,就會很容易注意到它,你就會掌握它,擁有它,讓它受你所控。」

如何調整PPT設計?《寫給大家看的設計書》教你5分鐘上手的好方法

這本書於2016年出版,目前已更新第4版

這本書的作者是美國的著名設計師Robin Williams,她通過寫作和授課已經影響了整一代的數字設計師,且在Adobe 和 Mac等著名的技術社區擁有大量的粉絲。


如何調整PPT設計?《寫給大家看的設計書》教你5分鐘上手的好方法

著名設計師及老師Robin Williams本人

這本是最大的特點就是用最通俗易懂的方式,揭開了設計的神秘面紗,就像Robin自己說的,她先是一位教師,其次是設計師,所以她首先站在學生角度,確定用一種別人更好理解的方式講述她的理念。這本書也因為其簡單易懂的的低門檻廣受好評,在全世界範圍內銷售80萬冊,被翻譯成十幾種語言,出版當年在日本Amazon年度「藝術設計類」排名第一。

簡單總結來說,這本書可以分成三部分,第一部分著重介紹了四大設計原則及在此基礎上的顏色運用,第二部分介紹字體設計,而最後一部分附加了一些練習及測驗答案。如果時間比較緊張或者對設計並沒有極致追求的話,掌握第一部分「設計的四大原則」就能夠掌握本書的精髓了。


—— 02 設計的4大原則 ——

書中總結的設計的4大基本原則是:對比;重複;對齊;親密性。具體定義與解釋如下:

對比(Contrast)

避免頁面上的元素太過相似,如果元素(字體、顏色、大小、線寬、形狀、空間等)不相同,那麼就乾脆讓他們截然不同

重複(Repetition)

讓設計的視覺要素在整個作品中重複出現,可以重複顏色、形狀、材質、空間關係、線寬、字體、大小和圖片等等,這樣既能增加條理性,還能增強統一感。

對齊(Alignment)

任何東西不能在頁面上隨意安放,每個元素都應當與頁面上的另一個元素有某種視覺聯繫,可以建立清晰、精巧、清爽的外觀感受。

親密性(Proximity)

彼此相關的項應該靠近,歸組在一起。如果多個項之間存在很近的親密性,就會形成一個視覺單元,而不是一個孤立的元素,有助於組織信息,減少混亂,提供清晰的結構。

這四個原則怎麼使用呢?下面給大家舉幾個例子說明。

例子1:對比下面兩張設計的效果

如何調整PPT設計?《寫給大家看的設計書》教你5分鐘上手的好方法

設計1-1

如何調整PPT設計?《寫給大家看的設計書》教你5分鐘上手的好方法

設計1-2——運用了親密性原則

從二者的對比中,可以看到設計1-2中將介紹內容的文字靠近,和網絡聯繫方式的文字、電話聯繫方式的文字分別靠近,分別組成了三個文字集,一眼過去就能更清晰判斷每塊數字集的信息內容,讓整個排版變得更清晰明確。

類似的對比還有下面這張圖,不用看清文字,就能看到明顯右側的圖片更加清爽。

如何調整PPT設計?《寫給大家看的設計書》教你5分鐘上手的好方法

設計2-1&2 右側的排版不但採用了親密原則,還有對比原則,對齊原則和重複原則

明顯可以看到,上面的對比中,右側的排版運用親密性,配合其他原則,讓結構變得更清晰:

  1. 【親密性】提煉活動主題為關鍵詞,將長篇內容,劃分成圍繞關鍵詞的三個文字塊,讓人一眼就能看懂三塊分別是什麼內容,再根據感興趣的主題,進一步閱讀感興趣的內容;同時地址和聯繫方式和合並在了一起,方便用戶一眼就找到聯繫方式
  2. 【對比】標題和正文,做了加粗,不同字體,不同字號的清晰對比
  3. 【對齊】三塊內容右對齊
  4. 【重複】三部分的標題和正文分別採用同樣的一套字體與字號

以上是親密性的典型案例。

例子2:下面這個例子同樣是兩個排版做對比,可以著重觀察對齊原則的重要性。

如何調整PPT設計?《寫給大家看的設計書》教你5分鐘上手的好方法

設計3-1 名片排版

如何調整PPT設計?《寫給大家看的設計書》教你5分鐘上手的好方法

設計3-2 改為中心對齊

在這組名片的設計中,除了第二張圖運用了親密性,將內容整合在一起,避免了內容分散在四個角落分散讀者注意力,而第一張設計,雖然有個性但是最明顯的問題在於四個角卻出現了明顯的不對齊現象,導致視覺上排版雜亂缺少統一性。

如何調整PPT設計?《寫給大家看的設計書》教你5分鐘上手的好方法

設計3-1中,無形的視覺線

即使在第二張名片的設計上,也有可改進的地方,因為第二張設計雖然實現了中心對齊,但是從每行字體兩側的視覺感受上,同樣存在凹凸的視覺感,所以如果能夠統一在一側對齊,則會有更整潔舒適的效果。

如何調整PPT設計?《寫給大家看的設計書》教你5分鐘上手的好方法

設計3-2中,中心對齊帶來不規則的視覺感受

如何調整PPT設計?《寫給大家看的設計書》教你5分鐘上手的好方法

設計3-3 統一右側對齊則可以解決這個問題

看,這回是不是就更清晰規整了呢?

例子3:對比原則要求,儘量誇大兩個對象間的差別,製造明顯的差異。用下面一組設計做舉例:

如何調整PPT設計?《寫給大家看的設計書》教你5分鐘上手的好方法

設計4-1 某個簡歷設計

可以看到,第一張簡歷設計圖,已經運用了親密性原則,對齊原則,重複原則等。標題和正文也做了對比區分,但是哪裡可以進一步提升呢?

對,就是對比!除了字體和字號,還可以加入顏色等因素,強調關鍵詞,讓讀者在第一時間鎖定設計者最想表達的內容,以及讀者可能會最關心的內容。

比如增加對比後的排版可以是這樣:

如何調整PPT設計?《寫給大家看的設計書》教你5分鐘上手的好方法

設計4-2 更新後的簡歷設計

更新的排版放大了照片,運營了紅色底色圈出了頭像和個人聯繫方式,同時對於關鍵詞加粗,並換上了相同的紅色,使得關鍵詞進一步被凸顯出來。此外還有用長橫線隔離開,增加分段之間的間隔,增加相近內容親密性,強化時間和正文的對齊原則等細節修改,讓簡歷變得更加層次分明,重點突出。

再舉一個例子,還記得最開始的紫色服務名片嗎?經過親密性原則調整後,還可以再根據對比原則進一步調整:

如何調整PPT設計?《寫給大家看的設計書》教你5分鐘上手的好方法

設計1-2 剛運用了親密性原則的設計

如何調整PPT設計?《寫給大家看的設計書》教你5分鐘上手的好方法

設計1-3 疊加了對比原則後的設計

通過高亮,和增加顏色,再次凸顯了標題和聯繫方式等重要內容。是不是一眼就能抓住重點了呢?

例子4:重複性原則往往是大家比較熟悉也容易學習的設計原則,這裡想舉例的是,除了單幅設計的重複性外,系列設計中的重複性更為重要。相同或相似元素的反覆使用可以幫助讀者建立多幅設計間的統一感。下面就是一個很好的例子。

如何調整PPT設計?《寫給大家看的設計書》教你5分鐘上手的好方法

重複性在設計多個內容時,顯得尤為重要。

通常好的設計往往同時符合這四大原則。當然,四大原則下也有可以在不同程度上逐步加深,也可以根據主題進行不同程度的調整。通過不斷練習,你會發現自己進步的空間。


03 做個練習

這裡借用一幅海報的設計調整,練習四大原則的應用。下面這是原圖:

如何調整PPT設計?《寫給大家看的設計書》教你5分鐘上手的好方法

這是海報原圖

1)第一步:運用親密性原則進行調整:

如何調整PPT設計?《寫給大家看的設計書》教你5分鐘上手的好方法

根據「親密性原則」進行調整

親密性調整:

  1. 介紹題目內容的部分,減少了行間距,壓縮緊湊放在了題目下方
  2. 演講人和時間等演講相關的信息放在了一起

調整後,結構變得清晰簡單。

2)接下來,採用對齊原則:

如何調整PPT設計?《寫給大家看的設計書》教你5分鐘上手的好方法

根據「對齊原則」進行調整

當然,中心對齊也是一種選擇,但是有時候,有一條清晰的對齊線會看起來更規整。

3)下一步,我們增加重複元素試試看:

如何調整PPT設計?《寫給大家看的設計書》教你5分鐘上手的好方法

根據「重複原則」進行調整

這裡可以看到,標題和演講者都採用了大寫字母,且都變成了紅色,正文介紹和時間則用了首字母大寫配合小寫字母,以及採用黃色字體,形成了上下呼應的兩種重複,突出了每段文字的重點內容。

4)最後,運用對比原則做調整嘗試:

如何調整PPT設計?《寫給大家看的設計書》教你5分鐘上手的好方法

根據「對比原則」進行調整

這裡的對比原則其實也是配合著重複原則共同使用,但是增加了背景色,更突出了標題和演講者,使重點內容和非重點內容的差異更加凸顯。

這樣的原則應用,你學會了嗎?

最後留一個練習內容(參考調整方案見頁底):

如何調整PPT設計?《寫給大家看的設計書》教你5分鐘上手的好方法

別急著看參考答案,可以先自己想一想


04 PPT中的實戰應用

在日常工作中,這四大原則最直接的應用場景就是修改我們可憐的PPT了!

不過其實四大原則會了,自然就知道PPT該如何修改了,我這裡僅舉一個小例子,是在身邊真實發生的例子。某天老闆要求寫一份市場調研方案,我拿到的同事PPT其中有一頁是這樣的:

如何調整PPT設計?《寫給大家看的設計書》教你5分鐘上手的好方法

同事的PPT

基本的對齊和對比是有的,但是因為文字太多,看起來並不清晰。另外注意:「首行縮進」這個書寫常規習慣是不適用於PPT文字的!於是我在此基礎上做了一些調整:

如何調整PPT設計?《寫給大家看的設計書》教你5分鐘上手的好方法

調整後的PPT內容

可以看出,除了把大段文字化整為零外,調整還做了兩步:

  1. PPT用豎線把內容根據主題分成了兩部分,間接實現親密性;
  2. 大量運用了重複原則和對齊原則:標題格式重複;論點和標題全部右側對齊。

一番調整後,兩部分的內容看起來是不是更整齊清晰了呢?

通過例子,相信你能感受到商業PPT設計和海報設計的差別:商務PPT的整齊度和清晰度更為重要!所以大量運用重複和對齊原則顯得更為重要。

這裡再教大家兩個小技巧:

  1. 重複原則,藉助「格式刷」
如何調整PPT設計?《寫給大家看的設計書》教你5分鐘上手的好方法

格式刷圖標

通過格式刷可以將所選文字統一為相同格式。這裡一個建議就是:在PPT內容完成後,將每頁的小標題統一為同樣的格式,甚至同樣的位置!當然,“直接複製粘貼前一頁的標題,然後修改文字”,也是一種不錯的選擇!

  1. 對齊原則,建立對齊快捷鍵
如何調整PPT設計?《寫給大家看的設計書》教你5分鐘上手的好方法

我常年添加在快速工具欄的對齊圖標

因為PPT中需要對齊的動作特別多,是PPT商務美化的常用工具,於是我建議把幾個對齊工具放在快速工具欄中。添加方法只需要在左上角的快速工具欄中選擇「更多命令」,並按照下圖一一選中添加這些工具即可,這些快捷工具將讓你在「對齊原則」的使用上如虎添翼!

如何調整PPT設計?《寫給大家看的設計書》教你5分鐘上手的好方法

添加的8個對齊工具如右側所示

這樣的技巧是不是大大提升了你的效率呢?

另外,除了PPT優化之外,你的工作生活中,還有哪些場景會需要你來設計?是否可以運用四大原則來優化原有設計呢?希望你靜靜思考一分鐘!


05 小結

今天通過著名設計師Robin Williams的風靡全球的設計書《寫給大家看的的設計書》我們學會了非常實用的四個設計原則:親密性原則對齊原則對比原則重複原則

基於「看過並轉化為實踐應用才是讀完一本書」的原則,本文為大家列舉了大量的例子說明四個原則該如何應用,並在應用與練習後,給了一個在PPT中實戰應用的小例子兩個實操小技巧

學會了四個設計基本原則,相信你的設計作品至少就能拿到及格分,如果應用熟練,甚至不排除可以達到80-90分的高度。但是關鍵在於不斷地練習和應用哦!

原書中還有大量關於顏色、字體方面的講解,建議對設計有濃厚興趣的同學,可以買上一本,繼續研讀,相信你會受益匪淺的。

附,練習題的參考答案(注意:設計沒有標準答案,也許你的設計調整方案更有自己的特色!)

如何調整PPT設計?《寫給大家看的設計書》教你5分鐘上手的好方法


最後,歡迎關注「西柚微苦」,苦柚小姐帶你一起讀100本書,學習100個應用技能!


介就是我,苦柚小姐

我在這裡等著你,不卑不亢,不慌不忙

西柚微苦

See You Way Cool~!


分享到:


相關文章: