2012年12月27日

替圖片隨意去背:Mac專屬的Alpha去背

咦?
怎麼圖片中有兩位黑暗騎士呢?
難道蝙蝠俠也有父子黨嗎?
不不不,
這一篇要和大家分享的,
是屬於Apple的麥金塔(Mac)電腦專屬的去背方式。
相信你一定有聽人說過,學設計的人,通常都喜歡用蘋果的電腦,
因為在操作上Mac更能夠發揮與體現設計師的理念。
究~竟~這是不是真的呢?
且讓我們以去背的操作當做例子,一窺究竟吧!

去背」的操作可以讓你應用圖片更自由
不會受到圖片背景的限制
關於Windows作業系統的PowerPoint去背方式
而後者(PowerPoint 2010)的去背技巧,
在Mac上的PowerPoint 2011也可用一樣的方法做到
那麼Mac的去背方式有什麼特別呢?
有!那就是它獨特的去背演算法:"Alpha"

2012年12月11日

小小字體學問大:認識「襯線」與「非襯線」字

Steve Jobs在史丹佛大學的畢業典禮演講曾說過,從里德學院退學是他一輩子做過最好的決定之一,並且舉了他學習書法與字體、後來應用在Apple電腦上的故事。不過各位在聽到這段話時,對於裡面提到的字體學,以及所謂的“serif”和“san serif”分類又認識多少呢?
“I decided to take a calligraphy class to learn how to do this. I learned about serif and san serif typefaces, about varying the amount of space between different letter combinations, about what makes great typography great. It was beautiful, historical, artistically subtle in a way that science can't capture, and I found it fascinating.......” 

2012年12月4日

設計5部曲:從手寫分鏡到簡報製作


PowerPoint是這個時代我們最常使用的軟體,然而可惜的是,它一開始的預設值就是在引導使用者用大綱的形式進行投影片製作。這個沒有什麼不對,基本上這符合英文作文的主題句敘述方式。然而它的結構卻很難讓觀眾記住內容的連貫性,因為它活生生地把一個概念分裂成無數的重點。那麼要怎麼解決這個問題呢?此時電影導演常用的「分鏡表」概念便派上用場!

分鏡表究竟有什麼用呢?最大作用是他可以幫助你看見內容敘述的連貫性以及整體的流暢度。同時它可以幫助你脫離電腦,以縱觀的方式讓你的簡報故事漸漸擁有該有的樣子。在PowerPoint中的投影片瀏覽模式,可以幫助你的筆記以及草圖變成真正的電腦分鏡表。如果你對製作中的簡報心中還沒有非常清楚的藍圖,你也可以用所謂「類比」的方式,先在紙上製作草稿。這樣雖然比起“直接開啟投影片軟體,把一大堆標題打進去,然後再填滿中間要說明的重點”這樣的方式慢,但卻可以讓你的簡報結構更完整。如果你喜歡這種方法的話,Bill將會引用<presentationzen: 簡報禪—圖解簡報的直覺溝通創意>這個書中所介紹的5個設計的步驟,提供給各位參考:

2012年11月29日

Let it Be Story: 故事,與說故事的方法(2)

本圖引用自電影<愛在日落巴黎時>
相信每個人都曾經有這樣的經驗:在一場演講時,台上的講者感覺很緊張,講話速度飛快,但你卻聽不懂他在講什麼,一副不知所云、意義不明的樣子。這時你或許會為他感到緊張,抑或是因為自己無法理解而感到內疚。不過其實你可以不要內疚,因為可以很確定的是,一般而言這種情況十次有九次都是講者的問題。繼續上篇文章所建構的故事的概念,如果你在台上進行演講或是簡報的話,一場融合故事、感性與理性的成功簡報可以分成四個要素:
  1. 透徹了解自己想說的內容,並且非常熱情的想要把內容分享給觀眾。
  2. 站在觀眾的正前方,並應用親切易懂的語言,讓整場演講看起來像是普通的對話,卻又充滿熱情。
  3. 遇到專有名詞時,不會受到干擾、不打亂簡報的節奏。
  4. 用真實發生的故事進行舉例,甚至是自身經歷。而且所引用的故事都切中題意,和核心概念環環相扣。

2012年11月26日

Let it Be Story: 故事,與說故事的方法(1)

本圖引用自電影<愛在黎明破曉時>
如果你要說明複雜構想,最簡單的方法就是透過能夠強調出重點的實際例子,或是故事分享。通常又好又短,並且是有趣的故事以及實際的例子,這樣更容易讓觀眾對你印象深刻。
<presentationzen: 簡報禪—圖解簡報的直覺溝通創意>這個書中,介紹了許多關於故事,與說故事的方法。我們接下來就來看看該怎麼說故事吧!

