PPT從結(jié)局來(lái)看是一個(gè)整體，但我們可以把PPT的每一頁(yè)當(dāng)做一個(gè)新媒體形式的平面設(shè)計(jì)作品，想要設(shè)計(jì)得美觀確實(shí)是需要一些基礎(chǔ)平面知識(shí)。iSlide在這部分會(huì)通過(guò)一些示例來(lái)進(jìn)一步說(shuō)明，方便大家理解學(xué)習(xí)。
iSlidePPT模板
1.突出重點(diǎn)、去掉無(wú)用的裝飾
PPT單頁(yè)的視覺(jué)層級(jí)要鮮明，語(yǔ)言要精煉。在視覺(jué)設(shè)計(jì)上，裝飾性的元素不宜過(guò)多，要讓人一眼就看到重點(diǎn)。在文字描述上，要使用通俗、精簡(jiǎn)、有說(shuō)服力的文字。讓我們來(lái)看幾個(gè)例子：
我們看下這兩張有什么問(wèn)題。首先最明顯的就是色彩主題不統(tǒng)一。封面是黑白，但后面的內(nèi)容頁(yè)卻使用了彩色的大色塊。另外封面的背景有些不明所以，還干擾了標(biāo)題這個(gè)重點(diǎn)。而大標(biāo)題將PPT三個(gè)字單獨(dú)一行也不妥，閱讀(瞟)起來(lái)有斷裂感。然后像內(nèi)頁(yè)里「如何達(dá)到扁平化」上方的圖標(biāo)也是多余元素，我仔細(xì)推敲才發(fā)現(xiàn)可能是為了對(duì)應(yīng)下方的「四個(gè)設(shè)計(jì)要點(diǎn)」?
我重新構(gòu)思了一種視覺(jué)風(fēng)格來(lái)修改這兩頁(yè)(之后的示例會(huì)盡可能用不同的風(fēng)格，供更多朋友選擇和參考)。
可以看到，我使用深色背景，去掉多余元素后，「高端」的感覺(jué)立馬起來(lái)了。但是在使用「黑色」作背景的時(shí)候，可以不用純黑，因?yàn)槟菢訒?huì)顯得單調(diào)死氣，可以適當(dāng)加入一些色彩的純度。然后仔細(xì)觀察右圖的修改，可以看到我將「色彩」、「文字」、「圖片」字體放大，視覺(jué)上比標(biāo)題「如何達(dá)到扁平化」更重，而原圖則相反。這是因?yàn)橥ǔＯ旅娴膬?nèi)容才是重點(diǎn)，標(biāo)題提問(wèn)只是為了引出下面的回答。而原圖的第一視覺(jué)中心卻是那個(gè)問(wèn)題，有點(diǎn)錯(cuò)誤理解了內(nèi)容的重要性。
這位作者回答中提到要下載各種「奇怪」的字體，大家千萬(wàn)別被誤導(dǎo)了!先不說(shuō)用在商業(yè)上會(huì)有版權(quán)問(wèn)題，為了保證易讀性，我們通常要使用越清晰簡(jiǎn)單的字體越好。盡量不要使用像左上圖那種本身就有很強(qiáng)設(shè)計(jì)風(fēng)格的字體，會(huì)嚴(yán)重干擾易讀性。右圖的宋體還好一些，根據(jù)需要可以放心使用。另外，為了保證統(tǒng)一，一頁(yè)P(yáng)PT中盡量不要使用超過(guò)2種字體，一份文檔中盡量不要使用超過(guò)3種字體。
依舊使用簡(jiǎn)潔的風(fēng)格，但這次是淺色背景。字體還是選用了基礎(chǔ)的「蘋(píng)方」搭配「SanFrancisco」。這兩套是搭載在iOS9系統(tǒng)上的新字體，大家可以在蘋(píng)果的開(kāi)發(fā)者頁(yè)面下到，但蘋(píng)果未授權(quán)商用。其他沒(méi)什么，就是大家要注意對(duì)齊……包括物理上和視覺(jué)上的。
iSlidePPT模板
2.基礎(chǔ)設(shè)計(jì)4原則：親密性、對(duì)齊、對(duì)比、重復(fù)
這里的4原則摘自Robin Williams的《寫(xiě)給大家看的設(shè)計(jì)書(shū)》。這是一本非常適合大眾學(xué)設(shè)計(jì)的入門(mén)書(shū)，我在這簡(jiǎn)單闡述下這4個(gè)原則，如有興趣推薦大家購(gòu)買閱讀。
親密性
親密性原則旨在將存在聯(lián)系的元素相互靠近，組合成一項(xiàng)一項(xiàng)，令畫(huà)面更加有序。
左圖是非?？岬碾S機(jī)排序咳咳，雖然很酷，但我們卻無(wú)從知曉到底該從哪開(kāi)始閱讀。當(dāng)我們需要展示某些信息的時(shí)候，需要像右圖那樣，認(rèn)真將內(nèi)容組織排序、對(duì)齊。相近的元素要相互靠近，不管是視覺(jué)上相近還是內(nèi)容上相近。
對(duì)齊
讓元素更加有序。
左圖三個(gè)信息完全沒(méi)有對(duì)齊，顯得非常無(wú)序。右圖將信息左對(duì)齊，并且將「小標(biāo)題」與正文相對(duì)靠近，令閱讀起來(lái)更有秩序。
對(duì)比
使用強(qiáng)烈的對(duì)比可以強(qiáng)調(diào)信息層級(jí)，令人關(guān)注到設(shè)計(jì)師希望突出的重點(diǎn)。
當(dāng)我們希望突出某個(gè)信息的時(shí)候，一定要加強(qiáng)對(duì)比。像左圖那種小小的對(duì)比，是很難達(dá)到對(duì)比的視覺(jué)效果的。因此，大膽使用「對(duì)比」，讓畫(huà)面更有主次。
重復(fù)
重復(fù)可以簡(jiǎn)單解釋為「統(tǒng)一感」，但重復(fù)更加刻意強(qiáng)調(diào)。比如通過(guò)重復(fù)品牌元素達(dá)到統(tǒng)一視覺(jué)，加深人印象的作用。
重復(fù)不一定是某種視覺(jué)元素的重復(fù)，也可以是文字樣式的重復(fù)。左圖存在的問(wèn)題就是兩個(gè)標(biāo)題、段落的樣式都不一樣，感覺(jué)非常「凌亂」。右圖將文字字號(hào)、顏色等作了統(tǒng)一，看上去就有秩序多了。
運(yùn)用好這基礎(chǔ)的4原則，相信大家都能快速制作出相對(duì)優(yōu)秀、美觀的PPT或設(shè)計(jì)作品了。
iSlidePPT模板
3.受歡迎的數(shù)據(jù)圖表
如果你看過(guò)蘋(píng)果的發(fā)布會(huì)，相信你會(huì)非常喜歡它們演示的PPT，而其中最值得一提的就是他們經(jīng)常引用大量數(shù)據(jù)。
數(shù)據(jù)可以令你的內(nèi)容更具信服力。而數(shù)據(jù)圖表則更能直觀地展示這些數(shù)據(jù)，通過(guò)可視化呈現(xiàn)。
4.通過(guò)設(shè)計(jì)讓PPT具有某種風(fēng)格，而不是花里胡哨就好!
這里可能比較考驗(yàn)手頭功夫和對(duì)設(shè)計(jì)的綜合把握能力。還是通過(guò)示例來(lái)分析下罷。
我們可以看到這位作者是有針對(duì)性地在設(shè)計(jì)PPT的風(fēng)格。但是因?yàn)榫C合的設(shè)計(jì)能力不夠出色，因此實(shí)際輸出效果顯得有些粗糙，主要是色彩和排版問(wèn)題比較大。我們看下怎么修改罷。
左圖我理解作者是希望做出匯聚的效果，并且運(yùn)用多種色彩來(lái)達(dá)到「年輕」、「活力」的感覺(jué)。只是原圖顏色過(guò)灰(色彩純度太低)，導(dǎo)致看著很壓抑。因此我使用了明亮的白色做背景。輔助的圓圈使用純度相對(duì)較高的漸變顏色，并且通過(guò)模糊和降低透明度等效果來(lái)區(qū)分和主題之間的層次。可以明顯看到比原圖「活潑」、「明亮」了不少。(我這樣自己夸自己真的好嗎……)
而右圖我感覺(jué)像是學(xué)生對(duì)自己學(xué)習(xí)的總結(jié)報(bào)告。因此我把主要目的設(shè)為「清晰地傳達(dá)內(nèi)容」。當(dāng)然，這樣設(shè)計(jì)的話首先就要去掉原圖各種修飾元素，讓畫(huà)面更加純凈。并且延續(xù)原圖的藍(lán)色系，使用了明度較低的深藍(lán)作為背景，看上去更加「莊重」、「嚴(yán)肅」。因?yàn)榉浅：?jiǎn)潔，文字出現(xiàn)其實(shí)可以加入適當(dāng)?shù)男?dòng)畫(huà)，讓信息呈現(xiàn)更有趣、突出。
iSlidePPT模板
設(shè)計(jì)是有各種各樣風(fēng)格的，沒(méi)有絕對(duì)的對(duì)與錯(cuò)。根據(jù)需求和場(chǎng)景，設(shè)計(jì)相應(yīng)的風(fēng)格是最好的辦法。
聯(lián)系客服
