幻燈片的制作受到 UI 的影響可能是最大的迎吵。iOS 7 發(fā)布之后嗤形,似乎所有人都知道了一個(gè)名詞——Flat精偿。而后,扁平化影響到各個(gè)角落,也包括幻燈片笔咽。
早些時(shí)候的幻燈片搔预,少不了3D小人,再前一些時(shí)候叶组,微立體非常常見(jiàn)拯田,到現(xiàn)在,iOS 9 和 Flat 變得火熱甩十。其實(shí)說(shuō)扁平化PPT是不妥的船庇,只不過(guò)大家都習(xí)慣了,倒也無(wú)妨侣监。
細(xì)想扁平化與擬物化是在我體驗(yàn)了 Keynote 后鸭轮,發(fā)現(xiàn)上面的一些母版仍然保留了擬物的效果,而且 OS X 上同樣如此橄霉,體驗(yàn)比 Win 10 的進(jìn)一步扁平化要更細(xì)膩窃爷。在移動(dòng)端上,iPhone 是扁平化的代表酪劫,而擬物化的代表吞鸭,則要數(shù) Smartisan 了。
回到幻燈片上覆糟,首先說(shuō)說(shuō)擬物與扁平兩者之間的區(qū)別,我們通過(guò)一個(gè)放大鏡的對(duì)比就能夠看出來(lái)了:
上圖左邊是擬物遮咖,右邊是扁平滩字。扁平比擬物簡(jiǎn)單多了,這就是第一感受御吞,的確如此麦箍。從演示軟件針對(duì)的用戶是大眾這一點(diǎn)來(lái)說(shuō),這也是最為關(guān)鍵的一點(diǎn)陶珠,不僅是形式上的簡(jiǎn)單挟裂,操作上的簡(jiǎn)單更為突出。
左邊的這個(gè)放大鏡對(duì)于PPT使用者來(lái)說(shuō)揍诽,只有非常少的一部分人能制作诀蓉,而且很慢,而右邊這個(gè)放大鏡暑脆,只要懂得電腦的基本操作渠啤,幾乎都能做,還能非常迅速添吗。
擬物是用效果圖的思路來(lái)呈現(xiàn)信息沥曹,而扁平是以示意圖的思路來(lái)呈現(xiàn)信息。
在美觀程度上,我們拋開(kāi) UI 不談妓美,從大眾使用演示軟件這一角度來(lái)切入僵腺,扁平比擬物更利于使用者構(gòu)建起秩序。在幻燈片中壶栋,秩序是最重要的關(guān)鍵詞辰如,可能沒(méi)有之一,它直接關(guān)系到內(nèi)容的邏輯委刘。也就是我一直強(qiáng)調(diào)的:
幻燈片的思維方式是理性的丧没,而很多人做不好幻燈片是因?yàn)橛梅抢硇缘姆绞饺ヌ幚砝硇缘臇|西。這好比你用藝術(shù)家涂鴉的方式來(lái)做數(shù)學(xué)題锡移。
為什么在幻燈片制作上呕童,扁平比擬物更利于使用者構(gòu)建起秩序?
最現(xiàn)實(shí)的還是這個(gè)原因淆珊,絕大多數(shù)使用者有心無(wú)力夺饲,沒(méi)有經(jīng)過(guò)針對(duì)性訓(xùn)練,難以完成精致的效果圖施符。而扁平卻是很多人可以接受和實(shí)現(xiàn)的往声。我想,當(dāng)扁平化普及的時(shí)候戳吝,很多畫(huà)了好些年擬物 icon 的 UI Designer 心中一定是一萬(wàn)只草泥馬呼嘯而過(guò)的(玩笑話)浩销。
如上圖,在發(fā)布會(huì)上听哭,很多產(chǎn)品幾乎都不會(huì)使用示意圖的思路(右)慢洋,而是使用效果圖和場(chǎng)景圖的思路(左)。雖然效果圖和場(chǎng)景圖制作的人力和時(shí)間成本都會(huì)成倍增加陆盘,但是這種精致與細(xì)膩卻也是不可輕易復(fù)制的普筹。
除了這個(gè)原因之外,在扁平化中隘马,幻燈片的網(wǎng)格系統(tǒng)更容易構(gòu)建太防,而網(wǎng)格是構(gòu)建秩序的關(guān)鍵詞∷嵩保幻燈片中的網(wǎng)格運(yùn)用不是很復(fù)雜蜒车,再簡(jiǎn)單一點(diǎn)說(shuō)就是對(duì)齊的原則。
如果你有認(rèn)真的研究過(guò) iPhone 圖標(biāo)的網(wǎng)格系統(tǒng)沸呐,你會(huì)發(fā)現(xiàn)醇王,小小的圖標(biāo)中蘊(yùn)含著很核心的設(shè)計(jì)思想,進(jìn)而對(duì) Jonathan Ive 產(chǎn)生敬意崭添。這里就不展開(kāi)講了寓娩。
將上面的近1K字總結(jié)一下:
擬物是效果圖思路,扁平是示意圖思路;
幻燈片的思維方式是理性的棘伴;
沒(méi)有經(jīng)過(guò)針對(duì)訓(xùn)練寞埠,難以實(shí)現(xiàn)擬物;
雖然焊夸,我們可以明確地選擇了扁平仁连,但有時(shí)還是會(huì)進(jìn)入擬物與扁平生硬組合的危險(xiǎn)區(qū),包括我自己之前也會(huì)踏入阱穗。最明顯的一點(diǎn)就是漸變的運(yùn)用饭冬。
iOS 9 發(fā)布后,很多PPTer(其實(shí)我不喜歡這個(gè)叫法)似乎轉(zhuǎn)移了陣地揪阶,試圖將其中的漸變引入幻燈片昌抠,我覺(jué)得是沒(méi)太多必要啦,因?yàn)閷?iOS 9 上的漸變搬上幕布存在一個(gè)最基本的問(wèn)題就是:要先保證辨識(shí)度鲁僚。
之前我用明度漸變(參見(jiàn)蘋(píng)果發(fā)布會(huì))做背景的時(shí)候炊苫,發(fā)現(xiàn)除了文本以外的很多元素怎么處理都顯得不太對(duì),當(dāng)時(shí)沒(méi)細(xì)想冰沙。但從擬物與扁平的角度去思考時(shí)侨艾,卻一下就明白了。
明度漸變往往與光影聯(lián)系在一起拓挥,它也是效果圖的處理方式唠梨。而平常制作幻燈片不像發(fā)布會(huì)一樣內(nèi)容很簡(jiǎn)要明確,再加上發(fā)布會(huì)的背景布置與環(huán)境侥啤,燈光等是一體的姻成,而我個(gè)人在制作的時(shí)候就會(huì)出來(lái)很多矛盾。這也恰好解釋了為什么蘋(píng)果發(fā)布會(huì)使用明度漸變的背景:
發(fā)布會(huì)的效果圖展示是用幕布上的漸變?yōu)楫a(chǎn)品營(yíng)造了一個(gè)空間愿棋,這是合理的。從另一個(gè)角度上來(lái)說(shuō)均牢,保持?jǐn)M物和扁平關(guān)系之間的獨(dú)立糠雨,擬物有擬物的和諧,扁平有扁平的統(tǒng)一是非常重要的徘跪。老羅在發(fā)布 T2 的時(shí)候甘邀,手機(jī)壁紙毛玻璃化的原因也是出于此,單純圖片背景與擬物的圖標(biāo)是不太相融合的垮庐。
這也并不是說(shuō)漸變?cè)诒馄街芯筒荒苡昧怂尚啊F鋵?shí)在 iOS 中,也仍然有很多地方保留了明度漸變哨查,比如電話逗抑,信息,F(xiàn)aceTime 的圖標(biāo)綠色部分就保留了很微弱的漸變,還有健康圖標(biāo)的那顆紅色的心邮府,以及里面的健康數(shù)據(jù)圖表也保留有漸變荧关。雖然扁平是去質(zhì)感,但是這種做法仍然保留了一點(diǎn)細(xì)膩而微弱的質(zhì)感褂傀。
還有一個(gè)容易使用錯(cuò)亂的就是陰影忍啤。有些幻燈片陰影的使用簡(jiǎn)直到了浮夸的地步。在擬物這塊仙辟,有過(guò)素描基礎(chǔ)的小伙伴應(yīng)該會(huì)更容易理解吧同波!
如果你對(duì)擬物形式的幻燈片感興趣,可以試試借助其他工具繪制效果圖叠国,而不是局限在演示軟件上未檩。