一般來說,好的故事都有有趣且清楚的開場,中間則有刺激人心、引人入勝的內容,在最後則是清楚的結論。我們之所以會認為這是好的故事、我們喜歡的故事,可以說是因為某種程度上我們的大腦會潛意識的去選擇和生存攸關、跟自己有關的情節。這也是為什麼在上課時,雖然我們的意識告訴我們要一遍又一遍地去念課本,或是回家趕快寫Essay,然而我們的大腦會不斷地告訴我們,這是一件無聊、一點都不好玩而且與生存無關緊要的事。因此我們會選擇性的忽略它,儘管意識告訴我們這些事情很重要。

2012年11月24日

SUCCESs:「成功」演說的6個原則

簡報藝術烘焙坊一直以來都在和大家分享製作簡報的方法、技巧,以及最重要的,心法。這些工具最重要的目的便是幫助我們說好我們想要說的「故事」,讓資訊的傳遞者與接受者的聯結更加緊密。但是究竟是什麼樣的故事才會迴盪在人們的心中呢?

在Presentation Zen這一本書中,作者介紹了6個讓你的表達構想深具影響力的關鍵原則:
「簡潔 Simplicity」, 「出人意料之外 Unexpectedness」, 「具體Concreteness」, 
「可信度高 Credibility」, 「富有情感 Emotions」, 「具有故事性 Stories」
這些字的字首合起來,便是「成功」演說的六大要素SUCCESs。
究竟作者怎麼介紹這六大要素呢?讓我們繼續看下去......

2012年11月19日

Beyond Presentation:2.你的重點是什麼?

關於前Apple傳奇執行長賈伯斯有一個惡名昭彰的傳說:
「曾任蘋果公關的Ed Niehaus透露,有一次他與賈伯斯下樓,中間電梯門打開,一名女職員看見他們,露出很不想搭這班電梯的表情,賈伯斯開口詢問她的姓名與職務,並連續發問:『你哪個單位的?做什麼的?公司為何需要你?』結果聊了幾句,電梯到達1樓時,賈伯斯對她說:「我們不需要妳了。」隨即走開。從此以後任何一位蘋果員工都不希望在電梯內遇見賈伯斯。」
這則傳說連同賈伯斯其他的傳奇行徑常常成為人們討論或是批評的對象。雖然後來據說這其實只是外界為了打擊蘋果形象而捏造的故事,但真實性並不是這一篇的重點,這一篇想要談的是所謂的「電梯測試

2012年10月31日

Beyond Presentation:1.初心者的眼光

本圖設計思維參考自"presentationzen" by Garr Reynolds

今天,我們不談簡報,我們談談簡報以外的世界。

簡報藝術烘焙坊開張至今,已經分享了不少簡報製作及設計技巧。在不斷和大家分享這些知識的同時,接下來Bill打算把我們分享的文章提升到一個全新的層次,也就是簡報呈現的「概念」或「心法」。這些對我們來說是概念層次的思維,雖然乍看抽象,但卻是真正可以帶得走的事物。或許有一天我們的簡報軟體會改變,或許有一天我們所分享的技巧漸漸變得落伍,但是接下來分享的,卻是禁得起時間考驗的想法。這會需要你花一點時間思考和消化,但如果你能夠理解,他將是跟著你一輩子的想法。

2012年10月23日

該不該念投影片:簡報的互動哲學

又是Bill回來囉!繁忙的彩曈由於被徵召去報英文paper,所以今天就由Bill來和大家分享吧!

相信願意花時間收看簡報藝術烘焙坊的你,應該多少有聽過一些原則包括什麼「不要念投影片」、「不要把你要講的話每一個字打在投影片上」、「一張投影片不要超過五個項目(Bullet Point)」、「每張投影片以停留1分鐘最為適宜」等等的原則,這似乎很有道理,但又感覺似乎很難遵守,究竟是怎麼回事呢?


2012年10月15日

講清楚說明白:拿麥克風學問大

不曉得各位有沒有經驗是,聽見自己的主管、長官上台拿起麥克風,結果調了老半天卻都沒有聲音?或是雖然拿著麥克風,但卻永遠無法聽見他在講啥,頻頻爆音?更有甚者,就像在聽「黑暗騎士:黎明昇起」中的大反派Bene說話,永遠噢噢啊啊聽不清楚?撇開純粹的設備問題不說,這種問題的原因十之八九都是因為「麥克風拿法不對」。

基本上拿麥克風有三個主要注意事項:保持適當距離手握上端盡量保持正對嘴部

2012年9月28日

