為什么扁平化的PPT成為了大多數(shù)人的選擇

幻燈片的制作受到 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)了:

擬物與扁平兩者之間的區(qū)別

上圖左邊是擬物遮咖,右邊是扁平滩字。扁平比擬物簡(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ì)擬物形式的幻燈片感興趣,可以試試借助其他工具繪制效果圖叠国,而不是局限在演示軟件上未檩。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市煎饼,隨后出現(xiàn)的幾起案子讹挎,更是在濱河造成了極大的恐慌,老刑警劉巖吆玖,帶你破解...
    沈念sama閱讀 219,270評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件筒溃,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡沾乘,警方通過(guò)查閱死者的電腦和手機(jī)怜奖,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,489評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)翅阵,“玉大人歪玲,你說(shuō)我怎么就攤上這事≈澜常” “怎么了滥崩?”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,630評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)讹语。 經(jīng)常有香客問(wèn)我钙皮,道長(zhǎng),這世上最難降的妖魔是什么顽决? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,906評(píng)論 1 295
  • 正文 為了忘掉前任短条,我火速辦了婚禮,結(jié)果婚禮上才菠,老公的妹妹穿的比我還像新娘茸时。我一直安慰自己,他們只是感情好赋访,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,928評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布可都。 她就那樣靜靜地躺著缓待,像睡著了一般。 火紅的嫁衣襯著肌膚如雪汹粤。 梳的紋絲不亂的頭發(fā)上命斧,一...
    開(kāi)封第一講書(shū)人閱讀 51,718評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音嘱兼,去河邊找鬼国葬。 笑死,一個(gè)胖子當(dāng)著我的面吹牛芹壕,可吹牛的內(nèi)容都是我干的汇四。 我是一名探鬼主播,決...
    沈念sama閱讀 40,442評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼踢涌,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼通孽!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起睁壁,我...
    開(kāi)封第一講書(shū)人閱讀 39,345評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤背苦,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后潘明,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體行剂,經(jīng)...
    沈念sama閱讀 45,802評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,984評(píng)論 3 337
  • 正文 我和宋清朗相戀三年钳降,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了厚宰。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,117評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡遂填,死狀恐怖铲觉,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情吓坚,我是刑警寧澤撵幽,帶...
    沈念sama閱讀 35,810評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站礁击,受9級(jí)特大地震影響并齐,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜客税,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,462評(píng)論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望撕贞。 院中可真熱鬧更耻,春花似錦、人聲如沸捏膨。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,011評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至目胡,卻和暖如春锯七,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背誉己。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,139評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工眉尸, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人巨双。 一個(gè)月前我還...
    沈念sama閱讀 48,377評(píng)論 3 373
  • 正文 我出身青樓噪猾,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親筑累。 傳聞我的和親對(duì)象是個(gè)殘疾皇子袱蜡,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,060評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,180評(píng)論 25 707
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)、插件慢宗、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,107評(píng)論 4 62
  • 今天是2017.03.24坪蚁,我決定二戰(zhàn),本來(lái)想起個(gè)名字叫“當(dāng)考研失敗時(shí)我在想什么”的名字镜沽,又覺(jué)得這個(gè)名字太中二敏晤,又...
    aqiqi閱讀 407評(píng)論 0 1
  • 要真正認(rèn)識(shí)一座城,最好的方法就是用腳去度量淘邻,用心去感受茵典。 你可以在某個(gè)陽(yáng)光灑滿枝頭的早晨,伸出手感受這個(gè)城市的溫度...
    林聽(tīng)聽(tīng)閱讀 358評(píng)論 0 5
  • 雨宾舅,連綿不斷统阿; 一切都是灰蒙蒙的! 她心煩地進(jìn)進(jìn)出出筹我, 滿滿的不滿意扶平! 可是又能怎么樣呢? 置之不理讓她冷靜蔬蕊, 那...
    Joanne_fa80閱讀 215評(píng)論 0 4