上周順利開講了一期沙龍，總算了卻了一樁心愿竿刁。
讓PPT飛起來系列已經(jīng)開講了4期黄锤，回顧前三期。
讓PPT飛起來
讓PPT飛起來2：美圖總動(dòng)員
讓PPT飛起來3：PPT豈止PPT
每一期都是滿滿的干貨食拜。隨著P改欄目的開通鸵熟，我研究了大量同學(xué)的PPT作品，發(fā)現(xiàn)許多同學(xué)的演示文稿連最基本的設(shè)計(jì)原則都未能遵循负甸。
因此流强，本期的主題也就圍繞同學(xué)們普遍存在的問題開講痹届，從細(xì)節(jié)出發(fā)，掌握了打月，將讓我們的幻燈片脫胎換骨短纵。于是，系列4取名：拿什么拯救你僵控，我的幻燈片。
先給大家推薦一本書鱼冀，世界級(jí)著名設(shè)計(jì)師羅賓·威廉姆斯（Robin Willams）的《寫給大家看的設(shè)計(jì)書》报破。
Robin在書中將復(fù)雜的設(shè)計(jì)濃縮成了四大基本設(shè)計(jì)原則，影響了無數(shù)從事設(shè)計(jì)工作的人（雖然我不是設(shè)計(jì)工作者千绪，但同樣深受影響）充易。
今天我就來講講這看似簡單，卻必須掌握的設(shè)計(jì)原則荸型。
書中提到盹靴，每一個(gè)優(yōu)秀的設(shè)計(jì)中都應(yīng)用了這些原則：
1、對(duì)比（Contrast）
2瑞妇、重復(fù)（Repetition）
3稿静、對(duì)齊（Alignment）
4、親密（Proximity）
四大原則記憶起來也很容易：
用Robin的話來說辕狰，這并不太適合改备，因?yàn)镃rap是有廢物、廢話的意思蔓倍。
根據(jù)我個(gè)人的經(jīng)驗(yàn)悬钳，以及對(duì)四大原則的理解，我更愿意這樣來對(duì)其進(jìn)行重新排序偶翅。
接下來我們便依次解讀一下每個(gè)原則默勾，并看看優(yōu)秀的設(shè)計(jì)案例。
1聚谁、對(duì)齊（Alignment）
任何東西都不能在頁面上隨意安放母剥。每個(gè)元素都應(yīng)當(dāng)與頁面上的另一個(gè)元素有某種視覺聯(lián)系。這樣能建立一種清晰垦巴、精巧而且清爽的版面媳搪。
這是PPT中常見的幾種對(duì)齊方式，下面兩種分別為兩段對(duì)齊和分散對(duì)齊骤宣，這兩種對(duì)齊方式很少用秦爆，但它們卻有妙用，我們后文會(huì)提到憔披。
對(duì)齊是最基本的平面排版原則等限，遵循了這一原則爸吮，頁面會(huì)讓人舒服，違背了這一原則望门，再好的圖文也會(huì)變得毫無價(jià)值形娇。
將上面最后一圖中的元素打亂后，整個(gè)頁面就顯得亂多了筹误。
在對(duì)齊方式中桐早，同學(xué)們最喜歡用的是居中對(duì)齊，但我要說的是厨剪，盡量少用居中對(duì)齊的方式哄酝，且看下圖
上圖的問題我不用贅述了吧。蘋果自詡為以設(shè)計(jì)為導(dǎo)向的科技公司祷膳，也會(huì)在對(duì)齊方式中犯下這樣的錯(cuò)陶衅，實(shí)在不應(yīng)該。
正如我建議的直晨，居中對(duì)齊盡量少用搀军，尤其是文字內(nèi)容較多時(shí)，居中對(duì)齊可能會(huì)造成文本內(nèi)容的割裂勇皇。
還記得前文提到的那兩個(gè)并不常用的對(duì)齊方式嗎罩句？有的時(shí)候我僅僅注意到了視覺起點(diǎn)的對(duì)齊，卻忽略了視覺終點(diǎn)的對(duì)齊儒士。
上圖雖注意到了元素的左對(duì)齊的止，但是文本右側(cè)邊緣有很明顯的參差錯(cuò)落。這種情況下便可以使用前文提到的用的少卻大有妙用的兩端對(duì)齊和分散對(duì)齊方式着撩。
觀察上圖中文本右側(cè)邊緣對(duì)齊的變化诅福，注意與原圖的對(duì)比。兩端對(duì)齊方式可常用于word這樣需要大量文本編輯的地方拖叙。
不信的話氓润，大家把自己做過的word文檔翻出來看看，右側(cè)邊緣一定有許多沒有對(duì)齊的地方薯鳍。
2咖气、對(duì)比（Contrast）
對(duì)比的基本思想是，要避免頁面上的元素太多相似挖滤。要讓頁面引人注目崩溪，對(duì)比通常是最重要的一個(gè)元素，正式它能使毒蛇首先看這個(gè)頁面斩松。通過對(duì)頁面元素伶唯，如字體、顏色惧盹、大小乳幸、形狀等的對(duì)比處理瞪讼，讓讀者最短時(shí)間內(nèi)了解到頁面上的主次信息。
上圖是錘子科技官網(wǎng)的截圖粹断，棕色背景文字與紅色加個(gè)顯示行程色彩對(duì)比符欠，以及字體大小的對(duì)比，清晰傳達(dá)了這一頁面的關(guān)鍵信息瓶埋。如果不遵循這一原則希柿，畫面將變成這樣：
因?yàn)樵緝?nèi)容少，信息似乎也能清晰的展示出來养筒，但卻少了原版的層次感狡汉，主次信息并不突出。
上圖是天貓網(wǎng)站的截圖闽颇，簡單的頁面采用了字體、大小寄锐、色彩兵多、形狀、符號(hào)等的對(duì)比方式橄仆，使得頁面主次信息清晰可查剩膘。
當(dāng)然，對(duì)比不能放肆亂用盆顾，用得不好會(huì)適得其反使得頁面變得雜亂怠褐。所以在對(duì)比原則的使用上，需要建立在重復(fù)性的原則基礎(chǔ)上您宪。
3奈懒、重復(fù)（Repetition）
“重復(fù)性”也可稱之為“統(tǒng)一性”，讓設(shè)計(jì)中的視覺要素在整個(gè)作品中重復(fù)出現(xiàn)宪巨×仔樱可以重復(fù)顏色、形狀捏卓、字體极祸、大小等，這樣既能增加條理性怠晴，還可以增強(qiáng)統(tǒng)一性遥金。
這是單頁面的重復(fù)體現(xiàn)，同時(shí)也體現(xiàn)了前文提到的對(duì)齊和對(duì)比原則蒜田。重復(fù)性的原則主要體現(xiàn)在三條圖文信息的排版樣式保持一致稿械，小圖標(biāo)風(fēng)格保持一致，文字內(nèi)容主次搭配保持一致物邑。
上圖是錘子手機(jī)的rom發(fā)布會(huì)上老羅的演示文稿截圖溜哮，整體上看保持了高度的統(tǒng)一性滔金，背景、排版和圖片處理都是重復(fù)運(yùn)用的效果茂嗓。
上圖是網(wǎng)友布衣公子的課件作品餐茵，是重復(fù)原則運(yùn)用的最典型案例。通過過渡頁的重復(fù)述吸、導(dǎo)航欄的重復(fù)忿族、色彩的重復(fù)等處理，使得整個(gè)演示文稿能夠清晰展示演講者所講的內(nèi)容蝌矛。
這次沙龍的演示幻燈片同樣遵循了重復(fù)統(tǒng)一的原則道批。
同學(xué)們?cè)谥貜?fù)原則的把握上還欠缺一點(diǎn)整體性：
從某些方面來講，同學(xué)們的作品是“最能體現(xiàn)”重復(fù)性原則的入撒，因?yàn)槎枷矚g套用模板隆豹，而模板便是高度體現(xiàn)重復(fù)原則的作品，然而同學(xué)們咋套用模板時(shí)也要注重自己內(nèi)容的契合與再創(chuàng)作茅逮。
以上圖為例璃赡，咋一看，背景一致献雅，細(xì)細(xì)看來碉考，內(nèi)容卻依然雜亂無章。
4挺身、親密（Proximity）
彼此相關(guān)的項(xiàng)應(yīng)當(dāng)靠近侯谁，歸組在一起。如果多個(gè)項(xiàng)相互之間存在很近的親密性章钾，它們就會(huì)成為一個(gè)視覺單元墙贱，而不是多個(gè)孤立的元素。這有助于組織信息贱傀，減少混亂嫩痰，為讀者提供清晰的結(jié)構(gòu)。
將頁面中的同類元素聚攏在一起窍箍，使得頁面更容易被閱讀串纺，更容易被記住。
親密性意味著存在關(guān)聯(lián)椰棘，把類似的元素組織為一個(gè)單元纺棺，頁面會(huì)變得更有條理，觀眾也清楚的知道從哪里開始讀信息邪狞，留白也會(huì)顯得更有組織性祷蝌。
我們身邊的許多物事都是我們學(xué)習(xí)的對(duì)象。
接下來帆卓，我們一步步來修改一張問題頁面
第一步巨朦，問題診斷米丘。元素未對(duì)齊、文字較多糊啡、亂用項(xiàng)目符號(hào)……
第二步拄查，對(duì)齊。
第三步棚蓄，對(duì)比堕扶。通過字號(hào)、粗細(xì)實(shí)現(xiàn)初步對(duì)比梭依。
第四步稍算，破折號(hào)與項(xiàng)目符號(hào)留其一。
第五步役拴，文案精煉糊探。
第六步，換項(xiàng)目符號(hào)河闰，統(tǒng)一頁面侧到。
第七步，增加對(duì)比元素淤击，加強(qiáng)對(duì)比性。
第八步故源，嘗試其他排版污抬。
進(jìn)階玩法：
修改前后對(duì)比
今天說了這么多，先告一段落吧绳军。說的不妥的地方歡迎指出來印机。
回復(fù)“讓ppt飛起來4”，可獲取這次沙龍的幻燈片门驾。
