自從谷歌推出 Material Design 設計語言后,用卡片作為承載信息的方式,已經是很常見的一種設計形式了:
卡片設計被廣泛用在各類產品和場景中,PPT也不例外。比如剛結束不久的蘋果春季發(fā)布會,PPT中就用到了卡片排版:
卡片的區(qū)塊化結構能讓頁面層次清晰易讀,是頁面布局中的利器。有時候僅使用卡片來排版,也能做出一套不錯的PPT:
然而很多時候,我們進行卡片排版時,往往會忽略很多細節(jié)的處理,導致頁面效果生硬,比如像下面的案例:
那么,如何快速地提升卡片的排版設計效果呢?
今天這篇文章就給大家總結一下,卡片排版的一些細節(jié)要點。
在PPT中,我們是用矩形來繪制卡片,通過給矩形設置顏色、紋理、陰影等參數(shù)效果,讓卡片的質感豐富起來。
1.角部弧度
卡片設計常見的角部弧度有直角和圓角這兩種:
我們常常使用圓角卡片來排版內容,因為直角的卡片硬朗高冷,有一定的攻擊性質:
而圓角容易被人眼識別,卡片邊界的區(qū)分更明顯;且柔和的圓角更具親和力,給人安全感和舒適感:
2.卡片顏色
卡片的顏色填充可以是純色或漸變色(黑白灰為無彩色)。
純色卡片只有一種色調,但卻比較難把控,因為單一的顏色,看起來會比較沉悶呆板:
對此比較好的解決方法,是改用不同明度的漸變色來填充,讓卡片細節(jié)層次更加豐富:
怎么設置不同明度的漸變呢?很簡單,拿下面的深黃色卡片舉例:
我們選擇45°方向的線性漸變,然后兩個光圈顏色均選用原來的色值:
接下來,我們通過調整兩個光圈的亮度百分比,就可以得到不同明度的漸變色:
來看看調整后的效果,與之前比較,卡片會更有光澤感:
3.卡片投影
給卡片添加投影效果,可以營造卡片懸浮感,從而增加頁面的空間層次:
一般不建議直接選用PPT中的投影預設,因為這些預設投影比較生硬,不夠柔和自然:
怎么調節(jié)出柔和自然的陰影呢?大致可以分為三個步驟:
第一,選擇與背景色相近的深色作為陰影色,比如下面卡片的陰影色為深紫色:
第二,縮小陰影的大小,然后加大陰影距離:
第三,把陰影的模糊度調大,如果覺得陰影色還是太深,可以適當?shù)丶哟笸该鞫龋?/p>
與預設的陰影相對比,調整后的陰影效果會柔和很多:
講完卡片繪制的細節(jié),接下來我們來看下卡片內容的排版。
1.間隙相同
無論是卡片的縱向或是橫向,它們之間的間隙距離,最好能保持一致:
整齊一致的間隙距離,有助于保持頁面的均衡和美觀:
2.四周留白
卡片上的內容信息,與卡片的邊界要留有適當?shù)木嚯x:
為什么要適當留白呢?我們先來看下面的反例。
卡片上的內容信息緊貼著卡片兩側邊界,此時整體頭輕底重,底部文字太擁擠,看著沒有呼吸感:
而給卡片四周適當?shù)亓舭缀?,頁面效果看著就會舒暢了許多:
3.文字行數(shù)不宜過多
卡片上的文字的縱向行數(shù),最好不要超過5行,因為行數(shù)過多容易增加閱讀成本:
還有文字的層級區(qū)分要明顯,我們可以通過不同字重、字號和顏色的設置,從而產生清晰信息層級:
4.減少線框使用
我們經常會使用線框來區(qū)分信息內容,但當卡片上使用過多的線框時,反而會導致頁面的擁擠:
減少線框的使用,或是用淺色色塊代替線框,這樣卡片上信息區(qū)分清晰的同時,整體效果也會好很多:
在PPT中,利用卡片進行排版,常見的版式有哪些呢?
1.并列排版
這應該是最常見的卡片排版版式,比如下面這個案例,頁面有三段并列的內容信息:
我們找來對應的圖標,然后用卡片元素來承載文字信息:
接下來給卡片添加陰影,在底部加入色塊來豐富頁面層次:
最后再添加一些修飾粒子元素,這樣一張卡片并列排版就完成了:
2.上下錯位排版
我們只需將并列版式稍微錯位,就可以做出有節(jié)奏感的上下錯落排版:
又或是常見四段頁內容的錯落排版:
除此之外,還可以給卡片稍微旋轉一個角度,這樣錯位的感覺又會不一樣:
3.大小不一錯落排版
當卡片的大小不一致時,我們可以考慮錯落排版,像蘋果發(fā)布會的PPT,這樣能夠有效利用頁面的空間:
這里再舉一個例子,比如這張有關風電特點的頁面:
我們將各個特點拆分開來,然后用大小不一的卡片承載內容:
接下來根據(jù)文字信息的含義,找來相關的圖片填充進卡片中:
最后調整字體的字重、大小和顏色,突出關鍵詞,這樣一頁蘋果卡片風PPT就做好了:
4.三維空間排版
顧名思義,可以通過給卡片設置三維參數(shù),進行三維空間排版:
我們來看下案例,比如下面這張五段頁卡片排版:
分別給左右兩側的卡片設置「透視:左」和「透視:右」的三維參數(shù):
然后將它們湊在一起,就有這樣空間感滿滿的頁面了:
此外,我們通過設置不同的三維參數(shù),可以繪制出不同旋轉角度的卡片,從而進行豐富的三維排版布局:
好了,以上就是關于卡片排版的內容,最后我們來總結一下:
·
原標題:庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...
]]>PPT手繪的文章在pptfans網,已經介紹過很多,今天給大家分享一份關于超級互聯(lián)網公司google的手繪PPT,一定會讓你大開眼界。
以下為正文內容:
《Google 是如何運作的》一書于今年 9 月出版,作者是如雷貫耳的 Google 前 CEO 埃里克·施密特和 Google 高級副總裁喬納森·羅森伯格。本文中的 54 張插圖則是施密特不久前剛在網上公開的 PPT 精簡版,比枯燥的文字多了幾分生趣,插圖的創(chuàng)意和洞察也入木三分,無論你是企業(yè)家、普通職員還是即將進入社會的學生,都能在里面找到可學習之處。
來看看主流媒體對這本書的評價吧:
Google 如何為創(chuàng)意型員工打造出獨特的企業(yè)文化?前 CEO 和高級副總裁終于將謎底揭曉。 ?——《財富》雜志
如果你希望自己的企業(yè)和員工時刻為一個鼓舞人心的未來準備著,這本書能帶給你能量和激情,會是一本很好的入門書。 ?——《出版者周刊》
一本從成功商人的視角寫成的 Google 指南,信息翔實,展現(xiàn)的層面多樣化又很有創(chuàng)意。 ?——美國最著名的書評雜志《Kirkus》
即使不看文字,插畫流暢瀟灑的風格和深刻的內涵相信也能吸引住你。眼尖的讀者可能已經發(fā)現(xiàn)了,這種手繪風格出自一款 iPad 應用——Paper 之手,任何無繪畫基礎的人試著在上面隨意涂鴉兩筆,也許就能成就一幅佳作。
源文件下載請翻到文章底部。
PPT 完整版(圖片下方附中文解說):
當喬納森和施密特剛加入 Google 的時候,我們以為自己已經知道了關于成功經營的所有訣竅。
但我們很快就發(fā)現(xiàn)自己對經營的見解全都錯得離譜。
我們需要制定出一套新的商業(yè)規(guī)則,讓公司在互聯(lián)網時代也能站穩(wěn)腳跟。以下是我們總結的經驗。
我們首先拋出一個施密特最愛問的問題:現(xiàn)在和之前有什么區(qū)別?
有什么區(qū)別?
有什么變得不一樣了?有哪些人們的假設已經不再正確?為什么事物似乎發(fā)展得越來越快?
以下是我們給出的答案:
科技正在改變商業(yè)的方方面面。全世界的信息和媒體都是在線的。移動設備讓人們可以隨時隨地聯(lián)系任何人。云計算將一個超級計算機收入你的口袋中。
因此,多年以來的準入門檻也不復存在?,F(xiàn)存的企業(yè)極易受到競爭和干擾的影響。
這種改變速度空前,而且仍在加速。摩爾定律已經應驗,科技正在失控。
占據(jù)主導的不再是企業(yè),而是消費者,人們抱著前所未有的期待。企業(yè)不再可能借一款低劣的產品就僥幸成功,即使成功了也不可能持續(xù)太久。一個很好的例子就是,低劣的產品會收到很低的評分,這使得市場靈活而真實。在今天,優(yōu)質的產品才能獲勝。
同時,企業(yè)的力量也發(fā)生了巨變。個體或小團隊可以擁有巨大的影響力。他們可以創(chuàng)造出嶄新的想法,再歷經測試、失敗,再重新開始,最后成功獲得全球市場。
這些擁有最大影響力的人,我們稱之為“聰明的創(chuàng)意人員”。
他們是結合了知識、商業(yè)專長和創(chuàng)造力的產品人。如果你把當今的科技工具放到他們手中,并給予他們發(fā)揮的自由,他們可以以一種出奇的速度,創(chuàng)造出奇的產品。
問題是,今天的大多數(shù)企業(yè),他們的目的是讓風險最小化,而不是讓自由和速度最大化。信息和數(shù)據(jù)被嚴格保密,卻沒有用作共享。在過去的年代,犯錯成本高昂,人們贊賞三思而后行,而他們的設計就是那個年代遺留的產物。決策權被掌握在少數(shù)人手中。
換言之,絕大部分公司在設計方面都行動太緩慢!
這在互聯(lián)網時代根本行不通。
那么,什么才行得通?
創(chuàng)建一項成功的互聯(lián)網時代冒險事業(yè)。
我們發(fā)現(xiàn),只有吸引聰明的創(chuàng)意人員作員工,并為他們創(chuàng)造出開放式成長的環(huán)境,事業(yè)才能長久地保持成功。
你應該怎么做呢?
首先,你需要吸引那些聰明的創(chuàng)意人員,他們可不容易糊弄。
你得從企業(yè)文化著手。創(chuàng)意人員在意他們工作的環(huán)境。
所以,盡早開始規(guī)劃企業(yè)文化。作為團隊你在乎什么,工作和決策的方式是怎樣的,這些都要考慮并梳理成文檔。
然后按照企業(yè)文化中的標語說的那樣那樣生存下去。
最好是以小團隊的形式工作,讓大家保持關系緊密,并抓住偶然發(fā)現(xiàn)的聯(lián)系好好培養(yǎng)。
圍繞著那個影響力最大的人組建企業(yè)團隊。
接下來要考慮的便是策略。大多數(shù)人開創(chuàng)一份冒險事業(yè)前都會做商業(yè)計劃。但是事物變化得太快,任何完全 MBA 式的商業(yè)計劃都必定在某些至關重要的方面是錯的。
聰明的創(chuàng)意人員知道這一點,他們會擔心,一份規(guī)規(guī)矩矩的商業(yè)計劃會妨礙他們的自由。
(喬納森剛進入 Google 的時候,他的第一個產品中就有這樣一份計劃。拉里·佩奇(Google 現(xiàn)任 CEO)說那份計劃看起來很蠢。)
你的事業(yè)不應該建立在一份商業(yè)計劃上,而應該以策略為基礎。你可以有計劃,但要心里有數(shù),這份計劃可能會有很大變動。計劃是可變的,策略卻很穩(wěn)定。
好的策略基礎有三根支柱:1、創(chuàng)造基于獨特科技洞察的優(yōu)秀產品;2、為增長而不是利潤做調整;3、知道競爭對手的情況,但不隨同。
好了,現(xiàn)在要把那些創(chuàng)意人員招進公司。切記,你要做的最重要的事就是招聘。
很多人都這么說,但他們還是把事情委托給人事相關人員。每個人,每!一!個!人!都要在招聘環(huán)節(jié)上肯花費精力。
現(xiàn)在你已經吸引并組建了一個充滿創(chuàng)意人員的團隊,你需要給他們一個放養(yǎng)的環(huán)境,讓他們可以自由成長。
這從你制定決策的方式開始。正確的方式可以讓他們知道,自己原來可以產生很大影響。如果決策方式不對,就會扼殺了他們的志氣。
大部分考慮長遠的企業(yè)都標榜自己制定的決策能夠達成共識,但他們不理解什么是“共識”。
并不是每個人都同意就能稱之為“共識”,“共識”意味著每個人都能發(fā)聲,每個人的意見都能被聽到,最終大家團結地站在最好的決策那一邊。
交流和制定決策同樣重要。和決策一樣,大多數(shù)領導者都認為自己很擅長交流,當然,他們大多數(shù)都錯了。
盡量讓交流保持開放。讓信息流動得更快一些,信息的聲量更大一些,讓更多人能參與進去。
正確做好這些事,然后你的事業(yè)就有機會涅槃,獲得巨大變革。
但是請記住,作為 CEO,你還必須是個 CIO(首席創(chuàng)新官)。創(chuàng)新不能被擁有或任命,它需要被允許。命令創(chuàng)意人員讓他們進行創(chuàng)新,這不一定有效,正確的方式是放任他們去做。
設定一個實現(xiàn)起來很困難的目標,然后漂亮地失敗。
聽那些在一線實踐的人的話,不要聽那些空談。讓他們做產品的原型,而不是空泛的 PPT。
任何地方都能誕生想法。
以上步驟并不僅適用于企業(yè)家,也不僅對高科技事業(yè)有效。機會到處都是,創(chuàng)意人員到處都是。心懷抱負,想要建立創(chuàng)意團隊來爭取機會的人也到處都是。
你所需要的只是一個大膽的想法。
捫心自問,哪些想法本應該在五年內實現(xiàn)?
試著去想象那些不可思議的事物,因為它們其實很有可能發(fā)生。
然后,在你想象的那個未來上做賭注。大賭注有時候比小賭注更容易實現(xiàn)。
因為它們可以吸引到最優(yōu)秀的人。
你準備好了嗎?
(《How Google Works》,榮登紐約時報暢銷書排行榜。)
如何讓你的PPT更有效?視覺效果更好呢?很多時候我們自己的想象力有限,那么不如去到Google圖片那里獲得啟發(fā)吧。我所講的并不是直接把那些圖拿來用,而是模仿其格局。
原始文件:這樣的表達是不是很常見?但是,如何能讓其視覺化,更方便溝通呢?
到Google圖片里,搜索3 steps得到如下結果,你會看到關于3步驟有很多種表達方式。
找到你喜歡的格局,將其復制到頁面上,然后參考其樣子進行模仿。請注意當前的屬于半成品,文字和圖片是不搭配的哦。需要自己替換相應的內容啦。
同理:
當然,你也可以提前做好準備,收集不同數(shù)字的各種表達方法,把他們都下載到電腦里,留著以后備用,這是5 steps的結果。
怎么樣,是不是給你很多啟發(fā)呢?小小已經告訴你方法了,接下來的工作就看你的選擇了。:)
10個人可能會有10個不同的設計思路,都會很棒的哦!
]]>