簡報大改造特輯1:色塊美學

歡迎各位來到「簡報大改造」特輯!俗話說得好:「學以致用」,在這個特輯中我們會將之前所分享的簡報技巧用在實際生活中的簡報設計,讓家看看如何用一點點的設計巧思來達到「美容前-美容後」的效果喔!
本集的內容是色塊美學,也就是把原本是文字導向的簡報風格改變為圖片導向的風格,讓簡報的視覺衝擊更加吸引人。對於我們今天的例子,我們只需3步簡單的處理就可讓他變得更加吸引人了!

2012年9月27日

怎麼「排」有關係:簡潔排列讓構圖一目了然!


不曉得各位有沒有想過,為什麼我們的眼睛只看到馬尾,就可以意識到這代表一位女生?為什麼即使你家的寵物貓被桌腳遮住,影像被切成擋住而分成兩部分,我們依舊可以意識到這是一隻完整的貓,而非「兩塊」貓?這是因為我們有將一起移動的點、互相對整齊的線視為一個整體的天性。把這樣的想法應用在簡報設計上面,便是我們今天要討論的「排列(Alignment)」

2012年9月25日

隨處都能寫!如何讓標題寫在眼花撩亂的背景上

你有沒有一種經驗是,
當你找到一張很漂亮的圖片或是背景,
通常是旅遊或是團體照,打算把它放在背景並且在上面作說明時,
卻發現無論字放在哪裡,都看不清楚嗎?
似乎怎麼找都找不到適當的空白區放置你的文字?
在這裡,Bill和各位分享一個小小的訣竅,
那就是用黑光暈或是遮罩來當做襯底。

為了舉例,在這邊Bill找來一張色彩相當搶眼的圖片當作說明範例。
這張圖片是來自皮克斯Pixar的最新作品 “勇敢傳說Brave” 劇中梅莉達(Mérida)公主的劇照
(相關資料參見Disney Wiki)。
在劇中梅莉達想要勇敢走出自己的路,
但是卻陰錯陽差的引發了一個古老魔法的詛咒,
使自己和家人深陷危險,而此時她必須抓住可以改變自己命運的機會,
才能挽救她的家人與王國。
因此本頁上面“If you had the chance to change your fate, would you? ”
便是她在劇中的希望與信念。

無聲的語言:讓切題的背景協助表達!

在完成一張投影片時,
我們常常都會覺得畫面單調而想加幾張圖片,
然而往往不當的亂加圖片會造成反效果。
下面我們就舉一份Toastmasters International (國際演講協會) 的介紹投影片來說吧!
左上角是BILL給這張投影片的評價,
協助接下來的閱讀,如果和你的觀感剛好相反的話,
可以提出來一起討論噢!

2012年9月24日

PowerPoint的"Power Point":和諧簡報構圖的秘訣

在大多數的情況下,純粹只有文字的投影片看起來會有些單調,
因此我們通常會打算加入一些圖片作為修飾。
然而圖片該怎麼放呢?
如果隨便放放的話通常會導致畫面不協調。
這邊BILL替大家介紹一個最簡易排版原則:「三分律」

假設我們想要寫一篇關於已故蘋果公司共同創辦人Steve Jobs的晚年生平介紹,
或許我們可以設計一個這樣的投影片當做封面:
為了避免過多誇張的圖片影響本篇要和大家分享的重點,
因此本篇僅用兩張圖片與兩行文字作為設計的元素。
通常這樣也都足夠了。
在上面這張圖中,
基本上你會看見的是一個四平八穩的構圖,
雖不特別,但是畫面很協調。

2012年8月9日

丹佐.華盛頓2011年為賓州大學畢業生演講

"To get something you never had, you have to do something you never did."
-Denzel Washington

這一篇是好萊塢影帝丹佐.華盛頓在賓州大學的畢業演說,
內容提到他過去爭取百老匯演出的經過、坎坷的求學過程,
並鼓勵畢業生勇於接受挫折、迎向挑戰。
丹佐並非典型的演講大師,
在這一篇演講中,他的表現並非無瑕。
但是他深厚而自然的演戲基礎,
讓他在講台上的演說就如同和觀眾對話一樣自然。
在這一篇中,有幾個地方值得學習或參考:

2012年8月8日

用「3D小人」輕鬆做出獨一無二的簡報

BILL今天和大家介紹一個很簡易、實用的簡報設計風格:「3D小人風格」
方法相當簡單,
到Google圖片搜尋、打上「3D小人」,
然後一大堆圖片就都出來啦!
在使用這些圖片時有一點要注意,
就是他們很可能都有版權,
所以使用時要註明出處,同時不可以作為商業用途。
另外就是,因為製作的圖片商會希望賺錢,
所以常常會在高解析度版本的圖片打上醜醜的浮水印,
以迫使用戶向他購買,
所以在選用圖片時需要稍微挑一下。
當你看到你要的圖片時點下去,便會如下圖所示:

2012年8月5日

檔案太大上傳不了?「簡報圖片化」:PowerPoint 2010 檔案瘦身三部曲

以下介紹採用於Office 2010版本;
PowerPoint 2010檔案瘦身三部曲系列文:母片應用圖片壓縮簡報圖片化


各位看得出來開頭這兩張投影片有什麼差別嗎?
看起來一樣?再仔細看看!
注意到了嗎?沒錯,上面那一張投影片是「很多張」圖片構成的,
而下面那一張投影片則是由「一張」圖片構成。
這就是PowerPoint 2010 檔案瘦身第三部曲:「簡報圖片化

簡報圖片化不只可以讓檔案瘦身,
而且也是最簡單避免不同版本的PowerPoint檔案不相容的可靠方法。
Microsoft的軟體時常都會有不同版本互不相容的狀況,
比方說2003和2007不相容、2007和2010不相容等等。
而就算你依照軟體建議儲存成相容模式檔,
還是會常有字體跑掉、排版跑掉等各種惱人的狀況。
網路上有些所謂的「專家」會教你如何將字型檔匯入其他的電腦以正確地顯示字型,
但是偏偏這些方法用在Windows的電腦匯到Mac時通通無效XDDD
此時簡報圖片化就可以派上用場,
讓你在所有的電腦上面都可以維持同樣的放映品質,
讓每一位觀眾得到同樣的享受!

2012年8月4日

檔案太大上傳不了?「圖片壓縮」:PowerPoint 2010 檔案瘦身二部曲

以下介紹採用於Office 2010版本;
PowerPoint 2010檔案瘦身三部曲系列文:母片應用圖片壓縮簡報圖片化



接續首部曲,BILL在本文要介紹第二種縮小投影片檔案大小的方法「圖片壓縮」。
這尤其適用在有很多的圖文說明、
使用大量的圖片協助簡報者敘事的投影片上。
BILL已經介紹了如何搜尋高解析度圖片的方法,
同時也提到因為投影機的投影的畫素有限,
所以其實簡報的圖片大小適可而止即可。
那麼要怎麼樣「適可而止」呢?
這時就是壓縮圖片的技巧派上用場的時候啦!

2012年7月30日

你可以再靠近一點:滿版出血圖片的視覺震撼

很久以前有一個化妝品的廣告,
廣告中的女主角不斷的對著鏡頭說「你可以靠近一點」
藉此顯示產品抹在皮膚上的保養效果,
是禁得起近距離觀察的考驗的。
其實簡報設計的排版上,
近距離的效果比起遠觀,
也一樣可以造成更大的視覺震撼! 

在進入正題前
BILL先介紹兩個簡單的概念:滿版出血 :

滿版」就和他的字面意義一樣,
是指把圖片放大到佔滿整個版面

出血」則是印刷上的詞彙,
簡單來說就是,
當你打算把圖片佔滿整張紙面時,
由於印刷上的限制,
印刷並沒有辦法印到最邊界的範圍,
因此圖片的邊界會有一部分被剪掉,
而這就稱為圖片的出血

2012年7月27日

檔案太大上傳不了?「母片應用」:PowerPoint 2010 檔案瘦身首部曲

以下介紹採用於Office 2010版本;
PowerPoint 2010檔案瘦身三部曲系列文:母片應用圖片壓縮簡報圖片化

有時在一份投影片中,
為了解釋概念或是美化版面,
常常會使用許多圖片作為視覺的輔助。
但是每每在做完投影片之後,
卻發現檔案太大,無法上傳要交報告、作業、企劃的地方,
就連電子郵件也發不出去,
打開時還會有有很嚴重的lag、甚至電腦當機。
不用懷疑,此時正是電腦在告訴你:「你的檔案太大了」
那遇到這種情形,該怎麼辦呢?
從這一篇開始,我們要連續介紹三種替檔案瘦身的方法:

1.母片應用  2.圖片壓縮  3.簡報圖片化

2012年7月23日

令人抓狂的PowerPoint:Life After Death by PowerPoint

這部影片"Life After Death by PowerPoint"
是Don McMilan這位簡報大師用幽默的方式,
揶揄現今我們濫用PowerPoint的普遍現象。
文中雖然都是以笑話的方式呈現,
不過很多地方都一針見血。
趕快看看自己的簡報有沒有類似的毛病吧 XD