tag:blogger.com,1999:blog-22671662829773865492024-03-14T16:05:43.851+08:00簡報藝術烘焙坊 SlideArt互動教學培訓 × 簡報訂製服務 × 精選線上課程Bill Penghttp://www.blogger.com/profile/06754947258366919347noreply@blogger.comBlogger202125tag:blogger.com,1999:blog-2267166282977386549.post-40881894193138022742022-06-22T20:04:00.009+08:002022-06-22T20:12:53.386+08:00Keynote 12.1 版更新:3D 動態背景<p><span data-darkreader-inline-color="" style="--darkreader-inline-color: #e8e6e3; color: black;"><img border="0" data-original-height="608" data-original-width="1080" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp3bLJJR1nZ8UFWo3_N6mvdEmFc3qdOLjQzaXu9TCdHz0hZAo27qU0p6qe6NWOHtumc7VZaWPcbjJGjnxZTkivp6yk-8lsExD_6edN8JkrTggjzEBXSugiLs8Y_Ya_iACYKzFs-_3yf28Pq0HZg_02u0gpfdIRWlMKoFZPvCgM5roluMYnRk0UCj9Eug/s16000/Keynote%2012.1%20%E7%89%88%E6%9B%B4%E6%96%B0%EF%BC%9A3D%20%E5%8B%95%E6%85%8B%E8%83%8C%E6%99%AF_02.gif" width="100%" /></span></p><div style="text-align: center;">(本文作者/內容策劃:Richard 林柏儒)</div><div style="text-align: center;"><br /></div>Apple 專屬的簡報軟體 Keynote 釋出 12.1 版重大更新!新增酷炫的動態背景功能,並且內建多種背景於預設主題中,甚至可以客製調整如顏色、速度、形狀複雜度等細節。這個更新的驚豔程度不用說,看圖就知道!<div><div><br /></div><span><a name='more'></a></span><h2>Keynote 12.1 版更新內容</h2><ul><li>使用動態背景讓您在幻燈片之間切換時連續移動,為您的簡報加入微妙的動作和視覺趣味</li><li>選用具動態背景的新動畫主題</li><li>略過或取消略過收合群組中的所有幻燈片</li></ul><div><br /></div><h2 style="text-align: left;">3D 動態背景</h2><div>以往需要使用動態背景時,往往得額外插入影片,讓檔案變得更大,也需要細心處理影片播放的相關設定。現在,你可以直接使用內建的動態背景,甚至帶有 3D 效果!</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="608" data-original-width="1080" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy5qFZeg3tvSzJFI9N0F2qmG1Niaf3W0iMYjHx9mOMQVkSnVx-qx4Db18rbQd4P0dZqPKn6iIz-MsW6hh1ACghkJMG65cQJoa7A_b6QZSHiLMkwryAVdVnvw4eS70IHFVKyaXpJcLjQZiMc7aI4RvFY1dUAgNtNxeO0iell4WHXkzFopKeDD2t5P3tOA/s16000/Keynote%2012.1%20%E7%89%88%E6%9B%B4%E6%96%B0%EF%BC%9A3D%20%E5%8B%95%E6%85%8B%E8%83%8C%E6%99%AF_01.gif" width="100%" /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><div style="text-align: left;">這次更新的動態背景可以粗略分為四類,分別是 2D 波型、3D 波型、漸層移動、扭曲波紋。除了「色彩」這個可以自由調整的變數外,每一類各自有其他可以調整的細節參數。</div><div style="text-align: left;"><ul style="text-align: left;"><li>2D 波型:速度、幅度、波浪長度、焦點</li><li>3D 波型:速度/移動、高度、峰值</li><li>漸層移動:速度、縮放</li><li>扭曲波紋:速度、複雜度、頻率/模式</li></ul></div><div style="text-align: left;">最棒的是,當你換頁時前景物件改變了,背景卻不會卡頓或重播,等於是順暢的跨頁面播放。</div><div style="text-align: left;"><br /></div><h2 style="text-align: left;">動態背景怎麼用?</h2><div style="text-align: left;">目前我認為有兩種情境特別適合動態背景。第一種是簡報封面,搭配簡單的文字就可以生成吸睛的效果。另一種是活動時的過場頁面,例如活動的中場休息時間,就可以利用動態背景來讓本來要定格很久的畫面變得活潑有趣。</div><div style="text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="608" data-original-width="1080" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjengwnMClZmDhuDZ0c5FOkpp5DKEcfnouup61UDFMLgp35KFKAmYw2v-7nrLpt2rQGxs54mhP4EOynMUlDYI__sIXTBxsl-7HYd9EGkynZzRDZ7CnDdKe9uZq-GtwNopVlg7qwVi-f2XRI_RoudP0Dpwe5ZvBXM2bcZZJp4edFxSWqEQ-o8qYiIcV-Xg/s16000/Keynote%2012.1%20%E7%89%88%E6%9B%B4%E6%96%B0%EF%BC%9A3D%20%E5%8B%95%E6%85%8B%E8%83%8C%E6%99%AF_03.gif" width="100%" /></div><div style="text-align: left;"><br /></div><div style="text-align: left;">如果動態背景效果要好,通常要搭配好看的漸層色彩,這部份可以參考 <a href="https://uigradients.com/" target="_blank">uiGradients</a> 這個漸層配色網站。不過也因為如此,動態背景特別不適合需要呈現資訊的內文頁面,以免觀眾的注意力都被集中在背景上。當然要把動態背景調暗也可以,只是效果自然也沒那麼好。</div><div style="text-align: left;"><br /></div><div style="text-align: left;">那麼以上就是我對 Keynote 12.1 版更新的看法啦~不免俗工商一下,如果你想入門 Keynote 這款 Apple 專屬的簡報神器,也歡迎參考<a href="https://slideart.com.tw/keynoteprince" target="_blank">《Keynote 即戰力:簡報製作到上台演講都搞定》</a>這堂線上課程。我和 Keynote 小王子祺浩老師設計了一系列的範例與練習,手把手帶你學會 Keynote。有興趣的話,歡迎和近 800 位同學一起學習!</div><div style="text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="781" data-original-width="1186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKmw2Ln8o4WqyfPoRnyYG9HFrxEBecX_6DvbdLArXv8eZ1HqutnI1Us6VhWlYYI5IoqVyeKtbghpSW1eL-crrjWhGnrTFLz1KgdFQ0AKunJhZUYgREqPDXZSkBVbSopEoldlTDA3qrd0qKjQnTtIAMvxcEIIXWTiuKLaXZUpsf3I2fqdugyMzvNW8XfQ/s16000/%E6%88%AA%E5%9C%96%202022-06-22%20%E4%B8%8B%E5%8D%888.00.58.png" width="100%" /></div><br /><div style="text-align: left;"><br /></div></div></div>林柏儒http://www.blogger.com/profile/03408019626699427933noreply@blogger.comtag:blogger.com,1999:blog-2267166282977386549.post-49669182473961807952022-03-14T17:31:00.002+08:002022-03-14T17:31:42.415+08:00如何看待近年發布的簡報趨勢報告?<p><iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="540" src="https://www.youtube.com/embed/ZE1jYij56FI" width="100%"></iframe></p><p style="text-align: center;">(作者 / 內容策劃:Richard 林柏儒)</p><p style="text-align: left;">最近是各種趨勢報告出爐的旺季,無論是去年 12 月初 <b>Pantone 發布的 2022 年度代表色</b>,還是條列 2022 簡報幾大趨勢的文章,都會集中在第一季發布。但這些報告不一定有用,如果你不想盲目的照單全收,要怎麼閱讀才能從這些報告中學到東西呢?接下來我會先以 Pantone 發布的 2022 年度代表色為例,談談我們該<b>怎麼看待這些趨勢報告</b>。</p><span></span><span><a name='more'></a></span><p style="text-align: left;"><br /></p><h2 style="text-align: left;">如何看待 Pantone 年度代表色</h2><p style="text-align: left;">去年 12 月,全球知名的色彩研究機構「<b>Pantone 色彩研究所</b>」發布了 2022 年度代表色長春花藍,而知名設計媒體 <b>Shopping Design</b> 馬上發文轉發了這個消息,並貼心附上 4 個配色推薦。</p><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/a/AVvXsEgIOlBXHut1w_ZPicYPijOUe3EmzQcaL2to2hRr9_D5wu8qq-9oWUNLDBBTS5sctYohlpZqiE-Efbec6riIvCPnY0LeaVZwjyuK8PKfwL_vMymLad2Q7anc39yGqPCC58c1rgmxhr_a1M9RnEv3VEMHGgmeszFLK-Fgo68RPE3F5s5jcF2T4ES0LXUN8Q=s16000" width="100%" /></div><p style="text-align: left;">如果你也覺得這個顏色不錯看,不如就用在自己的簡報中吧,這樣其他人也會認為你是個在乎美感趨勢的人,並且跟得上最新的色彩潮流。但是等等!這個年度代表色到底是怎麼來的呢?</p><p style="text-align: left;">根據 Pantone 的官方說明,年度代表色的挑選涉及多方機構與多位領域專家,他們搜尋整理全球影響色彩的元素,並在密集的會議中決議最終結果。至於 Pantone 是認為這個色彩即將流行全球,還是 Pantone 本身就是推動色彩流行的推手,這就是不好判斷的地方。</p><p style="text-align: left;">但比起色彩來源,更重要的或許是該怎麼用這個顏色。以<b>長春花藍</b>為例,Pantone 對長春花藍的說明是想要<b>反映數位虛擬世界與現實世界的交互關係</b>。假如你的簡報主題和虛實整合或元宇宙相關,長春花藍或許就是個不錯的色彩選擇。</p><p style="text-align: left;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/a/AVvXsEjqROj85jDanBLusRyfoF-kMwGeOptMpTGtJhKPX0k6X53dz--TuZznQEdbZM6V449R08arPsoKtojmhL9xtnH8Pz4WMH5Fl2btp10fw4hfuwMKNyHthbUMQH_dHHLCGEu9zRQFoFln8pKiJ8h-db5z6yViL9QzHYfUKL6IowRpMHdt6d6ogEKT9kdGRA=s16000" width="100%" /></p><p style="text-align: left;">但假如我們不看這麼細,單純就把它當作一個好看的紫色來用不行嗎?當然可以,不過這樣一來,這是否使用 Pantone 的年度代表色就沒有重要了,重點就變成了解色彩的搭配原理,以及該怎麼把紫色用的好。</p><p style="text-align: left;">這也很接近我看待簡報趨勢報告的觀點:趨勢會改變,但基本原理不會。所以這些報告可以參考,但要先懂基本原理才能發揮得好。</p><p style="text-align: left;"><br /></p><h2 style="text-align: left;">簡報趨勢的三種類型</h2><p style="text-align: left;">除了年度代表色以外,其他條列簡報趨勢的文章大致上有分幾種不同的類型。我會粗略分為三種,分別是<b>「流行設計風格」、「表達方式變化」與「科技產品影響」</b>。</p><p style="text-align: left;">這三者之中,我會先跳過<b>「流行設計風格」</b>的相關敘述。因為這類風向會先在平面設計與 UI 設計等領域吹起來,過了好一陣子才慢慢吹到關心簡報的社群中,等你在簡報設計趨勢文章中看到時已經 lag 了很久。</p><p style="text-align: left;">比如說,到了現在,假如你還聽到有人說大圖大字或扁平化設計是王道,甚至還在懷念賈伯斯,我就會懷疑他是否還活在十年前。並不是這些做法一定不好,只是那早已不是關注的焦點了。</p><p style="text-align: left;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/a/AVvXsEgyQKZzQM7JVQaQgeK_x1xpTqSBR-7zkoreOBnWXNdcoclWdsaPvD7pEOCyfJWcPzo4mswCmE_950YPakA7DRF5vc3n-7H1KHIjztwbVKcaRh0ArwGvrf2_HCwKdulLsnVr8qxMdDfkKwqrZroFWzB-By6XY0tiIvgtgtydPeapaIFoRhw9ZBzyFewIag=s16000" width="100%" /></p><p style="text-align: left;"><b>第二類「表達方式變化」</b>,我不會直接照單全收,但如果有接近我的簡報情境時我會參考看看。舉例來說,像是更多的影片 demo、數據為王或故事為王等等,都有各自適合的情境,不能隨意互相套用。如果你的簡報情境適合,觀眾也在乎這些觀念,那麼參考這些做法就會是好事一樁。</p><p style="text-align: left;"><b>第三類「科技產品影響</b>」是我特別重視、一定會仔細看的內容。像是五年前左右,我發現投影機廠商生產的新型號會把投影比例預設為 16:9,就開始建議我的客戶將投影片設計成 16:9 的版型。雖然當時受到不少挑戰,因為和舊機型預設的 4:3 比例不同,但時至今日已經沒有客戶來質疑我這一點了。</p><p style="text-align: left;"><br /></p><h2 style="text-align: left;">近期最重要的趨勢,依然是遠端簡報</h2><p style="text-align: left;">以近期的趨勢來說,最重要的一點我依然認為是<b>遠端簡報</b>。打從 2020 年疫情爆發開始,直到今天狀況依然不穩定。如果未來你因為疫情再度爆發而開始遠端工作的話,就得用遠端的方式簡報,而這有許多眉角和面對面的簡報並不一樣。</p><p style="text-align: left;">首先最基本的,當然是熟悉<b>播放簡報的視訊軟體</b>,像 Webex, Teams, Google Meets, Zoom ,</p><p style="text-align: left;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/a/AVvXsEhsxPgHoXHIhq0FwgXa_CZzDVqcYQdlP5IlvGox1xdmkFiUEc744M39i9Lfku7BahGTbsDZglYdSa7lnPanHWoEiHqKA2ytx-wzdOnQg_sRD36svvdqqYoOjPRld2sEsEdaUkPXO3UaRbJret7kmmuL6AdmIk8GSIZtTyM91_BSt8erBlSi6-Jcb7D4PQ=s16000" width="100%" /></p><p style="text-align: left;">並知道如何檢測自己的投影片是否真有成功在其他人的螢幕上播放。而除了視訊軟體外,簡報軟體也有針對遠端簡報情境的重大更新,比如說蘋果電腦的 <b>Keynote 就推出獨立播放視窗</b>,並加入多位簡報者可以輪流控制同一份播放中的簡報的功能,這都是針對遠端簡報情境的功能。</p><p style="text-align: left;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/a/AVvXsEjGqfxS-0rlbVVOTU13k8PcJu_UcUfekTuDjX0jaATg9AigcVU-z2ic7tI6kK8n0WG_opcAXfOTYa2ahlPzgx-MkrmipnXdoMLZZJ8101SjbWEIrT-XjG1Ugv71MsORL18o9m-krhbdNIU5aONi7An4aRHVM-hilV6lR0xVl936_2R7VMPJsGoE6oncTA=s16000" width="100%" /></p><p style="text-align: left;">而在比較細微的層面,需要了解如何在遠端簡報中途用其他裝置和隊友私下溝通,並提前確保彼此對溝通方式都有共識。若是線上公開直播的類型,則可以設計方便觀眾截圖分享的頁面,增加他們傳播內容的意願。</p><p style="text-align: left;">當然簡報不總是需要依賴螢幕,隨手在餐巾紙上畫圖說不定比投影片更方便,但在遠端簡報的情境中,這些因素都大幅改變了。如果這些細節你還不熟悉,那麼現在關注這個趨勢也還來的及。</p><p style="text-align: left;"><br /></p><h2 style="text-align: left;">在掌握趨勢之前,先掌握基本功</h2><p style="text-align: left;">最後也要提醒一下利益衝突的問題。趨勢報告並不只是專家們發表的研究成果,很多時候那也是一種行銷用的廣告。這些報告不會直接放滿廣告與購買連結,而是在條列的趨勢中加入幾個自己特有的優勢,帶個風向或顯示自己站在潮流尖端,能夠帶來訂單的話就更好了。</p><p style="text-align: left;">所以我總是認為,與其忙著掌握趨勢,不如你先掌握基本功吧!並不是說趨勢沒有用,而是當你具備基本功時,趨勢更有用。就像 Amazon 的創辦人 Jeff Bezos 在演講時所問的:未來十年,什麼不會變?<b>趨勢會變,但簡報的基本原理自然不會變</b>。</p><div class="separator" style="clear: both; text-align: left;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/a/AVvXsEjttOU1B3nSK4-D6_n5aj6umZAj2ppBEiQoPvZ28DiD5a8pf2dsdwizllL2hsnbIlo6fckS1O2Nr7FezD3KPXRnt6b0iIP3_BzefmdSalNf8HjbgT4bN0FJwLeVUS8FzBDx6Fu80upoQWSzmmVJvKZbZpYRq9NtQtfjsTXfIY2k_OYSLPG5XuloBhPvcA=s16000" width="100%" /></div><p style="text-align: left;">所以呀,如果你會猶豫該做知識圖卡、懶人包還是影片,不如先想想你的受眾習慣什麼樣的表達和收看方式。至於要不要說故事、字要少一點還是完整一點,不如先想想你的簡報目的是什麼。反過來說,如果一個人只懂得照趨勢文章說的去做,那就很像一個人還不懂穿搭就把各種流行服飾各買一件穿身上,那看起來就好笑。</p><p style="text-align: left;">不過這裡有個例外,如果你是媒體或社群相關領域的工作者,跟風會是非常重要的技巧。但如果你不是這些領域,那麼<b>比起掌握趨勢,先掌握簡報基本功往往更實用</b>。</p><p style="text-align: left;"><br /></p><h2 style="text-align: left;">分享總結</h2><p style="text-align: left;">那麼以上就是我們今天的分享啦!今天我們聊了我對 Pantone 年度代表色的看法,在三種簡報趨勢中我會特別關注科技產品影響,也談了遠端簡報的一些注意事項。最後,如果你不是媒體或社群工作者,掌握簡報基本功會比掌握趨勢更重要,因為<b>趨勢年年變,但基本功十年不變</b>。對於趨勢的看法今天就先說到這裡,我們下期分享再見囉!</p><p></p><p style="text-align: center;"><br /></p><p style="text-align: center;"><br /></p><div class="separator" style="clear: both; text-align: center;"></div><p></p>謝天璦 Emmahttp://www.blogger.com/profile/06163811367290884303noreply@blogger.comtag:blogger.com,1999:blog-2267166282977386549.post-49462285815092460322021-11-03T20:00:00.001+08:002021-11-03T20:00:00.194+08:00大量 logo 該如何排版在一頁投影片?<p><iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="540" src="https://www.youtube.com/embed/-2er8yaw6lA" width="100%"></iframe></p><p style="text-align: center;">(作者 / 內容策劃:Richard 林柏儒)<br /><div class="separator" style="clear: both; text-align: center;"><div style="text-align: left;">在商業簡報中,有時我們會需要秀出我們的客戶名單或合作夥伴,這時通常會列出許多 logo 來表達。然而當 logo 一多,往往就會顯得十分雜亂。這時該怎麼做才能排得好呢?</div><span><a name='more'></a></span><div style="text-align: left;"><br /></div><div style="text-align: left;"><h2 style="text-align: left;">唯一難題:難以對齊</h2><div>大量 logo 難以排版的原因說到底只有一個,就是難以對齊,而這其實跟製作 logo 頁面的方式有關。對許多人來說,製作 logo 頁面的方式就是把 logo 都全部先放上來,再一個一個調整大小並擺放位置,排到後面時可能還要回去微調前面的 logo。在這種作法中,由於一開始不知道 logo 要放多大,放了幾個以後才開始嘗試對齊,更別說 logo 的形狀可能有圓有扁、差異極大,自然是效率不彰、成效有限。</div><div><br /></div><div><div>所以當我們把這個過程反過來做,先求對齊、再放 logo,這個難題就迎刃而解了。雖然聽起來單純,但其實裡面有不少細節,我們一個一個來看是怎麼回事。</div><div><br /></div><div>Logo 的排版大抵上有四個步驟,分別是:</div><div>1. 表格對齊</div><div>2. 重心置中</div><div>3. 份量一致</div><div>4. 視覺修正</div><div><br /></div><h2 style="text-align: left;">Logo 排版步驟一:表格對齊</h2><div>首先就對齊方式來說,最方便的方式就是用表格來協助對齊。這裡我舉我自己簡報設計專案的客戶名單為例,我當然不可能把所有客戶的 logo 都列上來,這樣每個客戶都會小到看不到,反而失去了簡報的意義。</div><div><br /></div><div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1019" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgbiaCJNXxKCpgOFcl-vp7MUlcQ6dpoimnzqg0eCrHDff9Y0TTEFsw86FCW3mwEUydY4zG4OmVrlh-i-EiootHK6F1ze5I3OFgBQNSzvl3Vc-0Y_8sb2GGucaVspFiv5VZbqYQKI0AOWyb/s16000/%252300+%25E5%25A4%25A7%25E9%2587%258F+logo+%25E8%25A9%25B2%25E5%25A6%2582%25E4%25BD%2595%25E6%258E%2592%25E7%2589%2588%25E5%259C%25A8%25E4%25B8%2580%25E9%25A0%2581%25E6%258A%2595%25E5%25BD%25B1%25E7%2589%2587%25EF%25BC%259F.005.png" width="100%" /></div><br /></div><div>假設我要先取其中 15 個 logo 出來,那我會在畫面上先插入一個 5x3 的表格,把表格的範圍確定好後,就可以作為待會排版用的參考線。</div></div></div></div><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="818" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnOg8bFYD2WaYBhHOJl9p2u9P4kipwoM6BsfoiQn9nMI7tFETizwkpS8mk4IGCoqXy-eYn8plJ-FRSI_PzOVR_uIXer6tGtFD2-GtDudNJ6s_SelAcsZppXLVoFVkkmd_xtCs9vvCwG1po/s16000/%252300+%25E5%25A4%25A7%25E9%2587%258F+logo+%25E8%25A9%25B2%25E5%25A6%2582%25E4%25BD%2595%25E6%258E%2592%25E7%2589%2588%25E5%259C%25A8%25E4%25B8%2580%25E9%25A0%2581%25E6%258A%2595%25E5%25BD%25B1%25E7%2589%2587%25EF%25BC%259F.006.png" width="100%" /></div><div><br /></div><div><h2 style="text-align: left;">Logo 排版步驟二:重心置中</h2><div>接著我們把 15 個 logo 一一放到對應的格子中。這裡我們要注意的重點,是要把 logo 的視覺重心擺在格子的中心點上。舉例來說, BMW logo 的視覺重心相對明確,就在圓心上,因此我們把圓心擺放在儲存格中心即可。然而 Nike 的 logo 形狀相對不規則,因此視覺重心不在 logo 圖片的正中央,因此我們要自行判斷視覺重心的大致位置,並把它放在儲存格的中心點上。</div></div><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="832" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkJ1KQMeUWsPhc7iyIBhT0G5H8vut4kSRuWGYWi4uy3T56zzC8L7Lx4LSZhsw4wRohGhXe56WjLBcrGqNDmPU4eRPGKuybiU0imjHrR01WOsuJLC_FLpOFv5DC9TOrdKjNyXjaL6Q9O7k6/s16000/%252300+%25E5%25A4%25A7%25E9%2587%258F+logo+%25E8%25A9%25B2%25E5%25A6%2582%25E4%25BD%2595%25E6%258E%2592%25E7%2589%2588%25E5%259C%25A8%25E4%25B8%2580%25E9%25A0%2581%25E6%258A%2595%25E5%25BD%25B1%25E7%2589%2587%25EF%25BC%259F.007.png" width="100%" /></div><div><br /></div><div><div>至於要怎麼判斷視覺重心的位置呢?這其實靠你的直覺就可以了。我比較喜歡的判斷方式,是當我覺得這個 logo 的位置並沒有特別朝向格子的哪個方向時,應該就大抵在中間了。這不代表 logo 的絕對位置就在儲存格的中間,而是「看起來」大致在中間即可。</div><div><br /></div><h2 style="text-align: left;">Logo 排版步驟三:份量一致</h2><div>而要創造對齊感,一個重要關鍵是每個 logo 所佔的份量要大抵相同,沒有特別偏重誰。這其實比想像中難的多,一般來說我們會以為大小相同就行,但所謂的「份量」,實際上是由 logo 的大小、形狀與顏色共同營造出來的份量感,並不單由大小決定。</div><div><br /></div><div>舉例來說,國泰世華的 logo 是一顆實心的大樹,不用很大就有強烈的份量感;而 Cartier 的 logo 則由偏細的文字組成,要放得更大才能跟國泰世華有類似的份量感。而我們的調整目標,就是每個儲存格中 logo 的份量感大抵相同,調整完畢後應該就會感覺每個儲存格大抵上是平衡的。</div></div><br /><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ9xbeDV10Rg84JvCXufFo1AOqnktnA7BflKwF_02fjFCH1QRT2jybH6MKv5-Cjl-iqLxum-YZyzoz3fpKDKVyfQTxbJO_KGpqwlBEOiGo4jiKqT946Duu2IQ3Z6qnpe2rEafeXtKhjDjS/s1920/%252300+%25E5%25A4%25A7%25E9%2587%258F+logo+%25E8%25A9%25B2%25E5%25A6%2582%25E4%25BD%2595%25E6%258E%2592%25E7%2589%2588%25E5%259C%25A8%25E4%25B8%2580%25E9%25A0%2581%25E6%258A%2595%25E5%25BD%25B1%25E7%2589%2587%25EF%25BC%259F.008.png"><img border="0" data-original-height="821" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ9xbeDV10Rg84JvCXufFo1AOqnktnA7BflKwF_02fjFCH1QRT2jybH6MKv5-Cjl-iqLxum-YZyzoz3fpKDKVyfQTxbJO_KGpqwlBEOiGo4jiKqT946Duu2IQ3Z6qnpe2rEafeXtKhjDjS/s16000/%252300+%25E5%25A4%25A7%25E9%2587%258F+logo+%25E8%25A9%25B2%25E5%25A6%2582%25E4%25BD%2595%25E6%258E%2592%25E7%2589%2588%25E5%259C%25A8%25E4%25B8%2580%25E9%25A0%2581%25E6%258A%2595%25E5%25BD%25B1%25E7%2589%2587%25EF%25BC%259F.008.png" width="100%" /></a></div><div><br /></div><div>這時因為我們在前一步驟已經把重心擺好了,因此我們只要用「中心縮放」的方式調整 logo 大小就行。具體的作法是,在 PowerPoint 上先點選物件,按住 Ctrl + Shift 後拖曳物件四角的控制點;在 Keynote 上則改成按住 Opt + Shift,這樣就可以在不改變重心的情況下調整 logo 大小。</div><div><br /></div><div>這邊要注意的是,如果 logo 的形狀非常不對稱、視覺重心偏離圖片重心很多的話,「中心縮放」的操作方式就會讓這類 logo 的視覺重心偏離儲存格中央,這時就要手動把它們調整回來,一樣保持視覺重心大致在儲存格中心即可。</div><div><br /></div><h2 style="text-align: left;">Logo 排版步驟四:視覺修正</h2><div>最後我們把表格拿掉,這時常會發現結果和想像中有些不同。</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="740" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjInWyP6ZgrP2MOQBobuJJWTWnsFJME3HffomITrJPzTpLaog0k2VXs7wSJcb8VtolPhBNoLp8kbiyUOLyUPFw8z6QoJbr5mst7s10ZKpdjzn5SPhvQFLxN1rm0xRoieYrbdkMDK0QnhD4y/s16000/%252300+%25E5%25A4%25A7%25E9%2587%258F+logo+%25E8%25A9%25B2%25E5%25A6%2582%25E4%25BD%2595%25E6%258E%2592%25E7%2589%2588%25E5%259C%25A8%25E4%25B8%2580%25E9%25A0%2581%25E6%258A%2595%25E5%25BD%25B1%25E7%2589%2587%25EF%25BC%259F.009.png" width="100%" /></div><div><br /></div><div>本來在表格的輔助下,我們有個調整位置與份量的參考依據,而拿掉表格後,可能某兩個 logo 靠得太近,某兩個 logo 又靠得太遠了,這時我們就要手動微調一下 logo 彼此的距離,大致上平均分散開來,這樣 logo 的排版就完成啦!</div><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="747" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCXga-AgRI2ATEnnNKuCT5AaQPQvfmN9gFqW7245_EOB8nwlhTvaWmPg3kVdDE5tfUGbzjdstoAF7Dr5mqeZaX6yB1diuj83T0IUQy-fkcwUnIwyOsS2GJQi_1oT2pw5dxB-NRNpAyOfuK/s16000/%252300+%25E5%25A4%25A7%25E9%2587%258F+logo+%25E8%25A9%25B2%25E5%25A6%2582%25E4%25BD%2595%25E6%258E%2592%25E7%2589%2588%25E5%259C%25A8%25E4%25B8%2580%25E9%25A0%2581%25E6%258A%2595%25E5%25BD%25B1%25E7%2589%2587%25EF%25BC%259F.010.png" width="100%" /></div><div><br /></div><h2 style="text-align: left;">Logo 顏色雜亂的處理方式</h2><div>如果你覺得,雖然這些 logo 已經對齊了,但是顏色還是太雜亂的話,想把他們統一調整成灰階的色彩也是可以考慮的,不過這樣我們就會面臨兩個因素的權衡。</div><div><br /></div><div>如果把所有 logo 都調整成灰階,整體的一致性會更高,不過也因為少了顏色的輔助,單一 logo 的辨識度就會少了一些。反之如果保留 logo 的顏色,看起來是會雜亂一些,但這些 logo 的辨識度也會比較高。</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="696" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiggYGWCgh5iVnsJjRhQAzyvwS6CotR2BynGnxingjXgde_zMxqTVxR5Fec8k79Ez979nUr_YbnZyxjlxB_hiEt8FnSmzR3KAu4VRtQ5mTv_vPbYmBbWOHqq6fs-YcJEwdshU56qrtXvmdd/s16000/%252300+%25E5%25A4%25A7%25E9%2587%258F+logo+%25E8%25A9%25B2%25E5%25A6%2582%25E4%25BD%2595%25E6%258E%2592%25E7%2589%2588%25E5%259C%25A8%25E4%25B8%2580%25E9%25A0%2581%25E6%258A%2595%25E5%25BD%25B1%25E7%2589%2587%25EF%25BC%259F.011.png" width="100%" /></div><br /><div><div>至於該如何選擇,我認為以投影片而言,因為秀出來的時間比較短,選擇保留 logo 顏色以提高辨識度會是比較合理的策略。然而因為一般 logo 是預設在白色背景上呈現,所以對於深色背景的投影片,用原本 logo 的顏色通常效果不佳,這時我會傾向把 logo 全部調整為白色,看起來才不會太悲劇。</div><div><br /></div><h2 style="text-align: left;">延伸討論:logo 真的多多益善嗎?</h2><div>最後我想討論一個比較少人注意的問題,就是 logo 真的多多益善嗎?直覺上來說或許是這樣沒錯,但如果真的太多 logo,會不會導致觀眾看不到那幾個最重要的 logo 呢?</div><div><br /></div><div>這題當然也沒有標準答案,但是我們可以嘗試從觀眾的目的來思考。如果觀眾注意的是客戶或合作夥伴的量,那麼當然是多多益善了。不過在另一種情況,觀眾注意的是「你是否有我們領域的相關經驗」,而在這種情況下我們就要先篩選 logo,特別呈現出與觀眾領域相關的合作經驗。</div><div><br /></div><div>當然這兩種作法並不是絕對的,就算我們想放上很多 logo,也可以主動替它們分組來創造出理解的框架。以我同事 Bill 放在網站上的<a href="https://artofslide.blogspot.com/p/workshop.html" target="_blank">授課經歷</a>為例,就是以合作單位的產業分組的,因為不同產業的簡報需求往往也有所不同。這樣一來,除了讓觀眾得知 Bill 有許多授課經驗外,也可以快速得知 Bill 在自己的產業中是否也有相關授課經驗,可以說是一舉兩得。</div></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="281" data-original-width="1560" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC0WJLHX4_v1vvZdRiLfDlAnn67OsYhXaskoGuraG0MZxWr0OG4Bt1EmG_MDnC2ZWHPevxJKiVfP6VFHeoYc-waA5ZuVPIJUqkHmZvB4AiKyWTN2X3nPY9sIxdMxtqjMtYrbnj9onoo5Zu/s16000/%25E6%258E%2588%25E8%25AA%25B2%25E7%25B6%2593%25E6%25AD%25B7+1.png" width="100%" /></div><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="433" data-original-width="1560" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiasIiuCX3fJFGxxyACBEASTNah1X_-3VLjmkNQ-POD5HpdhQcC-xIrZzKiotC-2xhP7k_g6V8pNkuXNJR4VuP_vZYBMA4-r9Wkdo-fRSYpV979kWPryHPxd6e10vELsLRyql_CXqwC9DVs/s16000/%25E6%258E%2588%25E8%25AA%25B2%25E7%25B6%2593%25E6%25AD%25B7+2.png" width="100%" /></div><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="633" data-original-width="1560" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqjVbuKmGazFf5YpJbi-NKsVE4XCGSptP9b-j-22ZXFTOueFb9uimw9RpG_L7pdhlnok7yPUuGRt8tz1TcIRdpudUHiJ_AB8oRKJ5zJkuvIJ4ytsY2qaN94e6HPh3GMoZzvc40-l3rgk6S/s16000/%25E6%258E%2588%25E8%25AA%25B2%25E7%25B6%2593%25E6%25AD%25B7+3.png" width="100%" /></div><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="948" data-original-width="1560" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQgbJb0gj1u3ulJuRQsH0n2rat8lVVsAkgTwELqCTxM7zvDuh6DxZ77ty4vI6SEsk8NAdFVlb3DGz1_NMxVixYpvw2PJFKUqzEACnhK70vf8glqFgTo-rWZ3CZ8tP_wFBQEDO15k9HKoug/s16000/LOGO%25E9%25A0%2581%25E4%25BF%25AE%25E6%25AD%25A3.png" width="100%" /></div><div><br /></div><div><h2 style="text-align: left;">分享總結</h2><div>那麼以上就是我們這回的分享啦!關於大量 logo 要怎麼排版在一頁投影片中,我們討論了表格對齊、重心置中、份量一致與視覺修正四個步驟。而顏色要不要用灰階統一,則視你的投影片背景為深色或淺色而定。而當我們主動為 logo 分群分組時,往往可以在大量 logo 之餘給觀眾更多一層的訊息。</div><div><br /></div><div>此外,如果你有使用 iSlide 這款插件,使用矩陣排版的功能可以讓你更快做好 logo 的排版。那麼我們下回再見囉!</div></div>林柏儒http://www.blogger.com/profile/03408019626699427933noreply@blogger.comtag:blogger.com,1999:blog-2267166282977386549.post-56980780804803212822021-07-21T16:50:00.002+08:002022-07-14T17:11:59.176+08:00簡報排版別再靠靈感!解析複雜資訊的圖文排版邏輯<p><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlxDOJUTNC0y6Qi-qNoL1XIilkDSs9WkXseX3JkrQ9ygZRpukBbJS-1lUx-R9E7EQ6pY8594yVmWZovuMRwZGR5GPDAI0HbVnz77DOwk86uFFjkbqWOq4XGe_A5HapxPlpsVZLojmF7DeH/s16000/%252375+%25E7%25B0%25A1%25E5%25A0%25B1%25E6%258E%2592%25E7%2589%2588%25E5%2588%25A5%25E5%2586%258D%25E9%259D%25A0%25E9%259D%2588%25E6%2584%259F%25EF%25BC%2581%25E8%25A7%25A3%25E6%259E%2590%25E8%25A4%2587%25E9%259B%259C%25E8%25B3%2587%25E6%2596%2599%25E7%259A%2584%25E5%259C%2596%25E6%2596%2587%25E6%258E%2592%25E7%2589%2588%25E9%2582%258F%25E8%25BC%25AF.001.png" style="text-align: center;" width="100%" /></p><p></p><p style="text-align: center;">(作者 / 內容策劃:Richard 林柏儒)<br /></p><div class="separator" style="clear: both; text-align: center;"><div style="text-align: left;"><div>今天要來跟大家聊的可能是很多人的心頭之痛,就是要怎麼搞定簡報的排版,尤其是複雜資訊的排版。我們常會覺得排版是一門玄學,表面上只是要怎麼安排圖片與文字的位置,但實際下去排後才發現,這水真是深到不行。雖然排版的確沒有標準答案,但也不盡然只能靠天份靠靈感,還是有一些可以依循的步驟與邏輯,能夠引導你做出合理的排版。這該怎麼做呢?</div></div><span><a name='more'></a></span><div style="text-align: left;"><br /></div><h1 style="text-align: left;">案例解析</h1><div style="text-align: left;"><div><div>同樣的,我們先從案例講起。這是與一個全球知名的食品品牌合作的設計案,不過倒不是有什麼食品要賣,而是他們也會參與該領域的學術研討,而我們的任務則是協助他們在學術領域的簡報溝通能夠做得更好。這次我想討論的案例,就是一個典型的學術型簡報,你不會有什麼漂亮的大圖大字,只有純粹的資料與複雜的學術邏輯。</div><div><br /></div><div>這一頁的原稿大意是,我們的腸道菌對於腸道壁與免疫系統發展都有幫助,在這兩個方面各自有兩個不同的幫助面向,而這些幫助在人的嬰兒時期特別重要,底下又細分為三個不同的時期。</div></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSZrGFjeyBkNH3zcE99Qor1kfUujI8p8cPyeXs2G347_qG74uqhyphenhyphenYTwiL7bz45i5yCvFPiw2z3gewx1qDDMagsahZWMV0o9MC__nYu1sfMx835B2e-aYLKqy9Hpng0z3Ck3nsCaTP723M5/s16000/%25E6%258A%2595%25E5%25BD%25B1%25E7%2589%25878.png" width="100%" /></div><br /><div><div>聽起來複雜是一回事,但問題是原稿的這一頁,一眼望去最明顯的是這三個嬰兒的圖,對應到嬰兒發展的三個時期,然後箭頭向右指到一張字很小的圖表,最後我們才看到下方用來描述腸道菌功能的文字。這個視覺動線的順序和這張投影片要表達的原意是對不上的,而要我們一眼望去能很快地理解這張投影片在表達什麼,也是很有難度。</div><div><br /></div><div>那接下來我們該怎麼調整這張投影片的排版呢?我會把接下來要做的事分成兩個步驟,第一步是「<b>根據資訊邏輯排版</b>」,第二步則是「<b>安排設計元素權重</b>」。</div></div><div><br /></div></div><h1 style="text-align: left;">根據資訊邏輯排版</h1><div style="text-align: left;"><div>第一步「根據資訊邏輯排版」,首重清楚理解自己要表達的資訊邏輯是什麼,把資訊分出不同層級。以這張投影片來說,最大的架構是關於腸道菌的知識中,先分成腸道菌的角色與發展歷程兩部分,這是第一個層次。</div><div><br /></div><div>接下來的第二個層次,在角色的部分,分別對腸道壁發展與免疫系統的刺激有幫助。在發展歷程的部分,則是談到不同腸道菌在人的一生中的發展變化。最後第三個層次,腸道壁的發展與免疫系統的刺激各有兩個例子,而一生的發展歷程中則特別側重嬰兒時期的三個階段。</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic8_iDL_zTs6YMHbC6dxl1_18syw1CRX8thQtUeSqK66rLnOJFZib6vpdO7e1J2zp86ltaetGAYwL8W9RBkKIRjzFcTmw6Ue8bFUyoktGw4U2KLD3wLjEATc7x5ipVBNnZ_9J-sfZdoIiX/s16000/%252375+%25E7%25B0%25A1%25E5%25A0%25B1%25E6%258E%2592%25E7%2589%2588%25E5%2588%25A5%25E5%2586%258D%25E9%259D%25A0%25E9%259D%2588%25E6%2584%259F%25EF%25BC%2581%25E8%25A7%25A3%25E6%259E%2590%25E8%25A4%2587%25E9%259B%259C%25E8%25B3%2587%25E6%2596%2599%25E7%259A%2584%25E5%259C%2596%25E6%2596%2587%25E6%258E%2592%25E7%2589%2588%25E9%2582%258F%25E8%25BC%25AF.006.png" width="100%" /></div><br /><div>在我們把資訊邏輯拆解清楚後,如果這張投影片的目的是要讓觀眾了解這個資訊邏輯,那麼接下來的排版就不用想得太複雜,就把資訊邏輯忠實反映在版面上即可。既然第一層的資訊分為兩個部分,那麼我也先把標題以外的空間切成兩部分,並把子標題放在這兩個空間中最上面的位置。</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1bLVdbB5jstUIhfbZFTTfg4okLDHfZ6wv1g9phD25Q6vatUi0KSkfK_asYjvJCdKdoL0T5kEtu0ishT0rNJJ66Qg29MNB7cWVP7olYq-xLnf4RT6NYjV4bhbtYwO0G91wgnlF-NfT6uJ2/s16000/%252375+%25E7%25B0%25A1%25E5%25A0%25B1%25E6%258E%2592%25E7%2589%2588%25E5%2588%25A5%25E5%2586%258D%25E9%259D%25A0%25E9%259D%2588%25E6%2584%259F%25EF%25BC%2581%25E8%25A7%25A3%25E6%259E%2590%25E8%25A4%2587%25E9%259B%259C%25E8%25B3%2587%25E6%2596%2599%25E7%259A%2584%25E5%259C%2596%25E6%2596%2587%25E6%258E%2592%25E7%2589%2588%25E9%2582%258F%25E8%25BC%25AF.007.png" width="100%" /></div><div><br /></div><div>接著第二層的資訊,要把腸道菌的角色分成兩塊,我也把左邊的空間再切割成上下兩塊,分別留給這兩個角色。而右邊關於腸道菌的發展,我們要提的是一生的發展歷程,因此把整個圖表放在右邊的空間就是合理的。</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFPi57dlNRvfdW2sbXE4RatRgPzH9arotSCOc6ZvbgHTXUyisCYKLMUIioKb1I0Pr2DpuJLd2oGadqIN4eZFtFHdon9acwMfc2jQA6l0ZvT11TRrCPXfRkGnxHbHNIpqFpL3bJt-9QTf0X/s16000/%252375+%25E7%25B0%25A1%25E5%25A0%25B1%25E6%258E%2592%25E7%2589%2588%25E5%2588%25A5%25E5%2586%258D%25E9%259D%25A0%25E9%259D%2588%25E6%2584%259F%25EF%25BC%2581%25E8%25A7%25A3%25E6%259E%2590%25E8%25A4%2587%25E9%259B%259C%25E8%25B3%2587%25E6%2596%2599%25E7%259A%2584%25E5%259C%2596%25E6%2596%2587%25E6%258E%2592%25E7%2589%2588%25E9%2582%258F%25E8%25BC%25AF.008.png" width="100%" /></div><div><br /></div><div>最後是第三層,我們可以直接把和角色有關的例子分別放進左邊的兩個空間中,而在發展歷程的部分,可以在圖表上特別強調嬰兒的階段分為三個階段。這樣大致上的版面安排就完成啦!</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyx4S2iqBCy10JxljtgpK79GdC-4v3SI2IWLrSRXzgJgFCIAqLrY47h5kzNLDYuTnTw14xsaswp_g82L59Y5xzSKGRwpR9a3IeRyMBICQMdnmx2Aft9GLewD7zqdg0QuyLuC-oXxoK0ngA/s16000/%252375+%25E7%25B0%25A1%25E5%25A0%25B1%25E6%258E%2592%25E7%2589%2588%25E5%2588%25A5%25E5%2586%258D%25E9%259D%25A0%25E9%259D%2588%25E6%2584%259F%25EF%25BC%2581%25E8%25A7%25A3%25E6%259E%2590%25E8%25A4%2587%25E9%259B%259C%25E8%25B3%2587%25E6%2596%2599%25E7%259A%2584%25E5%259C%2596%25E6%2596%2587%25E6%258E%2592%25E7%2589%2588%25E9%2582%258F%25E8%25BC%25AF.009.png" width="100%" /></div><div><br /></div><div>不過做到這裡還沒完,畫面上的資料大小看起來差不多大,這樣還沒辦法忠實反映我們的資訊邏輯。我們還要加上第二步「安排設計元素權重」,才算完成。</div><div><br /></div></div><div style="text-align: left;"><h1>安排設計元素權重</h1><div><div>所謂設計元素的權重是什麼意思呢?設計元素就是我們版面上的點線面、色彩與文字等等,而權重則代表我們認為這個元素有多重要,越重要的元素應該越引人注目、越容易被注意到才對。這裡我們先跳開剛才的案例,先來看另一頁。這是其中一個章節頁,代表我們接下來要討論的是三個部分中的第一個部分。</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjktY0M4EOkEehwSvhLXmpRKOW7sxUIZqsCZALCZBgw12LfWeAmeP4yyd2xbAlBjegUwc4k_o_Ol15SER6ybeRi2yXfTMb7cAa_p159mmQrnkJkV5MU4xwiVAt52EdV3oJ4woyDS7LAUppt/s16000/%252375+%25E7%25B0%25A1%25E5%25A0%25B1%25E6%258E%2592%25E7%2589%2588%25E5%2588%25A5%25E5%2586%258D%25E9%259D%25A0%25E9%259D%2588%25E6%2584%259F%25EF%25BC%2581%25E8%25A7%25A3%25E6%259E%2590%25E8%25A4%2587%25E9%259B%259C%25E8%25B3%2587%25E6%2596%2599%25E7%259A%2584%25E5%259C%2596%25E6%2596%2587%25E6%258E%2592%25E7%2589%2588%25E9%2582%258F%25E8%25BC%25AF.011.png" width="100%" /></div><div><br /></div><div>就算我不說,你也會知道我們要討論的是第一個部分,但這是為什麼呢?這是因為第一個部分的設計元素權重比另外兩個高。這些權重體現在一系列的對比中,比如說彩色比灰階更重要,填滿的色塊比空心的框線更重要,粗體的文字比細體更重要等等。當然你不需要把所有的對比都用上,只要挑其中的一兩個或許就夠了。</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9eOfFRzqWYEyinj5f_DjLzNFKG_nwi5hThXCXoGRiF6oB8PCIYqaeBF_BG4rD44JMLs5Fwi2xNxjkl2WSuxDvGAEfBXkc2OD65DivKzVaX_NwGWBJ11K3W9jOHWTqYkEvOSG5-cirSkga/s16000/%252375+%25E7%25B0%25A1%25E5%25A0%25B1%25E6%258E%2592%25E7%2589%2588%25E5%2588%25A5%25E5%2586%258D%25E9%259D%25A0%25E9%259D%2588%25E6%2584%259F%25EF%25BC%2581%25E8%25A7%25A3%25E6%259E%2590%25E8%25A4%2587%25E9%259B%259C%25E8%25B3%2587%25E6%2596%2599%25E7%259A%2584%25E5%259C%2596%25E6%2596%2587%25E6%258E%2592%25E7%2589%2588%25E9%2582%258F%25E8%25BC%25AF.012.png" width="100%" /></div><div><br /></div><div>那回到我們剛才的畫面,我們可以怎麼運用這些對比來安排設計元素的權重?首先我們要決定給哪些資訊較高的權重。如果我這一頁想要快速讓觀眾了解整個資訊邏輯,那麼我應該根據層級,把第一層的資訊賦予最高的權重,第二層的次之,第三層的再次之。</div><div><br /></div><div>所以第一層的角色與發展這兩個詞,我就選擇用彩色且帶有一點陰影立體感的色塊來處理;而第二層的資訊則用較大的文字與大面積圖表來呈現;第三層的資訊則用較小的文字來表現。這樣觀眾的注意力就會依照這個資訊層級由上到下分配,先注意到上層的資訊、再注意下層的資訊,一眼望去就能初步理解整個資訊邏輯的架構了。</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqE3xbLUO02jzZEu8T1tCX9WyLoRA0R1awBFFKyeyjOq4oCJi-h19BxLpGkpdl3zgFunwVd6gKV2ysha_03zpTIj0iogTTr3b8eg_ZZwG6hDdV1qE9eJavJHL3liU1YmPPw9fouYa7wFpz/s16000/%252375+%25E7%25B0%25A1%25E5%25A0%25B1%25E6%258E%2592%25E7%2589%2588%25E5%2588%25A5%25E5%2586%258D%25E9%259D%25A0%25E9%259D%2588%25E6%2584%259F%25EF%25BC%2581%25E8%25A7%25A3%25E6%259E%2590%25E8%25A4%2587%25E9%259B%259C%25E8%25B3%2587%25E6%2596%2599%25E7%259A%2584%25E5%259C%2596%25E6%2596%2587%25E6%258E%2592%25E7%2589%2588%25E9%2582%258F%25E8%25BC%25AF.013.png" width="100%" /></div><div><br /></div></div></div><div style="text-align: left;">如果你覺得這些資訊太多了,想再拆分頁面當然也沒問題,比如說腸道壁的角色與發展歷程各一頁,這就和你預期的講解節奏配合就可以囉!</div><div style="text-align: left;"><br /></div><h1 style="text-align: left;">分享總結</h1><div style="text-align: left;"><div>那麼以上就是這次的分享啦!在今天的案例中我們討論了我的排版邏輯,即便你想呈現的資訊相當複雜,把握「根據資訊邏輯排版」與「安排設計元素權重」兩個步驟來進行,依然可以合理處理好簡報的排版。不知道這是否讓你對排版的想法有些改觀呢?或者是想看更多案例的話,也歡迎跟我們說,我們下次再見啦!</div><div><br /></div></div></div>林柏儒http://www.blogger.com/profile/03408019626699427933noreply@blogger.comtag:blogger.com,1999:blog-2267166282977386549.post-77259134769661924342021-06-30T17:31:00.000+08:002021-06-30T17:31:25.243+08:00高質感簡報設計:解析 icon 圖示的排版細節<div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqkFW-6Ay1QCEy7P_n-gw5-8KJZAP-5HoU5Y7UF2pIx2VDrBT6uFvK_I0KJROubgrJeiUp58KaG0Z8YFGjBOl4Aq7PeAo2a2-1opn7xXMfBgTPkqvH6rirIaCFtxV8MoxWnLtNpNHA8iBY/s16000/%252374+%25E9%25AB%2598%25E8%25B3%25AA%25E6%2584%259F%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25A8%25AD%25E8%25A8%2588%25EF%25BC%259A%25E8%25A7%25A3%25E6%259E%2590+icon+%25E5%259C%2596%25E7%25A4%25BA%25E7%259A%2584%25E6%258E%2592%25E7%2589%2588%25E7%25B4%25B0%25E7%25AF%2580%25EF%25BC%2593.001.png" width="100%" /></div><p style="text-align: center;">(作者 / 內容策劃:Richard 林柏儒)<br /></p><div class="separator" style="clear: both; text-align: center;"><div style="text-align: left;">你也有在其他人的投影片中看過黑色的 icon 圖示嗎?這個至今仍流行於簡報設計的設計元素,它們可以表達某些不容易用圖片表達的抽象意涵,多數時候確實好用。然而 icon 並不是下載後直接放到投影片中就 ok 了,如果你多注意一些設計細節,就有機會為你的 icon 質感大大加分。</div><span><a name='more'></a></span><div style="text-align: left;"><br /></div><h1 style="text-align: left;">Icon 排版質感細節</h1><div style="text-align: left;"><div>這種設計細節的分享,與其理論性的一條一條講,不如從案例中學習比較快。這次我想分享的案例,是過去幫一間行銷公司製作的簡報。這間在加拿大活動的公司擅長醫美診所的行銷,而為了業務拓展方便,他們希望將過往的成功專案整理成案例研究報告,讓未來面對的客戶更清楚他們的服務實績。</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwUulzcqMWsuN14t99Vn31ZpOXV3hzH4EStlgGBufkTRExRm3T2AieW0iaqBgf82nUY7kGEJWcMvCZidk0MY7AOICeZ_QV8QX1iQ-r0PaqH4eSy7Sb2FqUz6Oq39cjM78ubmd2kltXfyJK/s16000/Chobee+Aesthetic+Marketing+Case+Study_171220_Lancho.001.png" width="100%" /></div><div><br /></div><div>在這份報告中,有兩頁和今天的主題特別有關。左邊這頁可以說明運用 icon 排版時的質感細節,而右邊這頁則是與大量 icon 同時並排時的注意事項有關。</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-FSuqcKZwNacXf2ovkS9Z_pvjJkUnr9uUREt_kPZFDuikBAPLfK15aMca_wTOJQShJBa2Vh0rfbJUuoMC1aq2_aljUtN_fRoqh_g8DZmSdoJ2K5XJENw72nPMA3kUcNFxihGT5bqoLrI9/s16000/Chobee+Aesthetic+Marketing+Case+Study_171220_Lancho.008.png" width="50%" /><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE2zYLdYHTWLzpsNsFTCoqfQtf6PTIoh6k8klsWqpEKq5JUMtQu1lYjkXF1GVlJRPZ_M8PIPxjn4P1onI2ghcD6Js3igT_coupS-Sm1sNxXFlwbSJz22dzbvdRYNrc5cjGxu67xb8go3_S/s16000/Chobee+Aesthetic+Marketing+Case+Study_171220_Lancho.011.png" width="50%" /></div><br /><div><div>我們先看左邊這頁,這裡客戶要談三個重點:他們服務的診所在海外華人市場中擁有很高的滲透率,而單是 bellafill 這個醫美產品就帶來可觀的利潤,而這一切是他們透過 WeChat KOL 行銷所達成的成績。</div><div><br /></div><div>由於他們要強調的是質性作法而非量化數字,這裡我用 icon 凸顯的就會是華人地區、醫美產品與 WeChat 行銷,如下圖所示。</div></div><div><br /></div></div><div style="text-align: left;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-FSuqcKZwNacXf2ovkS9Z_pvjJkUnr9uUREt_kPZFDuikBAPLfK15aMca_wTOJQShJBa2Vh0rfbJUuoMC1aq2_aljUtN_fRoqh_g8DZmSdoJ2K5XJENw72nPMA3kUcNFxihGT5bqoLrI9/s16000/Chobee+Aesthetic+Marketing+Case+Study_171220_Lancho.008.png" style="text-align: center;" width="100%" /></div><div style="text-align: left;"><br /></div><div style="text-align: left;"><b>而這種多個 icon 並排要注意的重點,第一個就是「icon 的風格統一」。</b></div><div style="text-align: left;"><br /></div><div style="text-align: left;">除了顏色的統一外,icon 在形狀上也有幾種不同的分類。以填色面積區分的話有填滿型與框線型,以轉折點來區分的話也有分圓角型或銳角型,可以根據你想要的設計風格來做選擇。不過重點是統一選擇一種,盡量不要一份簡報中多種類型交叉混用。</div><div style="text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWqh1mxYFWjSZG7Sv4_J8CyROVuOhm9zoLmiAfTL4Lrz6PWiDk1f5bP3zJFHVf-iPwtvTqhVTGhNFUug-7iN0nolKZGF18y-lw_C6ycNaDL4BNpUg4dlyXrEXm5HWIW8-EVGmU818zkxh6/s16000/%252374+%25E9%25AB%2598%25E8%25B3%25AA%25E6%2584%259F%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25A8%25AD%25E8%25A8%2588%25EF%25BC%259A%25E8%25A7%25A3%25E6%259E%2590+icon+%25E5%259C%2596%25E7%25A4%25BA%25E7%259A%2584%25E6%258E%2592%25E7%2589%2588%25E7%25B4%25B0%25E7%25AF%2580.003.png" width="100%" /></div><div style="text-align: left;"><br /></div><div style="text-align: left;">那可你可能會問,中間這個 bellafill 不就是框線型的嗎?為什麼和其他兩個填滿型的 icon 混用了呢?這就是比較不得已的地方,畢竟這是人家產品的 logo,並沒有一個填滿型的版本給我用。</div><div style="text-align: left;"><br /></div><div style="text-align: left;">當然你可以遷就這個 logo,把所有的 icon 都換成框線型,但從整體考量的角度而言已經有點因小失大。因此我會選擇搭配講稿,把這個 logo 放在中間。相對於他在左邊或右邊的情況,比較平衡一點、不會那麼奇怪。</div><div style="text-align: left;"><br /></div><div style="text-align: left;"><div><b>而第二個 icon 並排的重點就是「運用背景形狀協助對齊」。</b></div><div><br /></div><div>很多時候,你要用的 icon 形狀會差蠻多的,就像左右兩個 icon 相對比較接近圓型,而中間的 logo 比較接近扁扁的長方形,當他們排在一起的時候就不容易對齊。這時你可以考慮在 icon 的背後加上一個背景形狀,像是我這裡的半透明漸層的六角形,三個並排時可以創造視覺上的對齊效果,稍微彌補 icon 形狀差很多時的錯亂感。</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH41F7q5ozA9ES3Fp9NYBAxc3HTcY-zvPANiMeJFoYj0JVgFBzb4uSNzR32qjWAPjMQPL9okIMZDUz8mroN9x6r5sMmsfu6BwLim6lBLpptPtmyFjfxwP5mkXqhbagirRPflVEawO6LnEm/s16000/%252374+%25E9%25AB%2598%25E8%25B3%25AA%25E6%2584%259F%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25A8%25AD%25E8%25A8%2588%25EF%25BC%259A%25E8%25A7%25A3%25E6%259E%2590+icon+%25E5%259C%2596%25E7%25A4%25BA%25E7%259A%2584%25E6%258E%2592%25E7%2589%2588%25E7%25B4%25B0%25E7%25AF%2580.004.png" width="100%" /></div><div><br /></div><div>這裡有個訣竅是,如果你不想要 icon 死死地待在背景形狀中,這時可以試著把 icon 稍微拉大一點,創造 icon 凸出背景形狀的「破格」效果,躍動感就出來囉!</div><div><br /></div></div><h1 style="text-align: left;">大量 icon 並排細節</h1><div style="text-align: left;">接著我們來看另外一頁。這一頁要談的是這間行銷公司的創辦人在顧問諮詢中所投入的各種項目,而客戶特別希望這頁要用大量的 icon 來呈現這些不同的諮詢項目。</div><div style="text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIzjQ4N0mXPXQbXfW-_o5Z63honzZKWHly-XbGmvBGMPG1Km6THKsqkgQ8GddTgf9HhDZvI8U6jGS7CIgxHe7xAHqR2dV6G_FGSkyavmsMlzuL7PeVJnSA3IY4UkwAW_p4Ay4iCl1heCWT/s16000/%252374+%25E9%25AB%2598%25E8%25B3%25AA%25E6%2584%259F%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25A8%25AD%25E8%25A8%2588%25EF%25BC%259A%25E8%25A7%25A3%25E6%259E%2590+icon+%25E5%259C%2596%25E7%25A4%25BA%25E7%259A%2584%25E6%258E%2592%25E7%2589%2588%25E7%25B4%25B0%25E7%25AF%2580.005.png" width="100%" /></div><div style="text-align: left;"><br /></div><div style="text-align: left;">這裡我們就會很明顯地看到,要是少了剛剛提到的背景形狀,這麼多的 icon 排在一起更容易顯得雜亂,因此在大量 icon 並排時,背景形狀的幫助會更加明顯。</div><div style="text-align: left;"><br /></div><div style="text-align: left;"><div><b>而除了背景形狀之外,另一個重點是「圖文搭配」的重要。</b></div><div><br /></div><div>直覺上我們會覺得,如果都是圖的話,這樣排起來不是很乾淨明瞭嗎?但這個想法的盲點在於,只有圖而沒有文字的話,聽眾很難直接望圖生義、去猜出簡報者想表達的意義,這樣的設計就失去了資訊傳達的效果。因此讓圖文互相搭配,才是更理想的作法。</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxkElxR9UVDBbwvc_M8anLco1ck7QVzjxKoTJHtf81Lo9tLFNpfBu9xUnQAI4l3BadF8HG5kSYV66VR-ZwG-H8TKDSfmK4z0620Fh7ZB8BjATC29WSHj2LUDV3N9ieu33og7V_ogyHCNi5/s16000/%252374+%25E9%25AB%2598%25E8%25B3%25AA%25E6%2584%259F%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25A8%25AD%25E8%25A8%2588%25EF%25BC%259A%25E8%25A7%25A3%25E6%259E%2590+icon+%25E5%259C%2596%25E7%25A4%25BA%25E7%259A%2584%25E6%258E%2592%25E7%2589%2588%25E7%25B4%25B0%25E7%25AF%2580%25EF%25BC%2592.001.png" width="100%" /></div><br /><div><div>這邊你可能會想問,這個字小小的寫在這裡,簡報時怎麼可能看得到呢?這個考慮的確有道理,不過在實際的簡報中,簡報者在這一頁並不會一個一個細講所有的諮詢項目,因此文字在簡報的當下並不是重點所在。</div><div><br /></div><div>然而,當客戶在業務推廣的簡報後,會將這些資料寄送一份給他們的聽眾,這時候這些文字就可以扮演說明的角色,而不會讓聽眾聽完簡報後難以回顧當時的內容,這也是圖文搭配的另一個好處所在。</div><div><br /></div><div>最後你可能也會好奇,這份簡報的整體風格是怎麼打造出來的呢?</div><div><br /></div><div>這就是個大哉問了,也不是一篇文章就能說完的。不過好消息是,這不見得只能靠靈感去自由發揮,畢竟如果只靠運氣或通靈的話,就很難維持穩定的設計品質。相對的,<b>我們可以透過與客戶密集大量的溝通,用一套系統性的方法來收斂客戶想要的視覺風格,進而做出理想的成果。</b>但這就有點偏離今天的分享主軸了,有機會的話再寫幾篇分享吧!</div></div><div><br /></div></div><h1 style="text-align: left;">分享總結</h1><div style="text-align: left;"><div>那麼以上就是這次的分享啦!關於 icon 的排版重點,首先要注重 icon 的風格統一,如果形狀差很多的話可以利用背景形狀創造對齊感,以及要記得與文字搭配,以免聽眾無法望圖生義。</div><div><br /></div><div>如果你已經躍躍欲試地想開始練習的話,一定會碰到一個問題,就是要怎麼找到這些 icon 呢?</div><div><br /></div><div>關於這點,我還蠻推薦 <a href="https://www.flaticon.com/" target="_blank">flaticon</a> 與 <a href="https://thenounproject.com/" target="_blank">nounproject</a> 這兩個 icon 的素材網站,如果你不是網站的付費會員的話,也可以免費下載使用,不過就要特別注意標注作者的方式,避免侵犯 icon 作者的著作權。如果你有付費訂閱 Microsoft 365 的話,PowerPoint 也有內建的素材庫可以讓你挑選。</div><div><br /></div><div>善用這幾個素材資源,搭配今天討論的排版觀念,就可以大幅提升使用 icon 的簡報質感啦!</div><div><br /></div></div></div>林柏儒http://www.blogger.com/profile/03408019626699427933noreply@blogger.comtag:blogger.com,1999:blog-2267166282977386549.post-26434024250208508322021-05-06T09:04:00.003+08:002021-06-25T08:19:16.652+08:00NIPPON COLORS 配色實例 | 日系可愛風格配色<p><iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="540" src="https://www.youtube.com/embed/wkHJCQeM2mw" width="100%"></iframe></p><p style="text-align: center;">(作者 / 內容策劃:Emma 謝天璦)<br /></p><div class="separator" style="clear: both; text-align: center;"><div style="text-align: left;">你是否常常跳脫不了投影片預設的顏色風格?今天我想要跟大家分享一組我在色彩網站 NIPPON COLORS 選出來的可愛風格配色,並用這組配色,做出今年的母親節圖卡。 </div><span><a name='more'></a></span><div style="text-align: left;"><br /></div><div style="text-align: left;">仔細來看,這張圖卡只使用了 PowerPoint 中簡單的圖形、線段及內建的 ICON 去做排版,但卻跳脫了一般投影片給人的風格,形成了細緻有層次的日系可愛風 ,這是怎麼做到的呢?這樣的細緻與層次感,其實是用各種配色細節所堆疊出來的!</div><div style="text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1200" data-original-width="1824" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPNziQrg4J13EoGDW-BlhgxROn4-kqa6ldXHyYxDRVTMF6RmN4rVE5p_R_eu0MF1vK81TVaH2u4eMFN2mlXuVEMJeN50W-Od62Gyj20kK3w-aS5i3TrcyI9Ru3LByfIvU0hV9Ayy29Vr4d/s16000/22%25E5%25B0%2581%25E9%259D%25A2%25E5%25AF%25AC%25E7%2589%2588.001.jpeg" width="100%" /></div><div style="text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAekAgU1zMSAXR41T2WdY8V1j6AGyW6u3FOHk5tK5AQATARxBtI2UmYHYo_TRj36mbTk9U7ISi0ZR7_OmfdKKPxoQAhdYy2joLqQImEH5DPLbhEUqhJw0liA9SUpsidA9TLE0NPsBp-hK_/s16000/BG%25E7%2595%25AB%25E9%259D%25A2.001.jpeg" width="100%" /></div><br /><div style="text-align: left;"><br /></div><h2 style="text-align: left;">色彩網站介紹 NIPPON COLORS</h2><div style="text-align: left;">為了跳脫一般投影片常見的顏色,我們可以從特別的色彩網站去尋找顏色靈感,這一次我選擇了 NIPPON COLORS 這個網站上的顏色去做搭配,這個網站列出了共 250 種日本傳統色,當你點選了你要的顏色時,它的背景會轉換成你要的這個顏色,並提供相應的CMYK與RGB色號,複製下來就能應用在投影片中囉!</div><div style="text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3JiDEGXNRsSbTXafEBD3auqFBDxJ_AZnnnCDx4jKp92pgxETJFEaYc0KgiF0EbACou2aN2yxCtUWYf0ICQ4QZNTeFfgdMryUOgOfxEPWgCz2aIkC0atk7TVDLN8iuSE5pC3fH793ilQwW/s16000/BG%25E7%2595%25AB%25E9%259D%25A2.002.jpeg" width="100%" /></div><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgroy7Qbhhfxl-SHhJe5wQ1RgIwFHAM-TK9mzkYuJCLyhaKbDPBBPkN8tzRn6H03S0ntQOS6aUJFu91EFcguuql63YLUERF_7hOEWFLh7qOzFVsdiBY8YSpovUIz1weBtOQLudhTMb1_X6s/s16000/BG%25E7%2595%25AB%25E9%259D%25A2.003.jpeg" width="100%" /></div><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwm1eAdUHBHbng2WpZpK6-rrNXe8zuGf0Pl4yHq96-XbILYoTR8-JBeKeAMEZwq2jMWDSmq_CoKk3SK_WnA0OMOIv46OphfPP_0meFE98141E6hLcmvMpiFIEpOtgzpt0dW9qfJRyqRXWW/s16000/BG%25E7%2595%25AB%25E9%259D%25A2.004.jpeg" width="100%" /></div><br /><div style="text-align: left;"><br /></div><h2 style="text-align: left;">本次配色解析 - 基底色系的搭配</h2><div style="text-align: left;">在從無到有生出圖卡的最一開始,面臨的第一個挑戰就是基底色系的選擇,這時候你就要想一下你的主題與風格為何? 比方說以這次圖卡為例,我選擇了櫻色作為背景色,</div><div style="text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRvgSISOu5bTamNEd0pMPFInDyW-LkHW5a_S74KgucM9fSU8FI8j66YvHf_gHAz-SihLvtxBGTZDWOpcj8G_iRCKfVdXT3Fz5t0DkDr2K6R_3e6gKVl_pB1ux05qItTEtV34mh_aDDJo03/s16000/BG%25E7%2595%25AB%25E9%259D%25A2.005.jpeg" width="100%" /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div style="text-align: left;">因為我想主打日系可愛風 再來主色的部份,我選用了一個名為撫子的顏色,</div><div style="text-align: left;"><br /></div><div style="text-align: left;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjck73DBP0Sw2dMYaWLacWBt3wpwOzod8ow3DKcfAHLPUz4-e02GmuBrs8U29Gt2YFMHhWY1EsvJmc49sgYwTY0Aab_FkyfCGbetwfVdgSE-PYUHl7xh6uigDde36kl6RQevI2PYIgofAu/s16000/BG%25E7%2595%25AB%25E9%259D%25A2.006.jpeg" width="100%" /></div><div style="text-align: left;"><br /></div><div style="text-align: left;">在日本傳統中,撫子有溫柔和順的象徵,這跟我心中的母親意象有了感受上的連結,</div><div style="text-align: left;"><br /></div><div style="text-align: left;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUS9sHNdH-3AbKQy5kXyElSjdU6p5dlxHYutMdTsTqNHDGe_qwzVnrtOsSnFUAwg23Nyqiq-y38Uk9wSO90j3j6Bjt6CpbtITNBXvaHnaduq76e3ZnAp3TBdq6QLgk-29uo_2FrPLdrA-5/s16000/BG%25E7%2595%25AB%25E9%259D%25A2.007.jpeg" width="100%" /></div><div style="text-align: left;"><br /></div><div style="text-align: left;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg6qIGp1Z813GSJv3HjgNpyc-Orin5ck22jInKm-_9EFAZsrI0urY9INhBiaq6L3bGPz1r-XglAySgG39mtVQbZKmkP0B6T6apHIhoJwDjvRmJBykp1_J_BdDARhSyWM9Q3MFCGgQ6PEZY/s16000/BG%25E7%2595%25AB%25E9%259D%25A2.008.jpeg" width="100%" /></div><div style="text-align: left;"><br /></div><div style="text-align: left;">而這次基底色還選用了一個顏色叫做灰櫻色,</div><div style="text-align: left;"><br /></div><div style="text-align: left;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCB2ryHLnUR49L2UjlooUAGZg4eVW83LFQJj-Isa-WnTAjmeqTAzRkA1OAzYRn4IN0laDN0R0ednN7t9HTBOsvCtWzIcvrDa1PXLBcY4PxkcNXx5mD3Wn5bcvJ4zjhiqX7cvdNJLK7ZxSz/s16000/BG%25E7%2595%25AB%25E9%259D%25A2.009.jpeg" width="100%" /></div><div style="text-align: left;"><br /></div><div style="text-align: left;">是形容櫻花落下後混合土壤的顏色,色彩特性十分低調,很適合用在背景中的襯線,增添細節但又不搶風采,有了以上三種顏色作為基底,柔美的感受就成形啦!</div><div style="text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgao_kGQYMBLYc9jLxAfHrLK1YYtiXR37RCAcUD45Yb5CbiGlSQ6Lxed2QLuc5b_PDA9FLvDyK7r-6TsTw4IAZJrNZaH-_7cqpFHgcnhoLNvlsfv7aVWjiulXvBM2p-jL40Gl9liCNewMqk/s16000/BG%25E7%2595%25AB%25E9%259D%25A2.010.jpeg" width="100%"/></div><div style="text-align: left;"><br /></div><h2 style="text-align: left;">本次配色解析 - 關鍵色</h2><div style="text-align: left;">如果作為公開放映或是以傳播資訊為目的,柔色系的配色常常因為顏色太淡,而有細節呈現不清楚的問題,這裏要跟大家分享,透過亮色與重色,提高整體圖卡的清楚程度與豐富度。</div><div style="text-align: left;"><br /></div><div style="text-align: left;"><b>首先是亮色,也就是明度高的顏色:</b></div><div style="text-align: left;"><br /></div><div style="text-align: left;">在柔美可愛的配色中,背景通常已經蠻亮了,大部分的人這時候很容易選擇黑色去做搭配,可是使用黑色其實很容易打破原本的輕盈感,讓畫面變得比較生硬,這時候你反而可以試試看明度最高的白色作為標題色,來保留整體的輕盈感,但你可以發現柔色背景太亮的時候,白色就會顯得不清楚,這時候你可以將背景調暗一點點來凸顯白色。</div><div style="text-align: left;"><br /></div><div style="text-align: left;">另一個亮色我選的是「瓶覗色」,</div><div style="text-align: left;"><br /></div><div style="text-align: left;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfr2Cm4J0OslwU8FJD6f1edjLHVTim220Uj6IZtqUaFlN7vl0bTWeqlzSKqinSrmqZL3NkEsZIwQWPm2h4G2Uc4r8_JJ5xrhVwjHKTANdIY-WCNbCvzY01j-b1MMde6KcLL3fDkLNcNgV6/s16000/BG%25E7%2595%25AB%25E9%259D%25A2.012.jpeg" width="100%" /></div><div style="text-align: left;"><br /></div><div style="text-align: left;">這是日本傳統的藍染中只染過一次藍色染劑的顏色,有種冰涼感,加在本次圖卡中可以豐富原本的粉紅色系,增添配色的層次感。</div><div style="text-align: left;"><br /></div><div style="text-align: left;"><b>再來是重色,也就是明度低的顏色:</b></div><div style="text-align: left;"><br /></div><div style="text-align: left;">小的細節標示在這裏就不適合使用白色了,因為白色在視覺上有放大的效果,不適合呈現細節,所以這裏我們需要適度地使用重色來呈現細節,此次重色我選用了一個偏桃紫的暗色「梅鼠色」 </div><div style="text-align: left;"><br /></div><div style="text-align: left;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLMg93t_xAiaUzCftSksl5vcVJxsHeM7r3B_JLNQCldabd-Yl8Y_WgGpnMyhxV28SQENPvM7nDvHo0RYpOTkCsZV2TUTcKamyJUnhiBHpmME1y7JucNIdAjNDmuw-kICIxjeNKwlV9TWzg/s16000/BG%25E7%2595%25AB%25E9%259D%25A2.015.jpeg" width="100%" /></div><div style="text-align: left;"><br /></div><div style="text-align: left;">這是個常見於彩妝 ,低調中帶豔麗的顏色,使用在關鍵的地方,可以讓整體細節呈現起來更明確,你可以發現,梅鼠與撫子在顏色的偏紫向性其實有互相搭配,</div><div style="text-align: left;"><br /></div><div style="text-align: left;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5jMvNZ0NYnNdyslQRltB9DFlnYzzAMjmEhcy3QKLWOOc6-X5RHpDIBDWo0vlRST69muqJHZ82VTdRoJ6NzPxcTg72XBEOKPlNazWOwsut80y37GtpI_e-q4-nLGMu1pBOHBMFh8YIJ0XR/s16000/BG%25E7%2595%25AB%25E9%259D%25A2.016.jpeg" width="100%" /></div><div style="text-align: left;"><br /></div><div style="text-align: left;">如果這裏重色選了黑色,整體的淡雅感也會稍顯失衡。</div><div style="text-align: left;"><br /></div><div style="text-align: left;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin0FRQe6XWGzOp4VT9Dw2T8RMjtaVn3d-vHr0XSXsuz4sEE-ycOv1MMKOWDEDWOZeKBeYJz-JudP9znf2ECsAWBEDsSY4RQbG9O0ZuPlaZRXTJMnXNygPK1XCPjzZb4rHLzmhHQYcceH-4/s16000/BG%25E7%2595%25AB%25E9%259D%25A2.018.jpeg" width="100%" /></div><div style="text-align: left;"><br /></div><h2 style="text-align: left;">技巧教學 – 如何套用質地於圖形上</h2><div style="text-align: left;">說到這裏,可能有觀眾眼尖發現圖卡背景其實不純粹是顏色喔,它還帶有非常淡的質地,使用日本傳統色,如果套用了適合的質地,顏色更能產生文化聯想,增添文化質感,但事實上在 PowerPoint 中我們沒辦法將圖形套用質地的時候又保留原本的顏色,那在技巧上我們該如何做到呢?</div><div style="text-align: left;">首先,拉一個矩形,選擇你要的顏色,點選右鍵 剪下,在投影片畫面外的空白處點選右鍵,選擇貼上圖片,此時圖形變成了圖片,點選圖片兩下,點選藝術特效,以此次案例來說,想要帶有一縷一縷的仿羊毛氈感,我選擇的是馬賽克泡泡,將透明度調到77%、壓力選0,仿羊毛氈的材質就完成啦!<span style="color: #2b00fe;">(請見影片 04:34-05:48)</span></div><div style="text-align: left;"><br /></div><div style="text-align: left;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLor2hnOEofnI3tmrGA5NXD61fWM70pAhODK6Mle8Y9dA0salhpT-L6HbjOS6taXM9gqBZB7Cg12cInbWHQLQEuPoW3tsAphwyRuZ1MmeCkA1cBUPtAaezkARWFKLm6r_wgQ-hF8JMepCj/s16000/BG%25E7%2595%25AB%25E9%259D%25A2.019.jpeg" width="100%" /></div><div style="text-align: left;"><br /></div><div style="text-align: left;">這裡的小訣竅是,通常預設的藝術效果套用起來都非常地粗糙,透明度的參數大概都要調到70%以上才不會顯得不自然喔!</div><div style="text-align: left;"><br /></div><div style="text-align: left;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggjdnr5gf5EDtn3KjluQ6uDmwuklVBaeIxr5m7X2mCOrdbmyRcY6yfBdcfFLBJvMrCLdbtyVagcqNA9lCoTJaPCzjy5gB1Gc0tAr25t7ZaEI9nbfxIWdX7jm7TZu2WjExOXYKSPdaff5wt/s16000/BG%25E7%2595%25AB%25E9%259D%25A2.020.jpeg" width="100%" /></div><div style="text-align: left;"><br /></div><h2 style="text-align: left;">我還是不知道該如何選色</h2><div style="text-align: left;">聽了以上的內容,大部分的人一定會覺得,選色還是好抽象喔,對於顏色的搭配還是很有障礙啊!的確,從無到有生出一組和諧有風格的配色根本超難的,但大部分的人根本就不可能有這麼多美國時間。</div><div style="text-align: left;"><br /></div><div style="text-align: left;">所以啊,最簡單的方式就是從觀察他人很棒的作品開始,沒有錯,就是這一組作品(開玩笑的啦XD)!你可以先以這組配色作為基礎去練習跟組合,在過程中慢慢加入新的顏色,發展你自己的風格色庫,累積屬於自己的配色直覺喔 !</div><div style="text-align: left;"><br /></div><div style="text-align: left;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAekAgU1zMSAXR41T2WdY8V1j6AGyW6u3FOHk5tK5AQATARxBtI2UmYHYo_TRj36mbTk9U7ISi0ZR7_OmfdKKPxoQAhdYy2joLqQImEH5DPLbhEUqhJw0liA9SUpsidA9TLE0NPsBp-hK_/s16000/BG%25E7%2595%25AB%25E9%259D%25A2.001.jpeg" style="text-align: center;" width="100%" /></div><div style="text-align: left;"><br /></div><div style="text-align: left;">本次的分享只是日系可愛風格的其中一個面向,日系的配色還有非常非常多不同的風格,之後有機會再和大家分享囉!希望大家會喜歡這次的主題,下期再見啦!</div><div style="text-align: left;"><br /></div><div style="text-align: left;">點下方連結 看更多圖卡:</div><div style="text-align: left;"><a href="https://www.facebook.com/artofslide/posts/2193731247430325">https://www.facebook.com/artofslide/posts/2193731247430325</a></div><div style="text-align: left;"><br /></div></div>謝天璦 Emmahttp://www.blogger.com/profile/06163811367290884303noreply@blogger.comtag:blogger.com,1999:blog-2267166282977386549.post-6007189772034364302021-04-15T20:05:00.002+08:002021-06-29T15:16:53.298+08:00傷眼退散!不只靠感覺的簡報配色方法<p><iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="540" src="https://www.youtube.com/embed/_bbHpoN780c" width="100%"></iframe></p><p style="text-align: center;">(作者 / 內容策劃:Richard 林柏儒)<br /></p><div class="separator" style="clear: both; text-align: center;"><div style="text-align: left;">簡報配色難道只能靠感覺、靠靈感嗎?那沒有靈感時,會不會不小心變成華國美學呢?今天 Richard 就來和你分享,不只靠感覺,而是<b>有邏輯可循的簡報配色方法</b>。</div><span><a name='more'></a></span><div style="text-align: left;"><br /></div><h1 style="text-align: left;">前言</h1><div style="text-align: left;">說到配色,這可能是最熱門、也最讓人頭痛的簡報設計問題之一。那不在乎配色的人可能會覺得,不就是隨便挑個順眼的顏色而已嗎?然而我們都知道,問題並沒有那麼簡單。</div><div style="text-align: left;"><br /></div><div style="text-align: left;">這裡我們來看個有趣的對比。我們到漫威的官方網站上,可以找到一篇文章,分析了美國隊長在不同電影中的戰袍。我們可以發現,同樣都是藍色,早期美國隊長的戰袍是選這個顏色,看起來就像一個人形公仔。而到了後期的時候,美國隊長的戰袍則變成了右邊這個顏色,看起來就更像現實世界中會出現的色彩。</div><div style="text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_YkNT1YwUxjh9zPjhWvDTIAXLfwR90LowDbgzmVWFQ4DoEYrTc890FSMOFO52XRlTw8BtKJM_jtfcsw2JkfPaHKqnAo-bQvpJZeteNNfsQdEOvYbdnVoWzOV6aQ8PPFGzSkQkKDchWWsJ/s16000/%252372+%25E5%2582%25B7%25E7%259C%25BC%25E9%2580%2580%25E6%2595%25A3%25EF%25BC%2581%25E4%25B8%258D%25E5%258F%25AA%25E9%259D%25A0%25E6%2584%259F%25E8%25A6%25BA%25E7%259A%2584%25E7%25B0%25A1%25E5%25A0%25B1%25E9%2585%258D%25E8%2589%25B2%25E6%2596%25B9%25E6%25B3%2595+%2528BG%2529.001.jpeg" width="100%" /><br /><br /></div><div style="text-align: left;">兩相對照之下,當然我們的環境光影跟戰袍的材質都是有所不同的,但我們還是能明確看出來這是兩種不同的藍色。早期的版本帶有某種不真實的喜感,而後期的版本則真正像個身經百戰的戰士了。</div><div style="text-align: left;"><br /></div><div style="text-align: left;">而我們回到投影片上,就算我們同樣都是選紅色系的顏色,左圖的粉紅色和右圖的磚紅色也會給人很不一樣的感受。那問題在於說,你能不能<b>精準選到特定感覺的顏色</b>呢?</div><div style="text-align: left;"><br /></div><div style="text-align: left;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNhRQMHMkvSx94ABg52GizUinGwYFosEGIEciP7l9taIGtV3DaaTcteL3_CsAZVXZPFXvTA07PFrLFpxQxVs-MPt9SrR6crJuxaaRWJ18d9ziLWIWKINw2IAC1YOnBfn3nerahahCEAnCS/s16000/%252372+%25E5%2582%25B7%25E7%259C%25BC%25E9%2580%2580%25E6%2595%25A3%25EF%25BC%2581%25E4%25B8%258D%25E5%258F%25AA%25E9%259D%25A0%25E6%2584%259F%25E8%25A6%25BA%25E7%259A%2584%25E7%25B0%25A1%25E5%25A0%25B1%25E9%2585%258D%25E8%2589%25B2%25E6%2596%25B9%25E6%25B3%2595+%2528BG%2529.002.jpeg" width="100%" /></div><div style="text-align: left;"><br /></div><h1 style="text-align: left;">容易失敗的選色方式</h1><div style="text-align: left;">如果你不需要配合公司或特定品牌的顏色,多數人一開始配色的體驗大概是這樣的:我們打開簡報軟體,做個幾頁內容之後覺得,這整個白底黑字有點太單調了,應該要來選個顏色才對。比如說你畫面上新增了一個方塊好了,就會出來這個預設的藍色,覺得這真不好看,我來換個顏色好了。我們點選「圖案填滿」的按鈕,出來的全都是軟體預設的顏色,想必已經看到爛了。</div><div style="text-align: left;"><br /></div><div style="text-align: left;">但如果今天你想來點特別的,點這個「其他填滿色彩」,會跳出一個有彩虹的視窗,旁邊還送你一個可以調整的滑桿,那接下來大部分的人就會有點迷失了,在彩虹上點來點去,調整半天也很難找到一個自己滿意的顏色。<span style="color: #2b00fe;">(請參見 Youtube 影片)</span></div><div style="text-align: left;"><br /></div><div style="text-align: left;">那這其實只是你還沒有找到一個好用的選色方式而已,而今天我想分享的,就是一套我自己慣用的選色方式,提供給你參考看看囉!</div><div style="text-align: left;"><br /></div><h1 style="text-align: left;">先選色系、再選感受</h1><div style="text-align: left;">整體來說,我會先分成「<b>先選色系,再選感受</b>」這兩個步驟。第一個<b>先選色系</b>是指,我想要選紅橙黃綠藍靛紫這哪一個系列的顏色呢?而在選好之後,我再來考慮要選帶有什麼感受的顏色。</div><div style="text-align: left;"><br /></div><div style="text-align: left;">以剛剛的例子來說,同樣是紅色系,粉紅色和磚紅色給人的感受就差很多了。那我現在要回答前面提到的關鍵問題,那就是你要如何精準選到特定感覺的顏色。這並不是只靠感覺而已,而是有方法可循的。</div><div style="text-align: left;"><br /></div><div style="text-align: left;">那想要用這個方法,我們要先有一個概念:當你要描述一個顏色的時候,你可以從<b>色相、明度與飽和度</b>三個維度切入。而其中「<b>色相</b>」可以理解成剛剛說的色系,也就是你要紅橙黃綠藍靛紫上的哪一個位置,很多人就只停在這裡了;但是我們還有另外兩個參數,其中「<b>明度</b>」是決定顏色的亮暗,而「<b>飽和度</b>」則是決定顏色鮮艷與否,這兩者往往是多數人忽略的重大關鍵所在。</div><div style="text-align: left;"><br /></div><div style="text-align: left;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh28N7QuhIbxxlMKf1dzWTUQb4RcvXohA46a5tYeDbCL7LT5P2j0N6Y56s1Ly4dGHY3KWMyqiODtCivhgbucdxNLOIeSKaNpckw6owGnLilKL3SIDI-BA0AmPPhNKqW60ts6zNr66GfaWRA/s16000/%252372+%25E5%2582%25B7%25E7%259C%25BC%25E9%2580%2580%25E6%2595%25A3%25EF%25BC%2581%25E4%25B8%258D%25E5%258F%25AA%25E9%259D%25A0%25E6%2584%259F%25E8%25A6%25BA%25E7%259A%2584%25E7%25B0%25A1%25E5%25A0%25B1%25E9%2585%258D%25E8%2589%25B2%25E6%2596%25B9%25E6%25B3%2595+%2528BG%2529.003.jpeg" width="100%" /></div><div style="text-align: left;"><br /></div><div style="text-align: left;">如果我們是「先選色系、再選感受」的話,由於我們已經<b>先決定了色相</b>,而<b>顏色給人的感受就是由明度與飽和度兩者共同決定的</b>。如果我們把這兩個維度展開,其中高明度、高飽和度與低明度、高飽和度這兩個區域並不會有顏色,多數的顏色都落於這半個橢圓型的區域中。</div><div style="text-align: left;"><br /></div><div style="text-align: left;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtUedgwv7NecSQnDNuhXWCPbGI9QIT1-EY09znmd-omSyRvpcU_7eeaZulmatO6I8496eDp38tN8NdCXax0HgUtvxtApQxy6rQaUt1rYkKVe6InjESG3ZZWMXuMEjbM721jcA23lYi_bzq/s16000/%252372+%25E5%2582%25B7%25E7%259C%25BC%25E9%2580%2580%25E6%2595%25A3%25EF%25BC%2581%25E4%25B8%258D%25E5%258F%25AA%25E9%259D%25A0%25E6%2584%259F%25E8%25A6%25BA%25E7%259A%2584%25E7%25B0%25A1%25E5%25A0%25B1%25E9%2585%258D%25E8%2589%25B2%25E6%2596%25B9%25E6%25B3%2595+%2528BG%2529.004.jpeg" width="100%" /></div><div style="text-align: left;"><br /></div><div style="text-align: left;">那我們看圖就會發現,同樣是紅色,越靠近右邊,也就是飽和度越高的話,顏色就會越亮麗搶眼;而越往左邊靠,顏色就會越淡,比較像日本傳統色彩給人的內斂感覺。而上半部的顏色比較明亮輕快,而下半部的顏色則比較暗沉穩重。</div><div style="text-align: left;"><br /></div><div style="text-align: left;">這裡我們就可以根據顏色所在的位置來分成好幾個區域,而這就是好幾種不同感受的顏色了,我們可以<b>根據你想要傳達的感受來挑出相對應區域的顏色</b>。</div><div style="text-align: left;"><br /></div><h1 style="text-align: left;">選色實作</h1><div style="text-align: left;">舉個例子來說好了,如果我想做年輕有活力的商務簡報,那這樣我該怎麼選顏色呢?在我們比較熟悉的文化脈絡中,要營造商業感的話我可能會先從藍色系開始挑。那在我們展開藍色系的顏色之後,<b>想要營造年輕有活力的感覺,我可能會找飽和度高,明度也高一點的區域</b>,也就是圖中右邊偏上一點的位置,這個叫做「明」的區域。</div><div style="text-align: left;"><br /></div><div style="text-align: left;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj3l-fBKWx44bH85H-fnXr84nmsuKLUNat2zrW7f_CA4XB_9B82NYrpQ0AIOPPlHjsSc_tDZIQiL6KQ2cGSQb3LgosN85EqRXpPMvHhwE5Zp6iILbRstdolQBRP0ghpOnk1xOG_vtVBETc/s16000/%252372+%25E5%2582%25B7%25E7%259C%25BC%25E9%2580%2580%25E6%2595%25A3%25EF%25BC%2581%25E4%25B8%258D%25E5%258F%25AA%25E9%259D%25A0%25E6%2584%259F%25E8%25A6%25BA%25E7%259A%2584%25E7%25B0%25A1%25E5%25A0%25B1%25E9%2585%258D%25E8%2589%25B2%25E6%2596%25B9%25E6%25B3%2595+%2528BG%2529.005.jpeg" width="100%" /></div><div style="text-align: left;"><br /></div><div style="text-align: left;">那我們回到簡報軟體上,因為預設的選色格式是把色相和飽和度兩者放在一起,明度則另外調整,這就和我們「先選色系,再選感受」的邏輯有所不同,所以本來就不會太好用。那這該怎麼辦呢?我們可以先鎖定藍色這個區域也就是我們說的先選色系。那接下來我們調整顏色的感受,我們飽和度挑高一點的地方,而我們旁邊的明度再往白一點的地方調整,來回拉一下應該就能順利找到不錯的顏色了。<span style="color: #2b00fe;">(請參見 Youtube 影片)</span></div><div style="text-align: left;"><br /></div><h1 style="text-align: left;">分享總結</h1><div style="text-align: left;">那麼以上就是我們今天的分享啦!「<b>先選色系、再選感受</b>」這個方法,可以讓你快速找到合理的顏色區域,而不用總是抄別人的配色。那如果你對這個選色方式有興趣的話,也歡迎你搜尋「 <b>PCCS 色彩模型</b>」這一組關鍵字,更深入地學習這套方法喔,我們下次分享再見啦!</div><div style="text-align: left;"><br /></div></div>謝天璦 Emmahttp://www.blogger.com/profile/06163811367290884303noreply@blogger.comtag:blogger.com,1999:blog-2267166282977386549.post-34646062767581844792021-03-24T05:40:00.001+08:002021-03-24T17:37:04.389+08:00簡報使用內建字型可能侵權?免費合法商用素材的尋找方法<p><iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="540" src="https://www.youtube.com/embed/IoNWVdnKOxo" width="100%"></iframe><br /></p><div style="text-align: center;">(作者 / 內容策劃:Richard 林柏儒)<br /><div><br /></div><div style="text-align: left;">使用 Windows 電腦內建的字型居然可能被告,這到底是為什麼呢?難道做個簡報也不行嗎?今天 Richard 就來聊聊這到底是怎麼回事,以及免費且可商用的圖片、字型該到哪裡找。</div><span><a name='more'></a></span><div style="text-align: left;"><br /></div><h1 style="text-align: left;">前言</h1><div style="text-align: left;"><b>「簡報使用內建字型可能侵權?免費合法商用素材的尋找方法」。</b>不知道你有沒有想過,有一天你可能因為你做的簡報而被告嗎?在 2018 年的時候,臺灣就有爆發 Youtuber 在影片的字幕字卡中使用未經授權的字體,而收到字型設計公司<b>威鋒數位</b>的來信提醒,要求補繳授權金,否則就須將影片下架。</div><div style="text-align: left;"><br /></div><div style="text-align: left;">當然使用人家設計的字型要付費,但值得注意的是,後來威鋒數位在官網上特別針對 <b>Windows 系統內建</b>的<b>新細明體</b>與<b>標楷體</b>這兩套字型提出進一步的說明,說這兩套字型的智慧財產權為威鋒數位所有,不過只要你使用正版的 Windows 系統,日後就不會對你使用這兩套字型的行為主動要求收費。</div><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNUhq0tn9v12wit07HcHD7vhd-ZvT952yedNUtLqonoZkxQ7OECFJBoBig_EIBpowGe48FnkKfhgOzBDWLk4NYYVbszD-tBX-YJsTPqf8Q5U1eaN7VZq-5-LDoHC5TPhEKcno1uWvbtQrt/s16000/%252371+%25E7%25B0%25A1%25E5%25A0%25B1%25E4%25BD%25BF%25E7%2594%25A8%25E5%2585%25A7%25E5%25BB%25BA%25E5%25AD%2597%25E5%259E%258B%25E5%258F%25AF%25E8%2583%25BD%25E4%25BE%25B5%25E6%25AC%258A%25EF%25BC%259F%25E5%2585%258D%25E8%25B2%25BB%25E5%2590%2588%25E6%25B3%2595%25E5%2595%2586%25E7%2594%25A8%25E7%25B4%25A0%25E6%259D%2590%25E7%259A%2584%25E5%25B0%258B%25E6%2589%25BE%25E6%2596%25B9%25E6%25B3%2595%25E6%258B%25B7%25E8%25B2%259D.002.jpeg" width="100%" /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div style="text-align: left;">這個時候很多人才開始發現,難道<b>微軟系統內建的字型</b>其實不能直接免費商用的嗎?在之後不久, 2019 年也有中國公司將<b>微軟雅黑體</b>用於商業用途,而收到了字型設計公司<b>北大方正</b>的警告信。但微軟雅黑體也是 Windows 的中文內建字型之一,如果你也在投影片上用過這套字型的話,難道也會被告嗎?又為什麼使用系統內建的字型有可能會涉及侵權呢?</div><div style="text-align: left;"><br /></div><h1 style="text-align: left;">簡報中可能涉及侵權的素材</h1><div style="text-align: left;">會發生前面說到這樣的事情,是因為電腦字型屬於一種著作,受到著作權法的保障。根據著作權法的規定,<b>著作權人將享有公開發表、重製、改作等權利</b>,如果沒有獲得著作權人的授權就擅自使用,就算是侵害了著作財產權。</div><div style="text-align: left;"><br /></div><div style="text-align: left;">而不僅是字型,在製作投影片時,圖片、影片、音樂、模板這些素材只要不是你自行製作,通常也受到著作權法的保護。既然如此,我們該怎麼避免在使用素材的時候侵犯別人的著作權呢?以下我們分別討論最常見的兩種素材,分別是圖片與字型,我們先從圖片開始討論起。</div><div style="text-align: left;"><br /></div><h1 style="text-align: left;">做簡報時如何避免侵權:圖片</h1><div style="text-align: left;">說到<b>圖片</b>,許多人在找圖時第一個動作就是去 Google 輸入關鍵字,並點選圖片,這樣就有好多圖片可以用啦!然而魔鬼藏在細節裡,當我們點進這些圖片,通常都會看到一行小字「圖片可能受版權保護」,隨便亂用很可能就會構成侵權行為。</div><div style="text-align: left;"><b><br /></b></div><div style="text-align: left;"><b>這樣該怎麼辦呢?其中一種方式就是點一下搜尋頁面上的「工具」,再點一下「使用權」,可以在下拉式選單中找到「創用 CC」這個選項。點一下,就可以找到篩選過的圖片。</b>(請見Youtube影片 <span style="color: #2b00fe;">02:59-03:37 </span>實際操作)</div><div style="text-align: left;"><br /></div><div style="text-align: left;">這個<b>創用 CC </b>是怎麼回事呢?因為依照現行的著作權法,所有的著作使用權都是歸給擁有著作權的一方,但網路上的素材何其多,如果每個人想使用素材時,都得和著作權人坐下來簽合約,那也太不切實際了。而創用 CC 就是為了解決這種問題而發展出來的國際通用授權條款,透過簡單的標示,讓想使用素材的使用者都可以快速了解著作權人提供的授權範圍。</div><div style="text-align: left;"><br /></div><div style="text-align: left;">創用 CC 的授權條件主要包括「<b>姓名標示</b>」、「<b>非商業性使用</b>」、「<b>禁止改作</b>」以及「<b>相同方式分享</b>」四個授權要素,著作權人可以選擇標註他想要的授權條件,而使用者只要在符合授權條件的前提下就可以使用。</div><div style="text-align: left;"><br /></div><div style="text-align: left;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTz9R6GyA2HH-5QKOTH7MggOOHo40C3xExNNGcvL4Lq2zR_wSJIcBHe4MIumJ9coCGBK4bWRI_Y5htDcOAfZskOqlaeT5LMoE5lLjxT8Ykh2PSBHOnANTHC5qekjfP0oK88JeDv88QfsrO/s16000/%252371+%25E7%25B0%25A1%25E5%25A0%25B1%25E4%25BD%25BF%25E7%2594%25A8%25E5%2585%25A7%25E5%25BB%25BA%25E5%25AD%2597%25E5%259E%258B%25E5%258F%25AF%25E8%2583%25BD%25E4%25BE%25B5%25E6%25AC%258A%25EF%25BC%259F%25E5%2585%258D%25E8%25B2%25BB%25E5%2590%2588%25E6%25B3%2595%25E5%2595%2586%25E7%2594%25A8%25E7%25B4%25A0%25E6%259D%2590%25E7%259A%2584%25E5%25B0%258B%25E6%2589%25BE%25E6%2596%25B9%25E6%25B3%2595%25E6%258B%25B7%25E8%25B2%259D.003.jpeg" style="text-align: center;" width="100%" /></div><div style="text-align: left;"><br /></div><div style="text-align: left;"><b>以我們剛剛的搜尋結果為例,我們可以點進這張圖片底下的說明來查看授權詳細資料,像這張圖的授權條件就是「姓名標示」與「相同方式分享」,只要使用時符合這兩個條件,就可以拿去用在投影片中囉!</b>(請見Youtube影片 <span style="color: #2b00fe;">04:25-04:43 </span>實際操作)</div><div style="text-align: left;"><br /></div><div style="text-align: left;">當然創用 CC 已經解決了很多問題,但有些人可能還是會覺得這有點麻煩,要找個圖還要不斷確認授權條件,有沒有更簡單的方式呢?</div><div style="text-align: left;"><br /></div><div style="text-align: left;">答案是有的!有一種叫做 <b>CC0 的宣告</b>,是著作權人自願放棄著作權,讓你可以自由使用 CC0 標註的著作。而 CC0 圖庫就是專收這類圖片的地方,常見的像 <b>Pexels</b> 或 <b>Pixabay</b>,在這邊下載的圖片多數都可以不受來源標註與商用的限制。然而當圖片中有 <b>logo 或是人臉</b>出現時,因為涉及到著作權以外的<b>商標權與肖像權</b>,使用時可能需要額外的授權,是需要特別注意的地方。</div><div style="text-align: left;"><br /></div><div style="text-align: left;">而當大家都使用 CC0 圖庫時,圖片就比較容易撞衫。如果你很在乎這個問題,或者你是工作中大量使用圖片的工作者,比如說社群編輯,有預算的話也可以考慮付費圖庫。因為<b>付費圖庫的圖片使用條款多數都是可以直接免標註出處與商用的</b>,用起來的確是又快又好,考慮品質與時間的話或許也是個划算的投資。</div><div style="text-align: left;"><br /></div><div style="text-align: left;">除了以上內容,過往我們也有針對找圖這個議題出過幾個分享教學影片,有興趣的朋友不妨參考喔!</div><div style="text-align: left;"><span color="rgba(0, 0, 0, 0.87)" face="Roboto, Noto, sans-serif" style="font-size: 15px; white-space: pre-wrap;"><a href="https://www.youtube.com/watch?v=a-KYJtR7KaE&t=102s" target="_blank">Google搜圖必學3招,輕鬆找到同風格+高解析度好圖</a></span></div><div style="text-align: left;"><span color="rgba(0, 0, 0, 0.87)" face="Roboto, Noto, sans-serif" style="font-size: 15px; white-space: pre-wrap;"><a href="https://www.youtube.com/watch?v=i7eYjX01coE&t=88s" target="_blank">「免費+免授權」的高品質圖庫</a></span><span color="rgba(0, 0, 0, 0.87)" face="Roboto, Noto, sans-serif" style="font-size: 15px; white-space: pre-wrap;">
<a href="https://www.youtube.com/watch?v=3aY0eIi4zEA&t=74s" target="_blank">「不撞衫」的優質圖片上哪找?談圖庫資源的標註與購買</a>
</span><br /></div><h1 style="text-align: left;">做簡報時如何避免侵權:字型</h1><div style="text-align: left;">除了圖片之外,<b>字型</b>也是另一個有侵權風險的素材。尤其是有些朋友喜歡下載網路上的免費字型大禮包,覺得可以一次獲得上百種免費字型很划算。然而這些字型的下載來源,如果不是由字型作者或著作權人提供的,就可能是未取得合法授權的盜版字型,無論下載或使用都得負侵權責任。就算這個下載來源合法,所謂「免費」只是著作權人不跟你收費,並不表示授權你任意使用,<b>如果沒有檢查過字型的授權條款,是有可能冒上侵權風險</b>的。</div><div style="text-align: left;"><br /></div><div style="text-align: left;">一般來說,字型的授權條款比圖片來的細緻。除了免費或付費外,像是授權電腦台數、僅限個人使用或可商用,商用又有細分不同的用途。不過<b>以做簡報來說,重點會放在是否商用</b>這項,如果涉及營利行為就要特別注意。</div><div style="text-align: left;"><br /></div><div style="text-align: left;">如果你不想管這麼多,你還可以考慮不受使用限制的開源字型,像由 Adobe 與 Google 聯合開發的思源黑體就是很棒的選擇。這裏我們要保持一個好習慣,不要從二手的網頁或部落格下載字型,<b>而是回到最源頭,從 Google Fonts 的網站上,點選 Noto Sans TC,就可以找到下載點。除此之外,我們先點選 License 檢查它的授權條款,就會發現只要不拿這套字型來賣,要怎麼使用還真的是隨便你,這種字型就是做簡報時好用的選擇囉!</b>(請見Youtube影片 <span style="color: #2b00fe;">07:28-07:51 </span>實際操作)</div><div style="text-align: left;"><br /></div><div style="text-align: left;">除了黑體之外,如果你喜歡有氣質的明體,可以考慮使用同系列的<b>思源宋體</b>,授權條款和剛剛介紹的思源黑體是一樣的。</div><div style="text-align: left;"><br /></div><div style="text-align: left;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7vzeFFvY7tz_rFrm1UHjXypgPIMw0xMkwJSA5y6305xKGtRz7cbSPM8dh3lzobsRztaMPcFxm3HlgXsl7VD9ZJIe58EKMwFUhseUyPKWzXsQ4D4w0uzsX3kGOvd_pCl1nxSTbA2bAg3pl/s16000/%252371+%25E7%25B0%25A1%25E5%25A0%25B1%25E4%25BD%25BF%25E7%2594%25A8%25E5%2585%25A7%25E5%25BB%25BA%25E5%25AD%2597%25E5%259E%258B%25E5%258F%25AF%25E8%2583%25BD%25E4%25BE%25B5%25E6%25AC%258A%25EF%25BC%259F%25E5%2585%258D%25E8%25B2%25BB%25E5%2590%2588%25E6%25B3%2595%25E5%2595%2586%25E7%2594%25A8%25E7%25B4%25A0%25E6%259D%2590%25E7%259A%2584%25E5%25B0%258B%25E6%2589%25BE%25E6%2596%25B9%25E6%25B3%2595%25E6%258B%25B7%25E8%25B2%259D.004.jpeg" style="text-align: center;" width="100%" /></div><div style="text-align: left;"><br /></div><div style="text-align: left;">而有需要使用可愛圓體的話,由思源黑體修改而來的「<b>源柔黑體</b>」也是不錯的選擇!</div><div style="text-align: left;"><br /></div><div style="text-align: left;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKBj4E6NBk30nHau8WicegPrcvny6DahhFgE_RpfKFnIPt32Qp_TknoOivvuo3yRUqOZO8-Fmxp4esWwHcJ92ahM2rY9WPB75mQ13EK3mGHn1KhqiibnC3ffUPbH7E38_EsJJaR4ykF9ar/s16000/%252371+%25E7%25B0%25A1%25E5%25A0%25B1%25E4%25BD%25BF%25E7%2594%25A8%25E5%2585%25A7%25E5%25BB%25BA%25E5%25AD%2597%25E5%259E%258B%25E5%258F%25AF%25E8%2583%25BD%25E4%25BE%25B5%25E6%25AC%258A%25EF%25BC%259F%25E5%2585%258D%25E8%25B2%25BB%25E5%2590%2588%25E6%25B3%2595%25E5%2595%2586%25E7%2594%25A8%25E7%25B4%25A0%25E6%259D%2590%25E7%259A%2584%25E5%25B0%258B%25E6%2589%25BE%25E6%2596%25B9%25E6%25B3%2595%25E6%258B%25B7%25E8%25B2%259D.005.jpeg" style="text-align: center;" width="100%" /></div><div style="text-align: left;"><br /></div><div style="text-align: left;">那我們回頭來看<b>微軟內建字型的使用問題</b>。微軟在自家網站上公告了 <b>Windows 內建字型的授權範圍</b>,基本上除了電腦螢幕上顯示之外,只有將字型內嵌於檔案或安裝於印表機兩種用途,其他的商業使用都是沒有授權的。也就是說,如果你的簡報屬於有盈利的商業用途,很有可能屬於侵權行為。</div><div style="text-align: left;"><br /></div><div style="text-align: left;">既然 Windows 系統是這個樣子,那 <b>Mac 電腦的字型是可以商用的嗎?其實是可以的喔!</b>在 2017 年的時候,曾有網友寫信詢問蘋果電腦內建字型的授權範圍,得到的官方回應是個人使用或商用都可以,想改做、輸出都沒問題,只是不能把字型檔案拷貝散布給不是蘋果公司的裝置上,於簡報者而言可以說是方便許多。</div><div style="text-align: left;"><br /></div><h1 style="text-align: left;">例外狀況:合理使用</h1><div style="text-align: left;">以上關於素材授權還有一個例外狀況,就是所謂的「<b>合理使用</b>」,也就是在某些條件下使用已公開的著作仍不構成侵權。根據<b>著作權法第 52 條</b>,像是報導、評論、教學、研究這幾種狀況,在合理範圍內是可以在標註出處並引用未經授權的著作。聽起來很棒,但問題是這個「合理使用」的範圍常常處於灰色地帶。</div><div style="text-align: left;"><br /></div><div style="text-align: left;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1FfQc_JJGViUknZ5bsos7Z2g8s2pk94fhRKdimpWrVa7dKmVQnPzoKH2gIUu-viWFwnM-0CcEITF9qEus-zC1wkTzrG7i9NDNx3i3nv8pvwQSxu5S6ep5sGSdmXUoOy3HzrmzupquyFiq/s16000/%252371+%25E7%25B0%25A1%25E5%25A0%25B1%25E4%25BD%25BF%25E7%2594%25A8%25E5%2585%25A7%25E5%25BB%25BA%25E5%25AD%2597%25E5%259E%258B%25E5%258F%25AF%25E8%2583%25BD%25E4%25BE%25B5%25E6%25AC%258A%25EF%25BC%259F%25E5%2585%258D%25E8%25B2%25BB%25E5%2590%2588%25E6%25B3%2595%25E5%2595%2586%25E7%2594%25A8%25E7%25B4%25A0%25E6%259D%2590%25E7%259A%2584%25E5%25B0%258B%25E6%2589%25BE%25E6%2596%25B9%25E6%25B3%2595%25E6%258B%25B7%25E8%25B2%259D.010.jpeg" style="text-align: center;" width="100%" /></div><div style="text-align: left;"><br /></div><div style="text-align: left;"><b>著作權法第 65 條</b>提到,是規定要參考著作使用的目的、使用著作的性質、引用的質與量占整個著作之比例,與使用結果對著作潛在市場及現在價值的影響等四大條件來判斷。</div><div style="text-align: left;"><br /></div><div style="text-align: left;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggXhwGxdT1ejRrypP2k34tANDsGBO4RVUEBbJtNwwsLzkhBTdD11qDHa0n0SPubyqGzpm0DSBXZakGFv8ygIAJJIlCwMemdk7TiDXGgPjUqVHP7recv61TbkHfAWsoL7V2sp7idBl5I-3R/s16000/%252371+%25E7%25B0%25A1%25E5%25A0%25B1%25E4%25BD%25BF%25E7%2594%25A8%25E5%2585%25A7%25E5%25BB%25BA%25E5%25AD%2597%25E5%259E%258B%25E5%258F%25AF%25E8%2583%25BD%25E4%25BE%25B5%25E6%25AC%258A%25EF%25BC%259F%25E5%2585%258D%25E8%25B2%25BB%25E5%2590%2588%25E6%25B3%2595%25E5%2595%2586%25E7%2594%25A8%25E7%25B4%25A0%25E6%259D%2590%25E7%259A%2584%25E5%25B0%258B%25E6%2589%25BE%25E6%2596%25B9%25E6%25B3%2595%25E6%258B%25B7%25E8%25B2%259D.011.jpeg" style="text-align: center;" width="100%" /></div><div style="text-align: left;"><br /></div><div style="text-align: left;">實務上,如果簡報是使用於線下教學演講,若簡報中使用未授權素材的質與量不大,例如引用一本 300 頁小說中的 2 到 3 頁作為簡報中的教學教材,這不至於對這本小說產生嚴重的市場替代影響,所以應該都還在合理使用範圍。但如果這個演講會被放在 Youtube 上公開播映,或是錄成能營利的線上課程,那在合理使用標準的審酌就會更嚴格了。這並不是個正式的法律見解,因此關於合理使用的判準,有需要的話還是建議尋求律師的專業意見喔!</div><div style="text-align: left;"><br /></div><h1 style="text-align: left;">分享總結</h1><div style="text-align: left;">那麼以上就是我們今天的分享啦!今天我們聊了<b>簡報中常使用的素材往往有著作權法的保護</b>,如果想要使用的話,<b>無論是圖片還是字型都要特別注意素材的授權條件與使用範圍</b>,不然就得在合理使用的範圍內才能合法的使用這些素材喔!今天的分享也要特別感謝<b>黃秀蘭律師</b>(蘭天律師)的專業意見與協助,我們下期分享再見啦!</div><div></div></div>謝天璦 Emmahttp://www.blogger.com/profile/06163811367290884303noreply@blogger.comtag:blogger.com,1999:blog-2267166282977386549.post-37642885383683413492021-03-04T12:00:00.004+08:002021-03-04T12:00:03.197+08:00如何打造簡報質感(二):營造整體感的兩大關鍵<p><iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="540" src="https://www.youtube.com/embed/9hhUcVLIO1c" width="100%"></iframe><br /></p><div style="text-align: center;">(作者 / 內容策劃:Richard 林柏儒)<br /></div><div style="text-align: center;"><br /></div><div style="text-align: left;"><div>在我們系列第一篇「美感訓練三步驟」的分享中,我們討論了如何透過「風格延伸」這種設計練習來漸進地訓練美感。初學者在訓練一段時間之後,美感與對設計元素的掌握絕對會有明顯的進步,而不過也會來到一個「知其然而不知其所以然」的高原期。而到了這個階段,想要跳脫機械性的臨摹、而能夠做到內化與活用的話,這該怎麼做到呢?</div><span><a name='more'></a></span><div><br /></div><h1 style="text-align: left;">掌握感受:解析畫面的情緒</h1><div>如果你想要活用版面上的設計元素,我認為一大重點是<b>掌握「感受」</b>。這就好像當我們聽到一句話的時候,我們除了理解這句話的內容之外,還會接收到許多非語言性的訊息,譬如語速、音調起伏跟音色等等,來進一步感受到講者的情緒。那簡報也是一樣的,投影片上的文字、圖片與形狀等設計元素除了傳遞內容資訊外,也會帶有不同的情緒,而能夠<b>主動地掌握這些情緒就是設計的一大重點</b>。<div class="separator" style="clear: both; text-align: center;"><br /></div></div><div>這說起來有點抽象,所以我們先來看個例子。不過我希望先聚焦在情緒的解析上,盡量不要受到內容的干擾,所以我們先跳脫投影片,來看個繪畫的例子。</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div>下方左圖是<b>教宗英諾森十世的畫像</b>,是西班牙畫家維拉斯奎茲的著名作品之一。而右圖則是大概三百年後,由英國畫家培根就左邊的原畫重新詮釋的再創作作品。而你會發現,這兩幅畫所描述的內容其實沒什麼差異,都是教皇坐在椅子上,但是這兩幅畫作所透露出來的情緒完全不同。不知道你會怎麼形容這兩幅畫帶給你的感受呢,而又是什麼樣子的東西造成了<b>感受的差異</b>呢?</div><div><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLvQQsiym8OBIUkoBB1GFJSFSgBHdsSWt1X7OmeN-gUFkljWHQnb_gff6WInVUrwyZX713erOgtkgPZEbK7275sjUDmHzlB-2qlqOQyzFTi5pABKBcjTSGtvlIfWtODvFnMWMkl5Ng6efi/s16000/%252370+%25E5%25A6%2582%25E4%25BD%2595%25E6%2589%2593%25E9%2580%25A0%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25B3%25AA%25E6%2584%259F%25EF%25BC%2588%25E4%25BA%258C%25EF%25BC%2589%25EF%25BC%259A%25E7%2587%259F%25E9%2580%25A0%25E6%2595%25B4%25E9%25AB%2594%25E6%2584%259F%25E7%259A%2584%25E5%2585%25A9%25E5%25A4%25A7%25E9%2597%259C%25E9%258D%25B5.001.jpeg" width="100%" /></div></div><div><br /></div><div>我會認為,左邊的原畫是比較有威嚴跟自信的,而右邊培根的再創作則透露出強烈的焦慮跟恐懼。而這個情緒的差異,主要是由<b>顏色、筆觸跟表情</b>所構成的。</div><div><br /></div><div>原畫這裡他使用了紅色跟金色這種暖色系,並用非常寫實的畫法來呈現教宗的形象,這個正面看著你的神情也構成了這個威嚴自信的感受。而相對的,培根他用藍紫色等冷色系來繪製上衣跟臉部,並且也用大量垂直而且密集的粗糙線條來展現焦慮感,最後搭配教宗彷彿在尖叫的表情,這都讓我感到恐懼。</div><div><br /></div><div>那回到投影片的例子,以下這兩張投影片的內容也是完全相同,但是用了不一樣的設計元素去處理。左圖是比較樸素直接的做法,而右圖就多了溫暖細緻的感受。</div><div><br /></div><div><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyTyR-fzwtKsiZfY2uiZy5ZyhoZsj_8eeg1gWv1LD8jEKOrMMKMKfBEl3On2sT8Yj0oMbXyad3NUrJfmV0bohdff2xDDObgTZ7F4iC3gHOlv-T-2v8Qm0kgymTFUDQnInMwOQZbVm5jUDS/s16000/%252370+%25E5%25A6%2582%25E4%25BD%2595%25E6%2589%2593%25E9%2580%25A0%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25B3%25AA%25E6%2584%259F%25EF%25BC%2588%25E4%25BA%258C%25EF%25BC%2589%25EF%25BC%259A%25E7%2587%259F%25E9%2580%25A0%25E6%2595%25B4%25E9%25AB%2594%25E6%2584%259F%25E7%259A%2584%25E5%2585%25A9%25E5%25A4%25A7%25E9%2597%259C%25E9%258D%25B5.002.jpeg" width="100%" /></div><div><br /></div><div>在我們剛剛看到的例子中,不管是繪畫還是投影片,它們所帶給你的感受都是由每個個別的設計元素所組合而成。所以,當你要設計簡報時,如果你也想主動掌握觀眾的感受、讓他們覺得你的簡報很有質感,你就得做到<b>兩大關鍵</b>:其一是<b>根據情緒來挑選設計元素</b>,而其二則是將你選擇的設計元素把它們<b>合理地組合起來</b>。</div><div><br /></div><h1 style="text-align: left;">設計質感關鍵一:根據情緒挑選設計元素</h1><div>根據情緒挑選設計元素是什麼意思呢?如果我們先把各種設計元素粗分成<b>顏色、字型、形狀跟排版</b>這四個基本面向,不同的設計元素能讓觀眾感受到不同的情緒。而我們在挑選合適的設計元素時,要先能察覺那些情緒是什麼。以下我們來看兩個比較明顯的例子,分別是顏色與字型。</div><div><br /></div><div>先舉個<b>顏色</b>的例子,這兩個顏色帶給你什麼樣子的感受差異呢?</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibXb4yffKYSHOjO0s7FobnBwMZt2Qo-T43Xi3fACAHnpDqVdRxjAMjcgcR2278C_i60pxlyQ-mmsDaRrVdfbkZYLHMMTO3rMLUwIWZA_F8_Jy44_LuB3ZM0O81B3mxq7bCyQLGylEjKKfK/s16000/%252370+%25E5%25A6%2582%25E4%25BD%2595%25E6%2589%2593%25E9%2580%25A0%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25B3%25AA%25E6%2584%259F%25EF%25BC%2588%25E4%25BA%258C%25EF%25BC%2589%25EF%25BC%259A%25E7%2587%259F%25E9%2580%25A0%25E6%2595%25B4%25E9%25AB%2594%25E6%2584%259F%25E7%259A%2584%25E5%2585%25A9%25E5%25A4%25A7%25E9%2597%259C%25E9%258D%25B5.005.jpeg" width="100%" /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div>我會覺得左邊的墨綠色對我而言比較<b>肅穆</b>,可能有一點年紀了,但是也有其深沈的生命力在。而右邊的粉紅色則處於另一個極端,這個顏色會帶給我<b>童稚、可愛</b>的感覺,所以套用這兩種不同顏色的簡報也會給觀眾帶來不同的感受,這就是我們可以主動去選擇的。</div><div><br /></div><div><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie_X2IxEZ22E-eQJSMo9jKUogvYVJIj02smooIx8I4xOnnOMmO3yUevqOxbpPap0WxBOAmxkhgIMyzMiJhlKNQTqPmCkV2cTJ0dEIOBKBIZHb6IOmv9JBQsqXIpHrXm8YEWqGtMF98Suen/s16000/%252370+%25E5%25A6%2582%25E4%25BD%2595%25E6%2589%2593%25E9%2580%25A0%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25B3%25AA%25E6%2584%259F%25EF%25BC%2588%25E4%25BA%258C%25EF%25BC%2589%25EF%25BC%259A%25E7%2587%259F%25E9%2580%25A0%25E6%2595%25B4%25E9%25AB%2594%25E6%2584%259F%25E7%259A%2584%25E5%2585%25A9%25E5%25A4%25A7%25E9%2597%259C%25E9%258D%25B5.004.jpeg" style="text-align: center;" width="100%" /></div><div><br /></div><div>那剛剛這兩種顏色當然差異是非常地大,而當你的感受更敏銳之後,能夠解析的顏色也會越精確細微。就像口紅的顏色雖然很多都是紅色,不過它們彼此之間也有不少細緻的差異,而當你能夠感受並描述它們的不同的時候,那就是你對顏色感受的能力有所進步囉!</div><div><br /></div><div>接著我們看看字型帶來的影響,比如說同樣是「字型的情緒」這五個字,Mac 系統的「<b>翩翩體</b>」給我們的感受就和常用的<b>微軟正黑體</b>差很多。翩翩體保留了許多手寫字特有的筆觸,是一個有點青澀但也相當溫柔的寫法,讓人聯想到以前手寫筆記的字跡。而微軟正黑體就相對正經許多,不帶有太多特殊的情感,默默扮演好傳遞資訊的角色。而根據不同字型的氣質來選擇合適的簡報字型,就是我們可以主動控制之處。</div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQi9qZP4L84uBNJh1FZlfpwSjaLH4rObTdKg89huCAUX2z5tnz1-zvkuBjeab7qCsFD85yemkBhJJxO8qCvpIdgX82bAZOaxSldWtY5SWKKHruWBVt9pQKbt8cOacSYgBQ7KyXd4erHrXQ/s16000/word.001.jpeg" width="100%" /></div><div><br /></div><div>那就像前面口紅的例子一樣,字型的感受差異可以很大,也可以相當微妙。比如說和微軟正黑體一樣屬於黑體風格的字型,雖然情緒都相當地內斂,但彼此之間依然存在細微差異,而能去辨識與應用這些差異,就是你的功力所在了。</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1280" data-original-width="2048" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVK3JURmDxZs2_K9bzecXxq_t3Y4pk3s8TOCttAi0Gofg5vy8rcZ23mxtBOyQus55ztSnZuxAdvBJtAtPQxDgpzrxE2cZtVXTg0I3u7OwoGOryXEa06pgwESXSV_EuPkjIMNBOOR0nqnE2/s16000/%25E6%2588%25AA%25E5%259C%2596+2021-03-03+15.49.00.png" width="100%" /></div><br /><div><br /></div><h1 style="text-align: left;">設計質感關鍵二:恰當組合設計元素</h1><div>在了解設計元素該怎麼挑選後,接著就是要把他們<b>合理地組合在一起</b>。這裡有個關鍵要特別注意,就是「<b>整體感來自感受的總和</b>」。這是什麼意思呢?我們可以把設計元素帶來的感受想像成一根一根的向量,而不同的感受就是不同方向的向量。當這些向量方向一致時,就會創造出和諧的整體感,而當這些方向彼此衝突時,你可以創造很大的張力跟動感,但如果拿捏不好的話,就可能做出傷眼的成果了。</div><div><br /></div><div>這裡我們舉個簡報封面的例子。如果我們要做一個「<b>寶雅五年成長計劃</b>」的封面,可以怎麼應用上面提到的重點來製作呢?首先第一步我們要先確認簡報的場合與想傳達的感受。這裡我考慮讓簡報封面和寶雅主打「女性潮流時尚」的印象有所連結,並且進一步帶出成長的意象,這是我想要透過設計元素所傳達的東西。</div><div><br /></div><div>接著我該怎麼挑選設計元素呢?首先我們看顏色,我會希望整體色調和寶雅的桃紅色是接近的,以和既有的品牌形象建立連結。再來挑選字型,中文的部份我會想挑選比較精緻的明體,那英文再搭配常見於時尚雜誌的 Bodoni。而形狀我會想引入一些向上的箭頭,以及許多朝上的口紅來連結成長意象。那最後再加上一些比較瑣碎的文字素材,</div><div><br /></div><div><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT4Zg6wp5rNaJakcUqbEqpDGL8mo2IRSsDxkjObmAqppUz3_Qw4BK4wtsTtHkd7_JH8e8XYf4GNuk8UUG9RQtQLLxKrntv_BeyrX_FwixsteLVATRwKOux1UGSa9IQeaNKVOca89RMEt7w/s16000/%252370+%25E5%25A6%2582%25E4%25BD%2595%25E6%2589%2593%25E9%2580%25A0%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25B3%25AA%25E6%2584%259F%25EF%25BC%2588%25E4%25BA%258C%25EF%25BC%2589%25EF%25BC%259A%25E7%2587%259F%25E9%2580%25A0%25E6%2595%25B4%25E9%25AB%2594%25E6%2584%259F%25E7%259A%2584%25E5%2585%25A9%25E5%25A4%25A7%25E9%2597%259C%25E9%258D%25B5.007.jpeg" width="100%" /></div><div><br /></div><div><div>就可以排版整理成簡報封面啦!</div><div><br /></div></div><div><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMZ9auKgwYzIjDIpZqK5S90FXs46mOX-RDyF42xKjpEsAgz3ylOJEGOG505zLa2TV-gPkxG3H-5nathp5Sl9nkzpfPKkpfdAJG4ASrR-effIDFSoq3rN5ebc85pDFr27VbzooU8gQOlgj4/s16000/%252370+%25E5%25A6%2582%25E4%25BD%2595%25E6%2589%2593%25E9%2580%25A0%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25B3%25AA%25E6%2584%259F%25EF%25BC%2588%25E4%25BA%258C%25EF%25BC%2589%25EF%25BC%259A%25E7%2587%259F%25E9%2580%25A0%25E6%2595%25B4%25E9%25AB%2594%25E6%2584%259F%25E7%259A%2584%25E5%2585%25A9%25E5%25A4%25A7%25E9%2597%259C%25E9%258D%25B5.008.jpeg" width="100%" /></div><div><br /></div><div>這邊我要特別強調的是,如果你前面沒有先根據場合與感受來挑選適當的設計元素,那會發生什麼事呢?我們都會以為排版最重要,但是我如果我先固定這個排版不動,我單純把照片的顏色跟字型換掉,就會變成這個樣子。</div><div><br /></div><div><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgko455zVjdNou2gtPLOrfaud8pEieHIq0WsLtE2ONpuEPbGHTPAm1gUCs-GAdj-BTw-A2EX1upq8MHWuHIqdd6mwD585rVwM6lIFZXLuOqB84lWTatjZCKyy8j7YBS5dzWIn6FIiiQuYGw/s16000/%252370+%25E5%25A6%2582%25E4%25BD%2595%25E6%2589%2593%25E9%2580%25A0%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25B3%25AA%25E6%2584%259F%25EF%25BC%2588%25E4%25BA%258C%25EF%25BC%2589%25EF%25BC%259A%25E7%2587%259F%25E9%2580%25A0%25E6%2595%25B4%25E9%25AB%2594%25E6%2584%259F%25E7%259A%2584%25E5%2585%25A9%25E5%25A4%25A7%25E9%2597%259C%25E9%258D%25B5.009.jpeg" width="100%" /></div><div><br /></div><div>感覺起來就有點怪怪的不是嗎?這些字型或許分開看都是好字型,但是它們所帶有的情緒各自不同,當我們通通擺在一起的時候自然就覺得有點奇怪。如果我再把成長的意象也丟掉,我捨棄這個垂直向上的箭頭與排版,來換一個整體置中的版本,看起來就像是這個樣子。</div><div><br /></div><div><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJKnn2OEjRHaUtYuZvVAZexzQ-WNeN_kc2qME2DSC7G1kBcal2L-CjBcu-vzMEywr9PKwNRBJD9UoR8RmDppZBHKpjhqpJY3ByQrMEVcWcxwTCO2-pv8ZTq4THZilR7DYMJyLaN2qhvqHc/s16000/%252370+%25E5%25A6%2582%25E4%25BD%2595%25E6%2589%2593%25E9%2580%25A0%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25B3%25AA%25E6%2584%259F%25EF%25BC%2588%25E4%25BA%258C%25EF%25BC%2589%25EF%25BC%259A%25E7%2587%259F%25E9%2580%25A0%25E6%2595%25B4%25E9%25AB%2594%25E6%2584%259F%25E7%259A%2584%25E5%2585%25A9%25E5%25A4%25A7%25E9%2597%259C%25E9%258D%25B5.010.jpeg" width="100%" /></div><div><br /></div><div>乍看之下,這依然是一個有成形的版面喔,但是你可能越看越奇怪,又一時之間不知道問題出在哪裡。其實最重要的問題就在於它的整體性。</div><div><br /></div><div>如果和前面的版本比較,</div><div><br /></div><div><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB6dydGcxU0XQ6PuyUPpwPYjTC7S1RAczD-fWsSWZWt9ImQHjvP2CLhQaxkkpYzsUKrZNcL5Hjkk-XPWN4YBD8PspFIaOLuz4u8A7RJyNDEDqIHdzix43PxXt0ltf3OVqruzOuvsEkI-iL/s16000/%252370+%25E5%25A6%2582%25E4%25BD%2595%25E6%2589%2593%25E9%2580%25A0%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25B3%25AA%25E6%2584%259F%25EF%25BC%2588%25E4%25BA%258C%25EF%25BC%2589%25EF%25BC%259A%25E7%2587%259F%25E9%2580%25A0%25E6%2595%25B4%25E9%25AB%2594%25E6%2584%259F%25E7%259A%2584%25E5%2585%25A9%25E5%25A4%25A7%25E9%2597%259C%25E9%258D%25B5.012.jpeg" width="100%" /></div><div><br /></div><div>前者我們有先<b>根據想傳達的感受與意象來選擇設計元素</b>,因此能夠創造出<b>方向一致的整體質感</b>。而後者不同設計元素之間的感受則是不一致的,雖然乍看之下似乎還算有個樣子,但是它就沒有什麼整體感可言了,這就是我會說「<b>整體感來自感受的總和</b>」的意思。而當你進步到某個水準之後,這個感受的整體性往往就是你的簡報設計是否有質感的秘密之一。</div><div><br /></div><h1 style="text-align: left;">分享總結</h1><div>最後我想再特別提一下,有些人可能會想問說,為什麼我標題不用寶雅的標準字型呢?又為什麼我口紅要另外調成桃紅色,原圖的紅色不是比較自然嗎?這就關乎到我設計時主觀的選擇了。我是選擇從顏色來連結到寶雅,但如果你想從字型去連結寶雅當然也是一個可行的選項,這並沒有標準答案,只是選擇的不同而已。</div><div><br /></div><div>不過所謂沒有標準答案,並不是任何的做法都是合理的。那我們今天所談的內容中,最重要的價值就是從感受的角度去篩選設計元素,當你做簡報的時候可以<b>從無限多的選項中精煉出幾種相對合理的做法</b>,這就讓你做出好成果的機率大幅增加,也不會浪費太多的時間在無謂的 try & error 上,這就是我們一直提倡「精準設計」的核心精神之一。</div><div><br /></div><div>那麼以上就是這期分享的內容啦!對於想再更進階的你來說,我們可以先了解如何<b>分辨不同設計元素的感受差異</b>,以及該如何<b>根據場合與感受來選擇設計元素</b>,最後再把它們<b>組合在一起,以達到簡報設計的整體性</b>。這個整體性就是你能否活用不同設計元素,而同時又能保持質感的關鍵所在。希望這篇分享能讓喜歡設計的你有所啟發!</div><div><br /></div><div>如果你對於簡報的系列練習有所興趣,歡迎你參考我們 2021 現正熱映的系列直播課,完整收錄三大簡報主題:視覺呈現 + 邏輯架構 + 口語表達,歡迎有興趣的朋友,查看完整課程:<a href="https://slideart.com.tw/kaik-lsc-cs-s1-lp-k/bl">https://slideart.com.tw/kaik-lsc-cs-s1-lp-k/bl</a></div><div><br /></div><div><br /></div></div>謝天璦 Emmahttp://www.blogger.com/profile/06163811367290884303noreply@blogger.comtag:blogger.com,1999:blog-2267166282977386549.post-13398003827360286502021-02-18T11:12:00.003+08:002021-02-18T11:12:37.847+08:00如何兩招解決條列式簡報難題?<p><iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="540" src="https://www.youtube.com/embed/YA9cGhX-5II" width="100%"></iframe><br /></p><div style="text-align: center;">(作者 / 內容策劃:Bill 彭毅弘)<br /><div style="text-align: left;"><div><br /></div><div>面對<b>條列式簡報</b>的內容,多數人往往望之卻步,雖然知道他是上台簡報表現的殺手,但卻不知道如何解決。在接下來的內容中, Bill 將會介紹如何應用「<b>分類整理</b>」與「<b>放大關鍵字</b>」兩招簡單的方法,讓你的簡報一步步脫胎換骨,變得既吸睛又好懂!</div><span><a name='more'></a></span><div><br /></div><h1 style="text-align: left;">案例背景說明</h1><div>這張投影片是一張介紹「痰液培養檢查採集方法」的<b>衛教簡報</b>,主要是希望透過這張投影片的介紹,教育民眾回家後正確採集痰液,並送回醫院檢驗的方法。</div><div><br /></div><div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGsWzoHDcFxN4_5ma729959hMMFCTJNyzUpVEiiodZje9a_yyR2nLHbQe7ZKNf4rpMd0Up72y-cAhS7wZFppKPzWYX_WBmdQhm9mrn0iBVNHdNad8OyiT3ZCn9WTNmyQTVvPk3bxB0ZlUS/s16000/%252369+%25E5%25A6%2582%25E4%25BD%2595%25E5%2585%25A9%25E6%258B%259B%25E8%25A7%25A3%25E6%25B1%25BA%25E6%25A2%259D%25E5%2588%2597%25E5%25BC%258F%25E7%25B0%25A1%25E5%25A0%25B1%25E9%259B%25A3%25E9%25A1%258C%25EF%25BC%259FBG%25E7%2595%25AB%25E9%259D%25A2.001.jpeg" width="100%" /></div><br /></div><div>然而對於這張投影片,原始簡報者覺得雖然已經盡力條列內容並精簡文字了,可是資訊量還是很大。同時因為採集痰液需要注意的細節很多,因此難以採用簡潔的大字流風格。面對像這樣子的難題,如果你是原始簡報者的話,會如何解決呢?</div><div class="separator" style="clear: both; text-align: center;"><br /></div><h1 style="text-align: left;">案例優化實戰</h1><div>要解決條列式簡報的問題,可分為內部<b>資訊處理的「心法」</b>及<b>表面圖像呈現的「方法」</b>。接下來我們先來介紹「方法」的部分,而「心法」部分則留待後續直播課時討論。其實在簡報上面要處理條列式內容的方法很簡單,基本上可以用兩招解決,分別是「分類整理」與「放大關鍵字」。</div><div><br /></div><div>首先「<b>分類整理</b>」的部分,其實就是<b>強化邏輯的引導</b>。原始版本的內容總共有 7 點的內容,</div><div><br /></div><div><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTU4AnyOXpU8fR63rpDZ7lv5PPBiRwKizguwpnQVUY1P91XfAZJ5EqzIexGFWyxfe9cHZUPTRS9nr3yPVIycFm0Jp_X3RQX6e8Sb9-smBNta04bj8QM-xBaCx6nuXLVu0Xu437_qWqrBq7/s16000/%252369+%25E5%25A6%2582%25E4%25BD%2595%25E5%2585%25A9%25E6%258B%259B%25E8%25A7%25A3%25E6%25B1%25BA%25E6%25A2%259D%25E5%2588%2597%25E5%25BC%258F%25E7%25B0%25A1%25E5%25A0%25B1%25E9%259B%25A3%25E9%25A1%258C%25EF%25BC%259FBG%25E7%2595%25AB%25E9%259D%25A2.002.jpeg" width="100%" /></div><div><br /></div><div>其實已經超過了一般人能夠認知、掌握的數量上限,所以這時的解決方法,就是把他們進一步分類整理,例如把他們分類成「採集前」「採集時」與「採集後」三大類,</div><div><br /></div><div><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglHMtKqb_N8MoJVrZqPlWuTlIpmqdn6hmOrMBsdIDCfO6JYzM_CePb6cSgyH_sYtD6eCUfnYFuAwBmMQ8tIj79p2tqCh3kOTEl17Qj6C4JVK_uxmevyQxQin7HMPgBOn5fowYx92WqnO95/s16000/%252369+%25E5%25A6%2582%25E4%25BD%2595%25E5%2585%25A9%25E6%258B%259B%25E8%25A7%25A3%25E6%25B1%25BA%25E6%25A2%259D%25E5%2588%2597%25E5%25BC%258F%25E7%25B0%25A1%25E5%25A0%25B1%25E9%259B%25A3%25E9%25A1%258C%25EF%25BC%259FBG%25E7%2595%25AB%25E9%259D%25A2.003.jpeg" width="100%" /></div><div><br /></div><div>而三者之間還有順序上的關聯,這樣觀眾在認知上,就會從原先的「分散的七小點」變成「依序處理的三件事」,整體邏輯掌握度大幅提高。</div><div><br /></div><div>這邊多提一下「分類」這件事情。由於人類對於沒有任何邏輯關聯的事物記憶力是相當薄弱的,像是「手機號碼」或「車牌號碼」等隨機的數字排序,除非刻意記憶或天賦異稟,否則基本上看過就忘。因此我們在分類時,也會順便<b>幫觀眾整理他們彼此的邏輯關聯</b>。以這個例子來說,便是採集前、中、後的「順序」。如果真的沒有明顯的關聯時,也可以主動依照某些規則去創造關聯,例如由大到小、從近因到遠因等等,來加深觀眾的印象。</div><div><br /></div><div>再來「<b>放大關鍵字</b>」的部分,則是<b>強化目的的聚焦</b>。從畫面上我們可以看出,雖然已經把七小點加以分類整理了,可是七小點具體來說在講些什麼,還是需要花點時間閱讀,無法一看就懂。因此此時我們可以把每一點歸納出關鍵字,如第一點我們把它歸納成「專用容器」、第二點我們把它歸納成「清水漱口」等等,變成像是畫面上這個樣子:</div><div><br /></div><div><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtd_EjVjVKGvIhQZ8Wmb9iM-FhYntU8updCIre7jFdAaYyD_07lt-bWwrFFT2IXB_ZIT3ZJGAegN3qzVb5MKd6Rn38uYp5QcAlHE4xZhnCrbuYSkMuu1RljCSadzIcFOCoW89f2YRGz0qH/s16000/%252369+%25E5%25A6%2582%25E4%25BD%2595%25E5%2585%25A9%25E6%258B%259B%25E8%25A7%25A3%25E6%25B1%25BA%25E6%25A2%259D%25E5%2588%2597%25E5%25BC%258F%25E7%25B0%25A1%25E5%25A0%25B1%25E9%259B%25A3%25E9%25A1%258C%25EF%25BC%259FBG%25E7%2595%25AB%25E9%259D%25A2.004.jpeg" width="100%" /></div><div><br /></div><div>如此有沒有變得更加清楚易懂了呢?最後如果你行有餘力,希望這張投影片可以更加吸睛的話,可以進一步修飾一下相關的設計細節,例如<b>採用區塊化的設計</b>、<b>使用半透明圓角矩形創造螢光筆效果</b>、<b>加上參考圖像</b>,以及<b>調整成圓體</b>,像是畫面上這個樣子:</div><div><br /></div><div><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihY6yokh0qcvQ02s0Z3dE80AS06JryEFqHr9NFuu5uz8K9Z4n5cU6QnR_5nJKU3_BISO75lLjYvFZUCQYuRD-aqItdUWKNOiNWuvBCROkj-efF4N6T4HdGYVr66hYvL_Bp9W1qOG-9gU0-/s16000/%252369+%25E5%25A6%2582%25E4%25BD%2595%25E5%2585%25A9%25E6%258B%259B%25E8%25A7%25A3%25E6%25B1%25BA%25E6%25A2%259D%25E5%2588%2597%25E5%25BC%258F%25E7%25B0%25A1%25E5%25A0%25B1%25E9%259B%25A3%25E9%25A1%258C%25EF%25BC%259FBG%25E7%2595%25AB%25E9%259D%25A2.007.jpeg" width="100%" /></div><div><br /></div><div>比起剛才的版本,是否變得更吸睛了呢?</div><div><br /></div><div><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy0mv1Z-Ny2-ePtCLVDmdKZpAHSZZzFWlEER4nXv_gnCXmMEXT99ncXSJE_tUZUZ2AxhmEIKAI1lYSxV82G9EV7YdOS_yIRudPos9vLw0_jbOhwvr18VZ5Fw6wzb1pScTcLioMNPlIEcoy/s16000/%252369+%25E5%25A6%2582%25E4%25BD%2595%25E5%2585%25A9%25E6%258B%259B%25E8%25A7%25A3%25E6%25B1%25BA%25E6%25A2%259D%25E5%2588%2597%25E5%25BC%258F%25E7%25B0%25A1%25E5%25A0%25B1%25E9%259B%25A3%25E9%25A1%258C%25EF%25BC%259FBG%25E7%2595%25AB%25E9%259D%25A2.008.jpeg" width="100%" /></div><div><br /></div><div><b>上述調整的具體細節,我們會在後續直播課深入介紹</b>。最後對比原始的版本,你可以發先調整後的版本不僅設計質感有所提升,且在資訊上也更加簡明易懂,而這其中圖像呈現的關鍵「方法」,便是簡單的「分類整理」與「放大關鍵字」兩招。</div><div><br /></div><h1 style="text-align: left;">分享總結</h1><div>那麼以上就是這次分享的主題啦!透過「<b>分類整理</b>」與「<b>放大關鍵字</b>」兩招,就可以解決多數人望之卻步的條列式簡報難題,讓內容可以更加清楚與吸睛!</div><div><br /></div><div>不過雖然圖像呈現的「方法」很簡單,但是背後資訊整理的「心法」卻更加精彩。例如什麼樣的條列式內容「不該」使用上述的方法呢?條列式內容裡的「關鍵字」又該怎麼抓?又如果我們想要把他進一步的應用在對民眾的「衛教場合」的話,又有哪些需要注意的地方呢?</div><div><br /></div><div><b>想知道後續更進一步的精彩內容,</b>就歡迎鎖定我們即將在 二月二十三號星期二 晚間八點到八點半的 YouTube 精彩直播!與第一堂直播課「如何將只有文字的簡報圖像化?」一樣,這堂直播課是我們 <b>2021年的全新企劃《精準簡報:個案實戰研討》</b>的開課前<b>最後一堂的免費試看課程</b>,</div><div><br /></div><div><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzajmF8rWj_KUxd5LQKDjLkvbsCxkgdafgYRUARnIadR27LCgusiUalFlL5VsYeMSZuvMT0UrbEQikUC7mC9i22OjFJyAA8xN1usGgCGkIT9vFG-VlinD3ZAAUE6eOmBmQDrFZoW3Q85Ch/s16000/%252369+%25E5%25A6%2582%25E4%25BD%2595%25E5%2585%25A9%25E6%258B%259B%25E8%25A7%25A3%25E6%25B1%25BA%25E6%25A2%259D%25E5%2588%2597%25E5%25BC%258F%25E7%25B0%25A1%25E5%25A0%25B1%25E9%259B%25A3%25E9%25A1%258C%25EF%25BC%259FBG%25E7%2595%25AB%25E9%259D%25A2.010.jpeg" width="100%" /></div><div><br /></div><div>有興趣的朋友,歡迎在<b>二月二十三號晚上八點</b>準時點此「<a href="https://slideart.com.tw/youtube-lsc-cs-s1-p02/bl"><b>參加試看課</b></a>」的連結,並開啟直播影片的提醒功能,就可以追蹤後續的精彩內容!怕錯過的朋友,馬上點此「<a href="https://slideart.com.tw/lsc-cs-s1-cal/bl"><b>加入行事曆</b></a>」的連結,把活動資訊加到自己的行事曆中吧!那麼以上就是我們本次的分享,我們二月二十三號見!</div><div><br /></div><div><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_VVZxV_8DUEZu0bco-sDKOljEkg5qYDVFish3ElbBBEhahe2HWYxSo8A0IXMOVH4VAcfRr6QEv1rAlvcWK7qsWvHd-dvIOX2OUZeiLNtbCzFGijbuU2g1mq8L3Qu9rdnkneRGlxiID-Lu/s16000/%252369+%25E5%25A6%2582%25E4%25BD%2595%25E5%2585%25A9%25E6%258B%259B%25E8%25A7%25A3%25E6%25B1%25BA%25E6%25A2%259D%25E5%2588%2597%25E5%25BC%258F%25E7%25B0%25A1%25E5%25A0%25B1%25E9%259B%25A3%25E9%25A1%258C%25EF%25BC%259FBG%25E7%2595%25AB%25E9%259D%25A2.011.jpeg" width="100%" /></div><div><br /></div></div></div><div style="text-align: center;"></div>謝天璦 Emmahttp://www.blogger.com/profile/06163811367290884303noreply@blogger.comtag:blogger.com,1999:blog-2267166282977386549.post-28154853800723086212021-02-03T21:00:00.000+08:002021-02-03T21:00:05.708+08:00如何將只有文字的簡報圖像化?<p><iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="540" src="https://www.youtube.com/embed/-mr4bNW3EL4" width="100%"></iframe><br /></p><div style="text-align: center;">(作者 / 內容策劃:Bill 彭毅弘)</div><div style="text-align: center;"><br /><div style="text-align: left;">你在準備簡報時,有沒有遇過手邊素材都是一堆文字或是數字,不知道該如何「圖像化」。所以只好把這些文字複製貼上、塞進投影片,最後上台報告時,台下觀眾都聽得昏昏欲睡的經驗呢? </div><div style="text-align: left;"><br /></div><div style="text-align: left;">上述這些問題是不少朋友在準備簡報時,常常遇到的問題。明明知道盡量圖像化製作簡報會比較好,但是面對滿是文字的素材時卻經常無可奈何。如果這也是你遇到問題的話,那麼接下來我們就會用一個案例,來告訴你「如何將只有文字的簡報圖像化?」。</div><span><a name='more'></a></span><div style="text-align: left;"><div><br /></div><h1 style="text-align: left;">案例背景說明</h1><div>這張投影片是某某「行動」美術館的介紹投影片,原始簡報者想要透過這張投影片,讓觀眾了解該美術館在地化深耕台灣,以及對於台灣美術發展史的深刻貢獻。</div><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5KUyRveBMCemp8cYU5Fsdj9llwfh2y8PCQ6PSVkVmUDmLBX2-_IehMGkHc5Me5QMvHZmTHHB8Q-hWEHzVmAaM-0XFKtp8PxCgLEk4LN2FJaoZ4NXPmubkmZeXJ95gmHlDFRQWa8RgSZzB/s16000/%252368+%25E5%2585%25A7%25E6%2596%2587%25E9%2599%2584%25E5%259C%2596.001.jpeg" width="100%" /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div>那對於這張投影片哪,原始簡報者覺得滿滿的都是字,非常不理想;在報告時雖然知道不應該逐字照唸,但也不知道該如何取捨才算適當;同時基於某些原因,原始簡報者沒有辦法取得該行動美術館的圖片素材,因此也不知道如何將這張投影片加以圖像化。面對像這樣子的難題,如果你是原始簡報者的話,會如何解決呢?</div><div><br /></div><div><h1 style="text-align: left;">從講者的「替代品」到「互補品」</h1><div>其實把簡報的重點通通都變成文字,最大的問題並不僅僅在於畫面變得很無聊,而是在於這樣子的做法,把投影片的畫面內容以及講者的表達內容兩者變成了「替代品」。而對觀眾來說,當相同的資訊出現互相替代的媒介的時候,自然會挑選吸收門檻比較低的那一個,因此就很容易出現 講者才在講第一句的時候,觀眾已經看完了文字;而等講者終於講完時,觀眾早就恍神到別的地方去了」的窘境。</div><div><br /></div><div>因此解決問題的方法,便是讓「投影片的畫面」與「講者口語表達」兩者的內容搭配成「互補品」:適合用畫面呈現的內容用畫面呈現,而適合用口語表達的內容用口語表達,這樣子便能夠互相截長補短、相得益彰。</div></div><div><br /></div><div><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSV8LzZu8ORkc740zPX7VjibmKn2jeR_rDjkCUjzt-GE7pDaBtMkAK0YbKFtDtz2xRbrBPWN_sb4Z1r2kRz-ABG_yEJJIKgpRP-6nR38o7tD1mnA24MV5U3ZduREI_9oGURJmslk-A7ugF/s16000/%252368+%25E5%2585%25A7%25E6%2596%2587%25E9%2599%2584%25E5%259C%2596.002.jpeg" width="100%" /></div><div><br /></div><div><br /></div><div><h1 style="text-align: left;">案例優化實戰</h1><div>以讓投影片的畫面與講者口語表達的內容,兩者搭配成「互補品」作為目標,現在就讓我們來看看哪些內容比較適合「投影片畫面」呈現、哪些又比較適合「講者口語表達」。</div><div><br /></div><div>以這張投影片來說,「邁入第16年」「超過120個藝術家」「11座藝文中心」這幾個數字,如果是用口語表達直接說過去的話,其實很難讓觀眾留下印象;但如果是用投影片加以呈現的話,則較能夠讓觀眾留下數字很大,有很多豐功偉業的感覺,因此適合用投影片呈現。</div><div><br /></div><div><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWwOASn8xekc-_nO-1vbm3_dZ4QVdrY0w2pJmWSZ3qOxOq5Kuzzw5DoWq0ItkwhaTn05doX1gPerh96WzOimT4-rWtRJBWvbSNMCL-RldD6BfOz8t0OLrSYDw09pRd17A4dbEHM4ThzRP0/s16000/%252368+%25E5%2585%25A7%25E6%2596%2587%25E9%2599%2584%25E5%259C%2596.003.jpeg" width="100%" /></div><div><br /></div><div>反過來「讓一般民眾能就近觀賞到大師級的藝術作品,提升社區民眾心靈、為社會和諧盡一份心力」這樣子的內容寫在投影片上面字特別多,嚴重影響觀眾閱讀的意願;但如果是能夠透過講者的口語表達,來搭配適度的肢體語言以及語調,就可以讓這段內容更有力量 也更有溫度。因此相對適合讓講者用口語表達的方式呈現。</div><div><br /></div><div><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP8Vmu98ZhyphenhyphenTUE3QBcVTz82RWxk8IxRrVjnKidnbJfOamS7pIfDEv2yOH82pyxcrKTdeppFCToKtlSw1rAvoRs9EbMad7GMjw8Ah486aclun6jjs6D553zrvQimf8Ysfe_XoEJLa7U-UlE/s16000/%252368+%25E5%2585%25A7%25E6%2596%2587%25E9%2599%2584%25E5%259C%2596.004.jpeg" width="100%" /></div><div><br /></div><div>因此我們可以整理出這張投影片上面,適合「投影片畫面」呈現 以及 適合「講者口語表達」呈現 的內容分成兩類,這時我們就可以看出,能夠和講者口語表達互補的投影片內容是哪些了。接著我們可以將這些內容應用「資訊排版」的技巧,把它們進一步地優化分配排版,變成這個樣子:</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg0ylYofX_NlrWKesHKgv9SJVTYsT5txM27B9wNT6YtemvsWvaF8ppUU5x422ic8AmNnee1X9NLEfKfhRYppD0A7QuHkFIaRTfp6QxpcczLeF3aw8sIjprMfGovRN6-bHn222a91ctB8tf/s16000/%252368+%25E5%2585%25A7%25E6%2596%2587%25E9%2599%2584%25E5%259C%2596.005.jpeg" width="100%" /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div>如此是不是更加簡明易懂了呢?最後針對整體的「質感」的部分,則是可以參考前面「<a href="https://artofslide.blogspot.com/2021/01/blog-post.html" target="_blank">如何打造簡報質感</a>」的影片中所建議的,針對投影片的「配色 字型與形狀」等各個項目進行調整。比方說你想要讓這張投影片整體的風格,呈現如下圖般深底色,配上金碧輝煌的圓環的視覺效果的話,</div><div><br /></div><div><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgar5-WvuX_TJyvP362YvP9Gfy7x4n8N5P5o6Qj7VUQfq7WTLpKKXsgIvnwq5vS3-TpS-qLFI-pyv1FYjH4NvdMfnx5SLbWUE8I-sw1TVj3bNB1JwgDUd1KhRQIZ9VlwuNu79u-7UPp7P_d/s16000/%252368+%25E5%2585%25A7%25E6%2596%2587%25E9%2599%2584%25E5%259C%2596.006.jpeg" width="100%" /></div><div><br /></div><div>那麼以簡報軟體來說,我們就可以應用「明體字」搭配「金色」的漸層配色,以及「圓環」的視覺元素輔助,像是這個樣子:</div><div><br /></div><div><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjqASKVdCmzztk7yX_J8J_8rhprXEM29lhPh7TZ-b5X9dy9v02qKNP2_0rNiBN7f00-TLvMf7XRqcPAvQKYdd9D0KYauVQnagDEKkUdmTwcUQK_rolRAz258YMEklNBv1x1cwXLsafP36c/s16000/%252368+%25E5%2585%25A7%25E6%2596%2587%25E9%2599%2584%25E5%259C%2596.008.jpeg" width="100%" /></div><div><br /></div><div>這樣子我們就完成了「將只有文字的簡報圖像化」的任務啦!雖然在這張投影片中沒有用上任何一張圖片或是 icon,但是透過聚焦在適合投影片呈現的關鍵文字,以及字體配色跟形狀的搭配,是不是也達成了某種程度視覺化的效果,看起來既有質感又有重點呢?</div><div><br /></div><div><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6sW4vdbTphduqzmlFUn0aAq17jYmqA8i0gBDmQU4OnNJW6TY95TVv-EwP1cyUQK4HVAXX4xZOvoWDggCs7xJpd2Nsp4jI9TTAIf0wqw5q26CgigdtXW98pBmkECv8xOnSkQcto7j3Luf4/s16000/%252368+%25E5%2585%25A7%25E6%2596%2587%25E9%2599%2584%25E5%259C%2596.009.jpeg" width="100%" /></div><div><br /></div><h1 style="text-align: left;">分享總結</h1><div>那麼以上就是這次分享的主題啦!透過讓投影片的畫面以及講者口語表達兩者的內容搭配成「互補品」,就可以讓原本滿是文字的簡報實現圖像化的呈現。</div><div><br /></div><div>最後相信不少朋友一定還有疑問,想知道在一大段文字中,該如何判斷哪些「關鍵字」適合取出來當作圖像使用呢?如果要把文字當作圖像使用的話,有哪些「設計細節」需要考慮呢?以上的問題如果你還想要進一步了解的話,就歡迎你來參加我們即將在二月九號星期二晚間八點到八點半的 YouTube 精彩直播!</div><div><br /></div><div>這堂直播課是我們 2021年的全新企劃<a href="https://slideart.com.tw/lsc-cs-s1-lp/bl" target="_blank">《精準簡報:個案實戰研討》</a>的免費試看課程,</div><div><br /></div><div><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrC3biFj9RY1_HJ-7KXmAfrf3NsmT7kETG2VEpaNVYGUju3B1GsPmJy9qP_MApXlqPxZ7_NkI_qjy7yTNw_LirNYST3xjn_nWckwK7OFoajcpFEd6TW6EShsbqFVMpok_988q3G1ZmBbre/s16000/%252368+%25E5%2585%25A7%25E6%2596%2587%25E9%2599%2584%25E5%259C%2596.010.jpeg" width="100%" /></div><div><br /></div><div><br /></div><div>有興趣的朋友,歡迎在二月九號晚上八點準時點選此 「<a href="https://slideart.com.tw/lsc-cs-s1-p01/bl" target="_blank">參加試看課</a>」,就可以參加這場直播、追蹤後續的精彩內容!怕錯過的朋友,馬上點選「<a href="https://slideart.com.tw/lsc-cs-s1-cal/bl" target="_blank">加入行事曆</a>」,把活動資訊加到自己的行事曆中吧!那麼以上就是我們本次的分享,我們二月九號見!</div></div><div><br /></div><div><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbVqaMwexgP_LY8-OkveznTQEPjVpFagRWdbsMCXMf0d1XbONKO9AiaklQx8pkLpQstngMzxcQ0Q9dcDkQPnv3EIJNbPT4NZaCL0WeFz30Gbrj069mztrgN2XPjh5Lkwuo7fNlm5I5tZHp/s16000/%252368+%25E5%2585%25A7%25E6%2596%2587%25E9%2599%2584%25E5%259C%2596.011.jpeg" width="100%" /></div><div><br /></div><div><br /></div><div>>>連結整理:</div><div><span id="docs-internal-guid-4a512c65-7fff-e795-9e54-76deed4079f7"><span style="font-family: arial;"><a href="https://slideart.com.tw/lsc-cs-s1-p01/bl" target="_blank">參加試看課 ,追蹤精彩內容</a></span></span></div><div><span><div><span style="white-space: pre-wrap;"><span style="font-family: arial;"><a href="https://slideart.com.tw/lsc-cs-s1-cal/bl" target="_blank">馬上加入行事曆,不要錯過囉</a></span></span></div></span><div style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt; text-align: left;"><a href="https://slideart.com.tw/lsc-cs-s1-lp/bl" style="font-family: arial; white-space: pre-wrap;" target="_blank">想進一步了解課程內容,點此連結</a></div><span><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a class="waffle-rich-text-link" data-sheets-formula-bar-text-link="https://slideart.com.tw/lsc-cs-s1-lp/bl" data-sheets-formula-bar-text-style="font-size:13px;color:#1155cc;font-weight:normal;text-decoration:underline;font-family:'Arial';font-style:normal;text-decoration-skip-ink:none;" style="font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 13px; white-space: pre-wrap;"><br /></a></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a class="waffle-rich-text-link" data-sheets-formula-bar-text-link="https://slideart.com.tw/lsc-cs-s1-lp/bl" data-sheets-formula-bar-text-style="font-size:13px;color:#1155cc;font-weight:normal;text-decoration:underline;font-family:'Arial';font-style:normal;text-decoration-skip-ink:none;" style="font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 13px; white-space: pre-wrap;"><br /></a></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><br /></p></span></div><div><br /></div><div><br /></div><div><br /></div><div><br /></div><div><br /></div></div><div style="text-align: left;"></div></div><p></p>謝天璦 Emmahttp://www.blogger.com/profile/06163811367290884303noreply@blogger.comtag:blogger.com,1999:blog-2267166282977386549.post-45075811276866435222021-01-28T14:00:00.001+08:002021-01-28T17:10:32.338+08:00線上溝通系列:影片教學如何兼顧專業與非專業受眾?<p><iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="540" src="https://www.youtube.com/embed/5nSrjWKfN-M" width="100%"></iframe></p><p style="text-align: center;"></p><div style="text-align: center;">(作者 / 內容策劃:Bill 彭毅弘)</div><div style="text-align: center;"><div style="text-align: center;"><br /></div><span style="text-align: left;"><div style="text-align: left;">你有沒有在觀看影片的時候,被影片中講者滿口的<b>專有名詞</b>搞得霧煞煞的經驗呢?或者想要解決專業問題,結果找到的內容都只是一些皮毛的通識內容呢?如果你有遇到這些問題的話,那麼你絕對並不孤單,因為這是現在市面上透過影片進行<b>線上教學</b>的時候最常出現的通病:<b>「專業」與「非專業」受眾的兼顧。<br /></b></div><span><a name='more'></a><br /></span></span></div><p></p><p style="text-align: left;"></p><h1 style="text-align: left;">如何兼顧「專業」與「非專業」受眾?</h1><b>線上課程</b>做為跨越時空限制的教學方式,比起傳統的實體課堂教學可以納入更多的學生學習,理論上是實現「有教無類」非常好的教學方式。然而伴隨著「有教無類」而來的,便是更多學習基礎不一的學員,有些程度很好已經十分專業;有些則程度普通屬於非專業的受眾。因此在學員程度可能差距很大的情況下,<b>同時考量專業跟非專業的學員便是線上課程的一大重點。<br /></b><div><div class="separator" style="clear: both; text-align: center;"><br /><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfLTugiHWrwT5nWvS6MfAcdEdzLpBHOFPtwrvQjTIJw-ZKq1FNNtf5fwYAO4Aen8YSf5CmArb_p4xnPzufRwmRS-Q_LENjB81cFi-NOd6HkZLBtncNvARENwYQ0lm3JQfeFyfBjSQEWqlO/s16000/%252367+%25E7%25B7%259A%25E4%25B8%258A%25E6%25BA%259D%25E9%2580%259A%25E6%258A%2580%25E5%25B7%25A7%25E7%25B3%25BB%25E5%2588%2597%25EF%25BC%259A%25E5%25BD%25B1%25E7%2589%2587%25E6%2595%2599%25E5%25AD%25B8%25E5%25A6%2582%25E4%25BD%2595%25E5%2585%25BC%25E9%25A1%25A7%25E5%25B0%2588%25E6%25A5%25AD%25E8%2588%2587%25E9%259D%259E%25E5%25B0%2588%25E6%25A5%25AD%25E5%258F%2597%25E7%259C%25BE%25EF%25BC%259F%25E6%258B%25B7%25E8%25B2%259D.001.jpeg" width="100%" /><br /><div style="text-align: left;"><br /></div><div style="text-align: left;">在去年教師節的時候,Bill 有幸受邀到友達大學擔任線上課程的評審,並且分享線上課程的規劃以及製作的相關技巧。而在該次的分享中「專業與非專業受眾的兼顧」便是關鍵的議題之一。因為後續的迴響非常地熱烈,不少朋友私下來詢問,因此在接下來這支影片中,Bill 便會將該次分享的內容整理擴充,統整出三個線上教學如何<b>兼顧專業以及非專業受眾</b>的關鍵:<b>「學員篩選」</b>、<b>「漸進聚焦」</b>與<b>「細節輔助」。<br /><br /></b></div></div><div style="text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRDCGXriUxu_Sfrnu_M38bszCS_wwBe1s0HmQUcnAhq2u4rixmPL7NCLVWqLUiABF2rQgqUywFC-HCHxs3GqPe44LjSYoJiu1ckCB2y5ik7nawhQLu_AGllHRWI4dVoCT1ChhGiF4YTUmr/s16000/%252367+%25E7%25B7%259A%25E4%25B8%258A%25E6%25BA%259D%25E9%2580%259A%25E6%258A%2580%25E5%25B7%25A7%25E7%25B3%25BB%25E5%2588%2597%25EF%25BC%259A%25E5%25BD%25B1%25E7%2589%2587%25E6%2595%2599%25E5%25AD%25B8%25E5%25A6%2582%25E4%25BD%2595%25E5%2585%25BC%25E9%25A1%25A7%25E5%25B0%2588%25E6%25A5%25AD%25E8%2588%2587%25E9%259D%259E%25E5%25B0%2588%25E6%25A5%25AD%25E5%258F%2597%25E7%259C%25BE%25EF%25BC%259F%25E6%258B%25B7%25E8%25B2%259D.002.jpeg" width="100%" /></div><div class="separator" style="clear: both; text-align: center;"><br /><div style="text-align: left;">只要掌握這些關鍵,未來你不僅能夠分辨出教學影片的好壞,如果你未來有打算使用影片或是線上教學來分享你的專業的話,也可以讓你的教學內容更加通俗易懂!</div><div style="text-align: left;"><br /></div></div><h1 style="text-align: left;">關鍵一:學員篩選</h1><p></p><p style="text-align: left;">首先<b>「學員篩選」</b>,指的便是事先透過一些機制去篩選學員,確保屆時收看的學員在程度需求以及期待等各個層面都是適合該課程的。這方面與傳統的講座型課程非常地類似,比方說在<b>事先露出的文宣、課程介紹等地方進行課程說明</b>,或者是在<b>課程的開始的地方開宗明義說明</b>。這看起來乍看之下與「兼顧學員」的意義相左,但實際上事先做好合理的「學員篩選」,聚焦學員的族群,才能夠讓後面<b>「受眾兼顧」</b>更具可行性。</p><p style="text-align: left;">類似的手法其實你應該並不陌生,像是一些電影賞析的影片,便會在一開始就會交代這支影片是否會爆雷,又例如這篇文章在一開始的時候,我便用了兩個問題來當作開場,確認正在看這篇文章的你是否適合接下來的內容,或者對相關的議題有所興趣。所以簡單來說,如果你已經看到這邊的話,就代表你是適合這篇文章的受眾!<br /><br /><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZWvcP4WLxdhFcVJuk2wvS1-OAC9Y4p281QB6zKxiGTqaq7612iHicuVvFyHW49cIz-s77uoRZR07MxhAt_QHOrZTGSE8cNe07pvVv8zR7iKsP0wGjYVLEFUyHmQO0If1Vl6ARxAZtzYiE/s16000/%252367+%25E7%25B7%259A%25E4%25B8%258A%25E6%25BA%259D%25E9%2580%259A%25E6%258A%2580%25E5%25B7%25A7%25E7%25B3%25BB%25E5%2588%2597%25EF%25BC%259A%25E5%25BD%25B1%25E7%2589%2587%25E6%2595%2599%25E5%25AD%25B8%25E5%25A6%2582%25E4%25BD%2595%25E5%2585%25BC%25E9%25A1%25A7%25E5%25B0%2588%25E6%25A5%25AD%25E8%2588%2587%25E9%259D%259E%25E5%25B0%2588%25E6%25A5%25AD%25E5%258F%2597%25E7%259C%25BE%25EF%25BC%259F%25E6%258B%25B7%25E8%25B2%259D.003.jpeg" style="text-align: center;" width="100%" /><br /><br /></p><h1 style="text-align: left;">關鍵二:漸進聚焦</h1><p style="text-align: left;">另外對於專業以及非專業受眾的兼顧,有些朋友可能就會疑惑,覺得說「如果要在課程中照顧那些非專業的觀眾的話,那麼內容的深度不就不能講得太深、只能以通識的內容為主了?」確實如果你打算在單一支影片中講完所有的內容的話,那麼就真的不能講得太深,這個就好像在傳統的大型講座之中內容通常都講得比較通俗一樣。</p><p style="text-align: left;">不過線上課程與實體課程最大差別在於,<b>實體課程基本上是「百分之百」由講師主導的</b>,學員一但坐進教室除非中途翹課,不然接下來幾個小時甚至長達一整天的時間基本上就只能被動地由講師來引導。而<b>線上課程則剛好相反,學員有高度的主動權</b>,影片的內容他可以選擇跳過快轉或是反覆觀看。<br /><br /><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5v30cMlP5aH1tCxpkomhR8_UUxoqZK35RMjJUpeFfm3tCRUpyV8m5up_luZpN6UQlIyR6UdKFNTktus4K7RKu1CjCh8KczABhbLrxfFgpK1CgYqraG9fGlHckLHUTJ_zP1GpY4Kawcoa4/s16000/%252367+%25E7%25B7%259A%25E4%25B8%258A%25E6%25BA%259D%25E9%2580%259A%25E6%258A%2580%25E5%25B7%25A7%25E7%25B3%25BB%25E5%2588%2597%25EF%25BC%259A%25E5%25BD%25B1%25E7%2589%2587%25E6%2595%2599%25E5%25AD%25B8%25E5%25A6%2582%25E4%25BD%2595%25E5%2585%25BC%25E9%25A1%25A7%25E5%25B0%2588%25E6%25A5%25AD%25E8%2588%2587%25E9%259D%259E%25E5%25B0%2588%25E6%25A5%25AD%25E5%258F%2597%25E7%259C%25BE%25EF%25BC%259F%25E6%258B%25B7%25E8%25B2%259D.004.jpeg" style="text-align: center;" width="100%" /><br /><br />因此在線上課程的設計上面會建議遵循<b>「漸進聚焦」</b>的原則。「漸進聚焦」指的是會建議<b>將課程的內容依照難度知識點觀念類別或是情境來進行拆分</b>,把在實體課程講座中可能連續講到 2 個小時的內容拆分成數個段落約 5 到 10 分鐘的影片,影片彼此之間會<b>依照難度或是脈絡來「漸進」推進,而各別的影片則會「聚焦」在單一獨立的知識點</b>。<br /><br /><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3SfBu4xqfddEFfZl2evk0i38CfbBnl1AD-5lBPEwue7DoS1pn9Y2znGhIQ_6nwlDU3QgfPRYYkezEu83mOSj2_AGRg433sJxc6Tw4vTA8oeNheaUnul9zlS1daGL_YjZb_3aEv4HhLlI2/s16000/%252367+%25E7%25B7%259A%25E4%25B8%258A%25E6%25BA%259D%25E9%2580%259A%25E6%258A%2580%25E5%25B7%25A7%25E7%25B3%25BB%25E5%2588%2597%25EF%25BC%259A%25E5%25BD%25B1%25E7%2589%2587%25E6%2595%2599%25E5%25AD%25B8%25E5%25A6%2582%25E4%25BD%2595%25E5%2585%25BC%25E9%25A1%25A7%25E5%25B0%2588%25E6%25A5%25AD%25E8%2588%2587%25E9%259D%259E%25E5%25B0%2588%25E6%25A5%25AD%25E5%258F%2597%25E7%259C%25BE%25EF%25BC%259F%25E6%258B%25B7%25E8%25B2%259D.005.jpeg" style="text-align: center;" width="100%" /><br /><br />透過這樣的設計,搭配<b>「事先篩選」</b>的機制,就可以讓學員先瀏覽整體的課程架構之後,跳過或是快轉他已經掌握的內容,直接聚焦在他還不懂的知識點,並且視情況重複觀看、深化理解。<br /><br /><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnxuvGBy_qn3GS7SYs7K7mvIFkY0NEP3JxmHUoeNfp9KnmWEJcG73am3xb4BY2yXYTUzlEzxTfDNPVi974E-4WCDFaqaTC5_sald5Wy5L6lIhqo3GvZJRJVgvF11U8gMvqbCnIsLLL9gET/s16000/%252367+%25E7%25B7%259A%25E4%25B8%258A%25E6%25BA%259D%25E9%2580%259A%25E6%258A%2580%25E5%25B7%25A7%25E7%25B3%25BB%25E5%2588%2597%25EF%25BC%259A%25E5%25BD%25B1%25E7%2589%2587%25E6%2595%2599%25E5%25AD%25B8%25E5%25A6%2582%25E4%25BD%2595%25E5%2585%25BC%25E9%25A1%25A7%25E5%25B0%2588%25E6%25A5%25AD%25E8%2588%2587%25E9%259D%259E%25E5%25B0%2588%25E6%25A5%25AD%25E5%258F%2597%25E7%259C%25BE%25EF%25BC%259F%25E6%258B%25B7%25E8%25B2%259D.006.jpeg" style="text-align: center;" width="100%" /><br /><br /></p><h1 style="text-align: left;">關鍵三:細節輔助</h1><p style="text-align: left;">最後,除了受眾上的「事先篩選」以及架構上的「漸進聚焦」之外,線上課程影片本身的<b>「細節輔助」</b>也是強化學員學習的效果關鍵。那麼具體來說要輔助哪些細節?一般來說可以特別專注在<b>「前置概念確認」</b>以及<b>「專有名詞與縮寫補充」</b>這兩點。</p><p style="text-align: left;">首先「<b>前置概念確認</b>」的意義有點像是影集的「<b>前情提要</b>」,它可以幫助學員複習,確認他所需要具備的背景知識。因為線上課程的學員可能不會一次看完整個課程,不同單元的影片的觀看時間點可能間隔很久,例如隔了幾天甚至一週都有可能。</p><p style="text-align: left;">因此在影片的最前面跟觀眾確認前置的概念,便可以幫助觀眾複習內容,強化跟先前教學的連結;而如果學員聽了前置概念的複習卻發現他完全聽不懂的話,那麼這段前情提要也可以發揮<b>「學員篩選」</b>的效果,讓學員知道說他應該先回去複習前面的單元內容,或者是先補齊相關的背景知識。<br /><br /><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ4a2JCe8tNxQEvbFF4jsHdE34yZ1IcBk0rIg6v0OaYiry-yQFB1TbaQmouv3i6QJRmT3qYzAlja5jvmotj3UIw2QKVUYr5a9nvodQxyOLa5Ue-c9HBqLCDMZmxkUOmOhqyBaLnWuJnQyR/s16000/%252367+%25E7%25B7%259A%25E4%25B8%258A%25E6%25BA%259D%25E9%2580%259A%25E6%258A%2580%25E5%25B7%25A7%25E7%25B3%25BB%25E5%2588%2597%25EF%25BC%259A%25E5%25BD%25B1%25E7%2589%2587%25E6%2595%2599%25E5%25AD%25B8%25E5%25A6%2582%25E4%25BD%2595%25E5%2585%25BC%25E9%25A1%25A7%25E5%25B0%2588%25E6%25A5%25AD%25E8%2588%2587%25E9%259D%259E%25E5%25B0%2588%25E6%25A5%25AD%25E5%258F%2597%25E7%259C%25BE%25EF%25BC%259F%25E6%258B%25B7%25E8%25B2%259D.007.jpeg" width="100%" /><br /><br />再來「<b>專有名詞與縮寫補充</b>」。這點對於專業類型的課程尤其重要。因為專有名詞的縮寫往往是已經熟悉相關領域知識的「內行人」在使用的,對於剛接觸課程內容的學員來說往往會造成理解上的門檻。因此如果課程內容中有出現相關的專有名詞或者是縮寫的時候,建議可以<b>盡量補充全稱與相關的說明,或者直接用白話文來解釋一次</b>,這樣子就可以降低理解的門檻。<br /><br /></p><h1 style="text-align: left;">分享總結</h1><p style="text-align: left;">那麼以上就是這次分享的主題!看過這篇分享之後,未來如果你想要應用影片教學分享你的專業,記得掌握<b>「學員篩選」、</b><b>「漸進聚焦」與「細節輔助」</b>三個原則,就可以兼顧專業以及非專業的受眾,讓非專業的學員了解、專業的學員更懂!</p></div>謝天璦 Emmahttp://www.blogger.com/profile/06163811367290884303noreply@blogger.comtag:blogger.com,1999:blog-2267166282977386549.post-67917613900737099272021-01-20T14:00:00.010+08:002021-01-20T14:45:50.614+08:00如何打造簡報質感(一):美感訓練三步驟<p style="text-align: center;"><iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="540" src="https://www.youtube.com/embed/QRW3RtqN8Mk" width="100%"></iframe></p><p style="text-align: center;">(作者 / 內容策劃:Richard 林柏儒)</p><p style="text-align: center;"></p><div style="text-align: left;">不知道你身邊有沒有這種人,你覺得他做的簡報就是<b>很有質感</b>、<b>特別地厲害</b>,但是又不知道要怎麼做到那樣子的感覺。究竟這種質感是怎麼來的呢?所以今天就想來跟大家聊聊,要如何<b>打造你的簡報質感,以及如何讓你的美感穩定進步</b>。<br /></div><span><a name='more'></a><br /><h1 style="text-align: left;">簡報質感怎麼來?</h1><div>雖然質感這種事說起來好像很玄,但這是每個人都可以透過直觀去感受的。比如說以下兩個例子,你會覺得哪個是比較有質感的呢?</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://1.bp.blogspot.com/-2LAhyn7u250/YAZXNUp2C_I/AAAAAAAACqo/H0vrg1znT2oJgzqpOBTwgz1id27T9EHDwCPcBGAYYCw/s16000/%252366%2B%25E5%25A6%2582%25E4%25BD%2595%25E6%2589%2593%25E9%2580%25A0%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25B3%25AA%25E6%2584%259F%25EF%25BC%2588%25E4%25B8%2580%25EF%25BC%2589%25EF%25BC%259A%25E7%25BE%258E%25E6%2584%259F%25E8%25A8%2593%25E7%25B7%25B4%25E4%25B8%2589%25E6%25AD%25A5%25E9%25A9%259F.001.png" width="50%" /><img border="0" data-original-height="1080" data-original-width="1920" src="https://1.bp.blogspot.com/-YPshKMjmv8w/YAZXNY6gzpI/AAAAAAAACqk/rl-7Y_yg5DMLM5wg2qbIP605QTxeEgT1gCPcBGAYYCw/s16000/%252366%2B%25E5%25A6%2582%25E4%25BD%2595%25E6%2589%2593%25E9%2580%25A0%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25B3%25AA%25E6%2584%259F%25EF%25BC%2588%25E4%25B8%2580%25EF%25BC%2589%25EF%25BC%259A%25E7%25BE%258E%25E6%2584%259F%25E8%25A8%2593%25E7%25B7%25B4%25E4%25B8%2589%25E6%25AD%25A5%25E9%25A9%259F.002.png" width="50%" /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div>相信你也能憑直覺就回答是右邊這個吧!在我看來,這兩個例子雖然細節差異很多,但最關鍵的差異有兩大方向:</div><div><br /></div><div><b>1. 整體性</b></div><div>比較有質感的這個例子中,顏色的使用、字體的搭配與線條、色塊細節都是互相搭配的,加在一起就形成了有整體性的風格。比較沒有質感的例子中,除了模板提供的顏色統一外,就沒有看到明確的整體。</div><div><br /></div><div><b>2. 多數人做不到</b></div><div>不管是技術上不會做還是想不到要這樣做,總之不常見,這就自然給人一種厲害的感受。所以如果你想追求質感的話,簡報軟體預設的模板或形狀配色就要盡量避免。不是因為他們一定不好,而是別人如果覺得那隨便就能做到,就不會覺得那有特別的質感。</div><div><br /></div><div>既然如此,如果你想讓自己的簡報越做越有質感,該怎麼朝這兩個方向努力呢?我會特別推薦做「<b>風格延伸</b>」這種設計練習,也就是從某種既有的風格做出新的投影片。具體來說有「<b>挑選參考</b>」、「<b>拆解分析</b>」、「<b>延伸仿作</b>」三個步驟,以下我們先從第一個「挑選參考」開始說起。</div><div><br /></div><h1 style="text-align: left;">風格延伸步驟一:挑選參考</h1><div>由於世界上並沒有一種最好的風格可以給你照抄,因此你可以先挑你所見過最喜歡的簡報或設計作品作為參考,或是根據簡報場合選擇合適的風格。舉個例子,如果是以兒童為主的場合,可愛插畫或手繪風就是合理的選擇。商務場合的話,理性專業的走向就是不錯的參考。</div><div><br /></div><div>那麼,這些參考要怎麼找呢?比較簡單的方法是到知名的設計平台,像 <a href="https://www.pinterest.com/" target="_blank">Pinterest</a>, <a href="https://www.behance.net/" target="_blank">Behance</a> 這些網站搜尋「PowerPoint」,就有非常多的搜尋結果給你參考。當然這也不限於投影片,其他的設計作品也通通可以做為參考的一部份。</div><div><br /></div><div>以下我會以這個模擬 Tesla 電動車儀錶板的介面設計作品為例,在我們選定參考標的後,下一步就要進入第二個步驟,也就是「拆解分析」。</div><div><br /></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><img border="0" data-original-height="600" data-original-width="800" src="https://1.bp.blogspot.com/-BJbrH5Ml2ZM/YAZXOA_d3eI/AAAAAAAACqs/93jfEIGPptwbhPkClffwahVU8l6QT2GwACPcBGAYYCw/s16000/video_ezgif.com-optimize.gif" style="margin-left: auto; margin-right: auto;" width="100%" /></td></tr><tr><td class="tr-caption" style="text-align: center;"><div>(<a href="https://slideart.com.tw/teslaUI_Denis" target="_blank">Electric Car — UI Weekly Challenges-Season 02 / W [4/10]</a>; Designer: Denis Turanović)</div></td></tr></tbody></table><div><br /></div><h1 style="text-align: left;">風格延伸步驟二:拆解分析</h1><div>這邊分析的重點在哪裡呢?如果是初學者的話,我會建議先把重點放在<b>配色、字型、形狀與排版</b>四個重點上,先從這四個方向切入分析:</div><div><br /></div><div><b>1. 配色</b></div><div>以這個例子來說,配色是比較單純的,大致上是黑、白、藍三種顏色。但配色要特別注意的是「<b>色彩用途</b>」,也就是每個顏色是怎麼運用的。在這個例子中,黑色是大面積的背景,白色用於大部分的文字,藍色則主要用於圖示與長度條。這個區分對於第三個步驟相當重要,這我們待會再談。</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVK7zp-CVtKMn-8GlE2gItDs4EkoYdmpPb3YYYnIn2OmS_QkeaptO8KAcN1KtWlQZNY4oeGlYyF5w5degzHnsm-7VAn50Rxgui44SbpUpfIL6tSr9FTNgnFMdonCaC-9Cd5uPrtwCjfXOU/s16000/%252366+%25E5%25A6%2582%25E4%25BD%2595%25E6%2589%2593%25E9%2580%25A0%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25B3%25AA%25E6%2584%259F%25EF%25BC%2588%25E4%25B8%2580%25EF%25BC%2589%25EF%25BC%259A%25E7%25BE%258E%25E6%2584%259F%25E8%25A8%2593%25E7%25B7%25B4%25E4%25B8%2589%25E6%25AD%25A5%25E9%25A9%259F.001.png" width="100%" /></div><div><br /></div><div><b>2. 字型</b></div><div>字型選用的是沒有多餘裝飾的某種無襯線體,如果想搭配出科技感的話,這類型的字型會是不錯的選擇。</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmPW6xGnSQtR90wfKdXwfrnVfsOsEPmut5zZApi-hGbk-WljeusbzkID43rjci2Wfv21_fFTkv2ZULy850VOqzifnsxRXQMwaZGbIordwfwAsdaAy2sHyhwyVSRNJdCdGylzcsjgklI6Rv/s16000/%252366+%25E5%25A6%2582%25E4%25BD%2595%25E6%2589%2593%25E9%2580%25A0%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25B3%25AA%25E6%2584%259F%25EF%25BC%2588%25E4%25B8%2580%25EF%25BC%2589%25EF%25BC%259A%25E7%25BE%258E%25E6%2584%259F%25E8%25A8%2593%25E7%25B7%25B4%25E4%25B8%2589%25E6%25AD%25A5%25E9%25A9%259F.002.png" width="100%" /></div><div><br /></div><div><b>3. 形狀</b></div><div>形狀的重點在於那兩條括弧形狀的灰色細線,只要掌握住這點就能做出不錯的延伸成果。除此之外,藍色的粗線條或許也可以用於重點強化的部分。</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQl2zSaDgL45Keu4Dm6Oi7Gaj5zddanDdGZ917HTxj_IIQ_6JUBo-49Uvq9VxfumcCjQGCNFm70UBZelQoUGZKzidgfYQPHCbZw8u-SRgwPrjOspEJ4YiRfNujodzaaZVPKb1cUrB4K_eK/s16000/%252366+%25E5%25A6%2582%25E4%25BD%2595%25E6%2589%2593%25E9%2580%25A0%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25B3%25AA%25E6%2584%259F%25EF%25BC%2588%25E4%25B8%2580%25EF%25BC%2589%25EF%25BC%259A%25E7%25BE%258E%25E6%2584%259F%25E8%25A8%2593%25E7%25B7%25B4%25E4%25B8%2589%25E6%25AD%25A5%25E9%25A9%259F.003.png" width="100%" /></div><div><br /></div><div><b>4. 排版</b></div><div>排版上這個參考標的相當明確,就是把最大的主體放在畫面中央,而馬路照片則調整成相對黯淡後放在背景。</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhap-5I5OiRni_ir_D16PNNcw6wCg_XmcYlKb6l2oSrqaXRC7t3N3HcfmiE34fpvcVqslOZNa-1EpJuwwEtR1mWARHtAX-YWrKuqoP-rjuardsqkWmyuYTuuSbjhhzJRFq3a85Caqvtfh4f/s16000/%252366+%25E5%25A6%2582%25E4%25BD%2595%25E6%2589%2593%25E9%2580%25A0%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25B3%25AA%25E6%2584%259F%25EF%25BC%2588%25E4%25B8%2580%25EF%25BC%2589%25EF%25BC%259A%25E7%25BE%258E%25E6%2584%259F%25E8%25A8%2593%25E7%25B7%25B4%25E4%25B8%2589%25E6%25AD%25A5%25E9%25A9%259F.004.png" width="100%" /></div><div><br /></div><div>在拆解分析好後,就可以進入最後的重頭戲「延伸仿作」囉!</div><div><br /></div><h1 style="text-align: left;">風格延伸步驟三:延伸仿作</h1><div>在進入步驟三時,第一個練習是<b>從零開始復刻出一張一模一樣的畫面出來</b>。一開始一定不會完全一樣,這時就開始玩大家來找碴,是字體風格不像呢,還是文字的大小比例不一樣等等。很有可能你這時才發現,藍色的粗線條其實是帶有藍色光暈的,這代表你對細節的捕捉能力開始大幅提升了。</div><div><br /></div><div>而第二個練習是嘗試<b>替換內容</b>,比如說把剛剛我們認為質感可以加強的這份投影片:</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://1.bp.blogspot.com/-2LAhyn7u250/YAZXNUp2C_I/AAAAAAAACqo/H0vrg1znT2oJgzqpOBTwgz1id27T9EHDwCPcBGAYYCw/s16000/%252366%2B%25E5%25A6%2582%25E4%25BD%2595%25E6%2589%2593%25E9%2580%25A0%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25B3%25AA%25E6%2584%259F%25EF%25BC%2588%25E4%25B8%2580%25EF%25BC%2589%25EF%25BC%259A%25E7%25BE%258E%25E6%2584%259F%25E8%25A8%2593%25E7%25B7%25B4%25E4%25B8%2589%25E6%25AD%25A5%25E9%25A9%259F.001.png" width="100%" /></div><div><br /></div><div>沿用步驟二「拆解分析」所得到的元素,來改作成較具質感的版本:</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://1.bp.blogspot.com/-YPshKMjmv8w/YAZXNY6gzpI/AAAAAAAACqk/rl-7Y_yg5DMLM5wg2qbIP605QTxeEgT1gCPcBGAYYCw/s16000/%252366%2B%25E5%25A6%2582%25E4%25BD%2595%25E6%2589%2593%25E9%2580%25A0%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25B3%25AA%25E6%2584%259F%25EF%25BC%2588%25E4%25B8%2580%25EF%25BC%2589%25EF%25BC%259A%25E7%25BE%258E%25E6%2584%259F%25E8%25A8%2593%25E7%25B7%25B4%25E4%25B8%2589%25E6%25AD%25A5%25E9%25A9%259F.002.png" width="100%" /></div><div><br /></div><div>或是再進一步,用類似「百分比堆疊橫條圖」的方式來凸顯三個數字彼此之間的關係:</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://1.bp.blogspot.com/-IyUhpRHWIuU/YAe86RF6rZI/AAAAAAAACq4/WaguEDdqFN4JkprdAVXss5g9RmLf7y4TACPcBGAYYCw/s16000/%252366%2B%25E5%25A6%2582%25E4%25BD%2595%25E6%2589%2593%25E9%2580%25A0%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25B3%25AA%25E6%2584%259F%25EF%25BC%2588%25E4%25B8%2580%25EF%25BC%2589%25EF%25BC%259A%25E7%25BE%258E%25E6%2584%259F%25E8%25A8%2593%25E7%25B7%25B4%25E4%25B8%2589%25E6%25AD%25A5%25E9%25A9%259F.004-1.png" width="100%" /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div>這時要特別注意的是,從步驟二拆解出來的元素,<b>不要對它做太大的變動</b>,不然就容易開始崩壞而面目全非。像我這裏沒有沿用太多 icon 與長度條的做法,而是單純<b>把字型與顏色統一</b>,並<b>沿用細框線這個核心形狀</b>,光是這兩點就能讓仿作成果在風格上和原本挑的參考接近、不致於差太多。這樣一來,你就能逐漸掌握要怎麼在這個風格下做出不一樣的投影片。</div><div><br /></div><h1 style="text-align: left;">分享總結</h1><div>那麼以上就是這次分享的主題啦!如果想要讓自己的美感持續進步,可以反覆執行「挑選參考」、「拆解分析」跟「延伸仿作」這三個步驟。最後也特別說一下,<b>風格延伸只是個人的私下練習,如果你把它當成作品來發布,可能是會被當成抄襲的喔</b>!</div><div><br /></div><div>這樣練習幾次以後,相信你就會發現自己開始能掌握某種特定的風格了,跟過往相比會有顯著的進步。當你已經抵達這個階段的時候,接下來該怎麼再往下一步邁進呢?這我們就下次來聊吧!</div></span><p></p>Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-2267166282977386549.post-51055779408159915992020-08-07T16:07:00.011+08:002021-01-19T19:54:39.817+08:00簡報架構、設計與表達三合一組合技 —《精準簡報》實戰案例示範<p style="text-align: center;"><iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="540" src="https://www.youtube.com/embed/N4ItM8BoDSU" width="100%"></iframe>(作者 / 內容策劃:Bill 彭毅弘)</p><div style="text-align: left;">相信不少朋友這幾天都有看到我們全新登場的三合一線上直播課<a href="https://slideart.com.tw/lsc-pp-lp-200818/blog" target="_blank">《精準簡報》</a>的課程宣傳,如果你沒有看過的話,歡迎點選<a href="https://slideart.com.tw/lsc-pp-lp-200818/blog" target="_blank">課程連結</a>進一步了解!</div><div style="text-align: left;"><br /></div><div style="text-align: left;">這段期間我也收到不少朋友的私下來訊,問說這堂課與其他簡報課究竟差別在哪裡?所謂結合「架構、設計、表達」的整合性案例究竟代表什麼意思?為了一解各位朋友們的疑惑,接下來我就直接用這個案例當作實戰 Demo 示範說明。</div><span><a name='more'></a></span><div style="text-align: left;"><br /></div><h1 style="text-align: left;">案例解析</h1><div style="text-align: left;"><div>首先介紹一下這份作為素材的投影片。<b>這張投影片的主要內容是在介紹白血病的分類,並且希望透過介紹,讓觀眾了解「急性白血病」與「慢性白血病」的差別</b>。假設你有 10 分鐘的時間消化內容、調整設計並上台報告,那麼該怎麼做比較好呢?</div><div><br /></div><div style="text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjojbkShQBBRYfl8k78J50uYWwUre99j_yuGGlxRTP_jIPycIvrLBnrEV5MhwUk9WD3ykouHDojn0zDku0LrUye2T8ga501PGQLNUr6oqlhVykwvR4-0vKWz64Zutotc9jdAzG3Y9dlAbl/d/200811+%25E7%25B0%25A1%25E5%25A0%25B1%25E6%259E%25B6%25E6%25A7%258B%25E3%2580%2581%25E8%25A8%25AD%25E8%25A8%2588%25E8%2588%2587%25E8%25A1%25A8%25E9%2581%2594%25E4%25B8%2589%25E5%2590%2588%25E4%25B8%2580%25E7%25B5%2584%25E5%2590%2588%25E6%258A%2580+%25E2%2580%2594%25E3%2580%258A%25E7%25B2%25BE%25E6%25BA%2596%25E7%25B0%25A1%25E5%25A0%25B1%25E3%2580%258B%25E5%25AF%25A6%25E6%2588%25B0%25E6%25A1%2588%25E4%25BE%258B%25E7%25A4%25BA%25E7%25AF%2584.007.png" width="100%" /></div><div><br /></div><div>如果你剛剛有點進我們的<a href="https://slideart.com.tw/lsc-pp-lp-200818/blog" target="_blank">報名網頁</a>、看見示範案例的話,那你會知道這張簡報可以優化成下方這個樣子。比起原先文字密密麻麻的版本,是不是瞬間變得一目了然呢?</div><div><br /></div><div style="text-align: center;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQvXKrYLlaMIFWym1yObdckC1qmg_xJD46mhSSzUGfvSF5q6kCSQq2G0wa6yYwPbmOn2uoHxpFi8_pIEvcuiSfTkxC34s8YEBBAUHxWGI-14y9Q8CTWJ5BmWsY6_U0-8G0KFJAJG-nMLCb/d/200811+%25E7%25B0%25A1%25E5%25A0%25B1%25E6%259E%25B6%25E6%25A7%258B%25E3%2580%2581%25E8%25A8%25AD%25E8%25A8%2588%25E8%2588%2587%25E8%25A1%25A8%25E9%2581%2594%25E4%25B8%2589%25E5%2590%2588%25E4%25B8%2580%25E7%25B5%2584%25E5%2590%2588%25E6%258A%2580+%25E2%2580%2594%25E3%2580%258A%25E7%25B2%25BE%25E6%25BA%2596%25E7%25B0%25A1%25E5%25A0%25B1%25E3%2580%258B%25E5%25AF%25A6%25E6%2588%25B0%25E6%25A1%2588%25E4%25BE%258B%25E7%25A4%25BA%25E7%25AF%2584.012.png" width="100%" /></div><div><br /></div><div>而這背後所使用的技巧並不困難。如果把優化後的簡報所使用的元素拆解開來,也不外乎只是一些大大小小的文字、線條與圖片而已,是不是看起來很簡單呢?</div><div class="separator" style="clear: both;"><br /></div><div>實際上並非如此!確實在技巧的層面上,優化這份簡報並不困難。然而做好簡報真正的關鍵,從不在於「怎麼做」(How),真正困難的是「為什麼這樣做」(Why)。掌握「為什麼這樣做」的簡報心法,才是解決問題的關鍵所在!那麼現在,就讓我們看看,如何從架構、設計到表達,應用三合一精準簡報心法解決這個難題吧!</div><div><br /></div><h1 style="text-align: left;">解析一:邏輯架構</h1><div><div><b>在最基礎的「邏輯架構」的層次,我們要先掌握這份簡報想要達成的「目的」與「邏輯」。</b>要解決邏輯架構層次的問題,我們只需專注在簡報的內容,因此可以先忽略所有的裝飾、細節。</div><div><br /></div><div>仔細考慮這張投影片的目的後,不難想見如果只是要讓觀眾了解白血病分類的話,其實用性與意義都較為侷限;但如果能幫助觀眾掌握判斷兩者「臨床症狀差異」的方法,那麼這投影片的效用就會更明確。</div><div><br /></div><div class="separator" style="clear: both;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjge3qFiR74pUMJ3vEamat6nkdEuCrj206_5d-nM6TsVe8YxF5OjYOLRYUVvBzUC9xJrQ-nBcIr7jIVwm_Ay0DvnPOTB6PP2GC63iJvoRojyKVfXvwC8x8QvwbI-0DJXTTI9T3XXCnHxaZB/d/200811+%25E7%25B0%25A1%25E5%25A0%25B1%25E6%259E%25B6%25E6%25A7%258B%25E3%2580%2581%25E8%25A8%25AD%25E8%25A8%2588%25E8%2588%2587%25E8%25A1%25A8%25E9%2581%2594%25E4%25B8%2589%25E5%2590%2588%25E4%25B8%2580%25E7%25B5%2584%25E5%2590%2588%25E6%258A%2580+%25E2%2580%2594%25E3%2580%258A%25E7%25B2%25BE%25E6%25BA%2596%25E7%25B0%25A1%25E5%25A0%25B1%25E3%2580%258B%25E5%25AF%25A6%25E6%2588%25B0%25E6%25A1%2588%25E4%25BE%258B%25E7%25A4%25BA%25E7%25AF%2584.020.png" width="100%" /></div><div><br /></div><div>奠基在這樣的目的,<b>我們組織邏輯的方法便不應該只是單純依照順序列點敘述,而是應該分析出敘述的因果關聯,並凸顯「臨床症狀的差異」</b>。而經過上述的分析,便奠定了我們接下來設計與表達的重要基礎。</div></div><div><br /></div><div class="separator" style="clear: both;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWWFJsho0hVvXvYqVcJgKJHs0Qr4gngc7V1DNuAQVQvTzzyaVyWNPTM_4WFWIHcYechKR4XBnFkWryGAoYybdXTiRtRA3wi8tyCnJxl8nIc7sr8XbRSkjoMhw3BItfk_ab5fPYhw7AFLek/d/200811+%25E7%25B0%25A1%25E5%25A0%25B1%25E6%259E%25B6%25E6%25A7%258B%25E3%2580%2581%25E8%25A8%25AD%25E8%25A8%2588%25E8%2588%2587%25E8%25A1%25A8%25E9%2581%2594%25E4%25B8%2589%25E5%2590%2588%25E4%25B8%2580%25E7%25B5%2584%25E5%2590%2588%25E6%258A%2580+%25E2%2580%2594%25E3%2580%258A%25E7%25B2%25BE%25E6%25BA%2596%25E7%25B0%25A1%25E5%25A0%25B1%25E3%2580%258B%25E5%25AF%25A6%25E6%2588%25B0%25E6%25A1%2588%25E4%25BE%258B%25E7%25A4%25BA%25E7%25AF%2584.021.png" width="100%" /></div><div class="separator" style="clear: both;"><br /></div><h1 style="text-align: left;">解析二:視覺設計</h1><div><div>在「視覺設計」的層次,我們該如何接續剛才確立的目的與邏輯,優化本次的示範案例簡報呢?首先,我們可以先降低背景雜訊,並針對「臨床症狀差異」的相關內容凸顯重點。</div></div><div><br /></div><div class="separator" style="clear: both;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQc47TWeY4Oq1Xnec1_ZJEH9pmxEIGK6sFKCbwR21lMqdMY5YhX_u6ZSE77XZrAj3qmEO_oH1C55HTHRA70-NKEySMSfoO3P94glM5VBWud4o3ifCySLCPl2K4VRPXft7SvREdOuM2vUmX/d/200811+%25E7%25B0%25A1%25E5%25A0%25B1%25E6%259E%25B6%25E6%25A7%258B%25E3%2580%2581%25E8%25A8%25AD%25E8%25A8%2588%25E8%2588%2587%25E8%25A1%25A8%25E9%2581%2594%25E4%25B8%2589%25E5%2590%2588%25E4%25B8%2580%25E7%25B5%2584%25E5%2590%2588%25E6%258A%2580+%25E2%2580%2594%25E3%2580%258A%25E7%25B2%25BE%25E6%25BA%2596%25E7%25B0%25A1%25E5%25A0%25B1%25E3%2580%258B%25E5%25AF%25A6%25E6%2588%25B0%25E6%25A1%2588%25E4%25BE%258B%25E7%25A4%25BA%25E7%25AF%2584.028.png" width="100%" /></div><div><br /></div><div>接著為了更方便觀眾掌握細節文字,我們可以替文字進行分段處理,甚至更進一步梳理出內容的因果關係,讓觀眾掌握「臨床症狀的差異」其實就是肇因於「癌細胞的成熟度」以及「骨髓造血的功能」。</div><div><br /></div><div class="separator" style="clear: both;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRjqxcF0UfmkJlcOUxETDZP87GocRgtjJQ3BHfLE252CmxQy5wV6VcqJs2fwHJVNidJFlYW2XZrrvfLPzg8GEGF4DSXxC3e3Mf3J17NFB5cftdO_xSRQBKM9uihNyURFoli_YTdccfxNRa/d/200811+%25E7%25B0%25A1%25E5%25A0%25B1%25E6%259E%25B6%25E6%25A7%258B%25E3%2580%2581%25E8%25A8%25AD%25E8%25A8%2588%25E8%2588%2587%25E8%25A1%25A8%25E9%2581%2594%25E4%25B8%2589%25E5%2590%2588%25E4%25B8%2580%25E7%25B5%2584%25E5%2590%2588%25E6%258A%2580+%25E2%2580%2594%25E3%2580%258A%25E7%25B2%25BE%25E6%25BA%2596%25E7%25B0%25A1%25E5%25A0%25B1%25E3%2580%258B%25E5%25AF%25A6%25E6%2588%25B0%25E6%25A1%2588%25E4%25BE%258B%25E7%25A4%25BA%25E7%25AF%2584.029.png" width="100%" /></div><div><br /></div><div>最後行有餘力的話,可以再搭配適當的背景圖、並進一步用遮罩凸顯「臨床症狀差異」的相關內容。完成上述的調整之後,在視覺設計的層面上就更加一目瞭然啦!而且更重要的是,這樣的設計也更能夠達成我們一開始所設定「幫助觀眾掌握臨床症狀差異」的目標。</div><div><br /></div><div class="separator" style="clear: both;"><img border="0" data-original-height="1080" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEievFqF3LoSLzvrz7eY76Gx0nEofjnA-VMc7yr7pHkWQq0oPFF4yfXT6iF2JLSgN3kepJKwaTSTrdSTBmm67DqqsSn1LTddQRAbzWuh2MyfY2BRIWwT_8sMPYB1MSDIRZF7DLzagaGtyocJ/d/200811+%25E7%25B0%25A1%25E5%25A0%25B1%25E6%259E%25B6%25E6%25A7%258B%25E3%2580%2581%25E8%25A8%25AD%25E8%25A8%2588%25E8%2588%2587%25E8%25A1%25A8%25E9%2581%2594%25E4%25B8%2589%25E5%2590%2588%25E4%25B8%2580%25E7%25B5%2584%25E5%2590%2588%25E6%258A%2580+%25E2%2580%2594%25E3%2580%258A%25E7%25B2%25BE%25E6%25BA%2596%25E7%25B0%25A1%25E5%25A0%25B1%25E3%2580%258B%25E5%25AF%25A6%25E6%2588%25B0%25E6%25A1%2588%25E4%25BE%258B%25E7%25A4%25BA%25E7%25AF%2584.030.png" width="100%" /></div><div><br /></div><h1 style="text-align: left;">解析三:口語表達</h1><div><div><b>口語表達要好,幫助觀眾掌握脈絡,並做好重點說明是其中的關鍵。</b>所以接下來奠基前面的架構與設計的成果,我們可以再加上動畫的輔助,創造出清晰易懂的表達脈絡。</div><div><br /></div><div>首先,我們先說明白血病主要分成急性與慢性兩大類型,並告訴觀眾接下來會分別就「癌細胞成熟度、骨髓造血功能以及臨床症狀差異」依序剖析,讓觀眾掌握整個報告的邏輯架構。接著依序逐一說明細節差異之後,最後便可以再針對「臨床症狀差異」的部分聚焦,進一步協助觀眾掌握判斷與分辨的方法。</div><div><br /></div><div class="separator" style="clear: both;"><img border="0" data-original-height="608" data-original-width="1080" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNUwSPIz7sk0kNYAFUoyN2HUB5vQgbdU7MAkw3WkNspHfhfTmZjFKkQoP7pjns01Wx7tIQ-Wpot67REt7NvvjOVESEpTCfrn921IMxf2OOT-oLEwivswwEK_7PiEj3OYShYIqpwT3erQFM/d/200811+%25E7%25B0%25A1%25E5%25A0%25B1%25E6%259E%25B6%25E6%25A7%258B%25E3%2580%2581%25E8%25A8%25AD%25E8%25A8%2588%25E8%2588%2587%25E8%25A1%25A8%25E9%2581%2594%25E4%25B8%2589%25E5%2590%2588%25E4%25B8%2580%25E7%25B5%2584%25E5%2590%2588%25E6%258A%2580+%25E2%2580%2594%25E3%2580%258A%25E7%25B2%25BE%25E6%25BA%2596%25E7%25B0%25A1%25E5%25A0%25B1%25E3%2580%258B%25E5%25AF%25A6%25E6%2588%25B0%25E6%25A1%2588%25E4%25BE%258B%25E7%25A4%25BA%25E7%25AF%2584.gif" width="100%" /></div><div><br /></div><div><b>整個表達流程依序透過引導邏輯、分項介紹與聚焦目的的三段式說明策略,並搭配優化的架構與設計,就可以讓觀眾擺脫原先密密麻麻的文字與目的邏輯不明的迷惘感</b>,用簡單的技巧搭配三合一的心法做出有目的有邏輯、清楚又易懂的簡報!</div></div><div><br /></div><h1 style="text-align: left;">分享總結</h1><div><div>那麼以上就是一個結合「架構、設計、表達」三合一整合性案例的簡單 Demo,如果你還想看更多精彩的案例解析,那麼再次邀請你加入我們即將在8/18舉辦的<a href="https://slideart.com.tw/lsc-pp-lp-200818/blog" target="_blank">《精準簡報》</a>線上直播課!</div><div><br /></div><div class="separator" style="clear: both;"><img border="0" data-original-height="540" data-original-width="1080" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0NQKra3nqad0OTZiyeS4XvNT7ph0tnbq_jD3Bv9fpdS9ImPfp6mpeE-8NduIYhTNgwgn-pGO092CuTf09bIK3re3DmHQlX8p-y0RPTaZA4K5ELn6MEX8OEnJxz2K4zUX_R2vKP76LfgX6/d/%25E6%25B4%25BB%25E5%258B%2595%25E9%2580%259A%25E9%258A%25B7%25E5%2594%25AE%25E9%25A0%2581%25E5%259C%2596%25E7%2589%2587_200728_%25E7%25B2%25BE%25E6%25BA%2596%25E7%25B0%25A1%25E5%25A0%25B1_%25E9%25A6%2596%25E5%259C%2596.png" width="100%" /></div><div><br /></div><div>當天晚上有空的朋友,歡迎你直接加入直播課程,與學習夥伴們一起腦力激盪;而如果你當天已經另有安排,或是不小心錯過的話,也不用擔心,<b>我們會將直播課當天的完整內容全部「重新錄製」成影片與線上版講義,讓你不會錯過任何精彩內容!</b></div><div><br /></div><div>進一步的說明歡迎參考<a href="https://slideart.com.tw/lsc-pp-lp-200818/blog" target="_blank">課程連結</a>或<a href="mailto:info@sildeart.tw" target="_blank">來信詢問</a>,8/18 晚上 19:30 期待與你在線上相會!</div></div><div><br /></div></div>
<iframe border="0" frameborder="0" height="800" marginheight="0" marginwidth="0" scrolling="no" src="https://www.accupass.com/eflow/ticket/2007090719441189417391" title="Accupass 報名表" width="100%"></iframe>林柏儒http://www.blogger.com/profile/03408019626699427933noreply@blogger.comtag:blogger.com,1999:blog-2267166282977386549.post-43242186252277287512020-07-11T23:18:00.000+08:002020-07-11T23:27:37.732+08:00Keynote 10.1 版更新:獨立視窗播放簡報、影片跨頁播放<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2rs7AiBrijBmDej6jQuSEQffAkTqBmRZhVfP3Q-yvIpM00tk8DiEbCAJSqavl0mlRdxDHwrEyVMS5WrdbFvaFeWSoNnvYcLOInE1NsqJCuADmSG3ri5G2s-8BJAr2Neyzvz-XHigtYsNu/s1600/%25E5%259C%2596%25E7%2589%2587.001.png" width="100%" />(本文作者/內容策劃:Richard 林柏儒)</div>
<div style="text-align: left;">
Apple 的簡報軟體 Keynote 迎來了 10.1 版的更新!這次的更新賦予了 Mac 版本在視窗中播放幻燈片秀的功能,大幅增加了 Mac 使用者以 Keynote 搭配視訊軟體遠端簡報的彈性。而影片跨頁播放、對齊路徑等功能也更加完善了 Keynote 在動畫層面的合理性。<br />
<a name='more'></a><br /></div>
<div style="text-align: center;">
<div style="text-align: left;">
<h2>
Keynote 10.1 版更新內容</h2>
<div>
• 使用新的「在視窗中播放幻燈片秀」選項,在本機上或透過視訊會議進行簡報時取用其他應用程式。</div>
<div>
• 影片現可在幻燈片過場效果之間播放。在多張幻燈片中加入相同影片即可在幻燈片之間接續播放。</div>
<div>
• 使用「對齊路徑」選項讓物件隨著動作路徑指向正確的方向。</div>
<div>
• 輕鬆地在影像、影片、形狀和其他物件中加入說明和標題。</div>
<div>
<br /></div>
<h2>
獨立視窗播放簡報:遠端開會必備功能</h2>
<div>
對於多數一般工作者來說,這波更新最有感的絕對是「在視窗中播放幻燈片秀」!當你使用這個功能,<b>你就可以在獨立的視窗中播放簡報,不像過往是強制全螢幕播放。</b>具體做法是,將游標移到上方功能列中的「播放」,並選擇「在視窗中播放幻燈片秀」。<br />
<br /></div>
<div>
</div>
<div>
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2rs7AiBrijBmDej6jQuSEQffAkTqBmRZhVfP3Q-yvIpM00tk8DiEbCAJSqavl0mlRdxDHwrEyVMS5WrdbFvaFeWSoNnvYcLOInE1NsqJCuADmSG3ri5G2s-8BJAr2Neyzvz-XHigtYsNu/s1600/%25E5%259C%2596%25E7%2589%2587.001.png" style="text-align: center;" width="100%" /></div>
<div>
<br /></div>
<div>
<div>
這麼做會帶來兩個好處:</div>
<div>
<br /></div>
<div>
其一,若你因疫情或其他因素採取遠端工作的模式,在你用視訊軟體開會時,視訊軟體的分享螢幕功能可以僅分享 Keynote 的播放視窗。這樣你播放簡報時<b>螢幕就不會被鎖死在全螢幕模式,而是可以同時控制視訊軟體</b>,例如把不小心靜音的麥克風打開,並且其他人看到的依然是全螢幕畫面。</div>
</div>
<div>
<br /></div>
</div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpfdfqYvVKGytSRBGuMFJLpkq3Uo_rtZP9yahS0-w6cH2Ro_m-5m-3EfZbgnfJYt9IWaYiKyJw5vBFjtgHfUX6FOVUp9P1c7zevF732SQXQcZOkKi0mRVRryRQnCfMN3duKojaaGeKEDpo/s1600/%25E5%259C%2596%25E7%2589%2587.002.png" width="100%" /></div>
<br />
其二,當你播放到一半需要跳出、開啟其他視窗時,你可以透過觸控板滑動桌面來快速控制視窗,不像過往鎖定全螢幕時必須先跳出全螢幕模式。這個優點在透過投影機播放時會更加明顯。<br />
<br />
總體來說,這個更新反映了 Apple 團隊對於產品使用情境的細膩洞察。在台灣以外的世界依然深受疫情所苦時推出了這個新功能,無疑是視訊會議簡報者的一大福音。<br />
<br />
<h2>
影片跨頁播放:打開影片應用的新可能</h2>
如果你是追求視覺表現的動畫狂熱者,影片跨頁播放一定是個令你熱血沸騰的重要更新!現在只要在多張幻燈片之間存在相同影片,切換幻燈片時影片依然可以連續播放。這可以讓 Keynote 以幾種不同的新方式處理影片:<br />
<br />
第一,<b>影片作為動態背景</b>:把循環播放的影片當成簡報的背景,讓背景始終有動態元素的同時不影響畫面主體。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="608" data-original-width="1080" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOXgOazgsV3RS9fpFJkuZ0i9_CnPCxknuJB2QUslD8-GThZPSAxR-sEQNofZrM72aTu8aPmgFV1rQM1ncjOLfcgqIlgLpvgUJNf-utHrZ41GVdcaivm0Wu2v0av1NqaPuEL3q8G5Ay2fC0/s1600/%25E5%25BD%25B1%25E7%2589%2587%25E6%2592%25AD%25E6%2594%25BE%2528%25E8%25B6%2585%25E5%25A4%25A7%2529.gif" width="100%" /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
第二,<b>以過場效果輔助影片</b>:例如搭配「瞬間移動」來縮放或移動播放中的影片。<br />
<br />
想像一下,如果我們把 Keynote 動畫輸出成影片檔,重新加入 Keynote 後再搭配一次過場效果,這種技術可以做到什麼樣的效果呢?你也快來試試看!<br />
<br />
那麼以上就是這次我對這次 Keynote 10.1 版更新的看法啦~最後也不免俗的工商一下由我和 Keynote 小王子祺浩老師共同推出的 Keynote 線上課程<a href="https://lihi1.com/CvM8Y/Blog" target="_blank">《Keynote 即戰力:簡報製作到上台演講都搞定》</a>。目前已有近 500 位同學和我們一起學習 Keynote 這個簡報神器,有興趣的朋友們不妨參考看看喔!<br />
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSbRmo8OBUUdgXOR3nB9oabC7U4cYe5qh_3X70hOubbdOqMbodgKJELy7a1PNDn27MyfmMA3rtnaGoywTqo_cm2kec_gDaqlipTanwKW1eYi5uKKiPRnMnYzA_CWyfKNHYTNGDtsiX-xc0/s1600/%25E5%259C%2596%25E7%2589%2587.003.png" width="100%" /></div>
<br />林柏儒http://www.blogger.com/profile/03408019626699427933noreply@blogger.comtag:blogger.com,1999:blog-2267166282977386549.post-31627384295610655212020-04-29T20:30:00.000+08:002020-04-29T20:37:32.339+08:00你的重點「不是」觀眾的重點?99%簡報者的經典迷思<div style="text-align: center;">
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="540" src="https://www.youtube.com/embed/sh3PJYyGKb4" width="100%"></iframe>
<br />
(作者 / 內容策畫:Bill 彭毅弘)</div>
人們常說做簡報要說重點、秀重點,但不曉得你有沒有一種經驗,就是就算你已經努力精簡內容、只呈現出重點中的重點,結果報告還是被你的主管或是老師批評說「沒有任何重點」,讓你感覺滿腹委屈呢?<br />
<br />
其實,<b>你以為的重點 可能「不是」觀眾的重點,更不是報告的重點!</b>在接下來的分享中,Bill 將會逐一破除這些迷思,讓你可以做出正確的判斷!<br />
<div>
<a name='more'></a><br />
<br />
<h2>
案例解析</h2>
以這個我們經常在企業內訓中引用的表格案例為例。一般的初學者在準備簡報的時候,很可能就是單純地把紙本資料給複製貼上,但這看在觀眾的眼中基本上就是「沒有重點可言」。<br />
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMlkOScJLfDdHcwJ-VV0viMUfKPMhLj9sI1ROqenHZ1xOiJxT-Jk9dBclyXG8RzjQPzILIJqNwAPWvnlSe4WeqxBzxnAjqbYJM65mO5lRZfPVMhqvWFAnH61i_eH9K1yybQmsqq5SBLkw3/s1600/%252363+%25E4%25BD%25A0%25E7%259A%2584%25E9%2587%258D%25E9%25BB%259E%25E3%2580%258C%25E4%25B8%258D%25E6%2598%25AF%25E3%2580%258D%25E8%25A7%2580%25E7%259C%25BE%25E7%259A%2584%25E9%2587%258D%25E9%25BB%259E%25EF%25BC%259F99%2525%25E7%25B0%25A1%25E5%25A0%25B1%25E8%2580%2585%25E7%259A%2584%25E7%25B6%2593%25E5%2585%25B8%25E8%25BF%25B7%25E6%2580%259D.001.png" width="100%" /></div>
<div>
<br /></div>
<div>
而稍微有一點經驗的簡報者,會懂得「抓重點」,比方說這張表格的重點是要凸顯各個產品線在不同月份瑕疵率的高低,因此去強化顯示瑕疵率的綠色、黃色與紅色會是非常合理的選擇。</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgciaJI6gEXh3kmLks_bkOJI7zpo8hKZDSybi4AtstLoDZYfVGTtBf4k6Btfg_VcGKkATXmvUAa-wCnXG4MAdbWu5zvU75YF4229grqmjN3BYA8ggumMChUBHg4I5xeIKR0LFV-IxN6JD8n/s1600/%252363+%25E4%25BD%25A0%25E7%259A%2584%25E9%2587%258D%25E9%25BB%259E%25E3%2580%258C%25E4%25B8%258D%25E6%2598%25AF%25E3%2580%258D%25E8%25A7%2580%25E7%259C%25BE%25E7%259A%2584%25E9%2587%258D%25E9%25BB%259E%25EF%25BC%259F99%2525%25E7%25B0%25A1%25E5%25A0%25B1%25E8%2580%2585%25E7%259A%2584%25E7%25B6%2593%25E5%2585%25B8%25E8%25BF%25B7%25E6%2580%259D.002.png" width="100%" /></div>
<div>
<div>
然而有趣的是,相信看到這邊的你,一定還是會覺得即便強化了重點,整個畫面還是有點「花」。但重點不是已經強調過了嗎?為什麼還會花呢?</div>
<div>
<br /></div>
<div>
這是因為<b>這裡所強調的重點,是講者、簡報者視角的重點,但是看在你、也就是觀眾的視角中,只會感覺這張投影片的配色依舊五顏六色的非常花俏</b>,沒有經過特別的說明可能根本看不出來製作者在設計細節的用心。</div>
</div>
<div>
<br /></div>
<div>
看到這邊,可能有些朋友就會開始懷疑自己,覺得「難道強調重點也不對嗎?那麼又該強調些什麼好呢?」,或者開始去尋求一些簡單的解套說法,像是「簡報本來就不適合放表格啦!簡報就是要以圖片、以講者為主,不是來讓你秀資料的。」</div>
<div>
<br /></div>
<div>
如果你也開始陷入上述想法迴圈的話,那麼就很可能會陷入「臨門只差一腳」的遺憾。</div>
<div>
<br />
<br /></div>
<h2>
目的才是關鍵</h2>
<div>
事實上講者的「重點」當然是要強調的,而且在簡報中秀表格本來就是有可能會出現的需求,對於像是金融、審計相關的領域來說更是如此。所以這邊<b>真正的關鍵,應該是取決於呈現這張表格背後的「目的」。</b></div>
<div>
<b><br /></b></div>
<div>
比方說如果這張投影片呈現的目的,是要幫助觀眾透過觀察這批產線的表現來決定下一批產線的配置以及優化方向的話,那麼這時觀眾的重點便會著重在零瑕疵率的綠色生產線—它們將會是未來產線配置的模範;以及高瑕疵率的紅色生產線—要盡量找出瑕疵的原因避免重蹈覆轍。而原本中間黃色配色的其他數據,則對觀眾而言是相對次要的,因此可以相對忽略。</div>
<div>
<br /></div>
<div>
而整個版面配置,就會變成像是下圖這個樣子:</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjKMaRHRIpNWLPLwCWevHFba4mKwGtjgC-BkOTba_6KBySebAe6zOCaXTIBUSfGGwZS9r1x8H-XA3y716ANVCjI72l9DilIRzkrTeaP-pAgg6MqbAhT5czAGr0P8nn5-Ug8fp8t5vsGj_W/s1600/%252363+%25E4%25BD%25A0%25E7%259A%2584%25E9%2587%258D%25E9%25BB%259E%25E3%2580%258C%25E4%25B8%258D%25E6%2598%25AF%25E3%2580%258D%25E8%25A7%2580%25E7%259C%25BE%25E7%259A%2584%25E9%2587%258D%25E9%25BB%259E%25EF%25BC%259F99%2525%25E7%25B0%25A1%25E5%25A0%25B1%25E8%2580%2585%25E7%259A%2584%25E7%25B6%2593%25E5%2585%25B8%25E8%25BF%25B7%25E6%2580%259D.003.png" width="100%" /></div>
<div>
退一萬步來說,到底要不要動手來強調這些重點,也是要依整體簡報的目的而定。</div>
<div>
<br /></div>
<div>
比方說,如果這張表格其實是當作 Q&A 的時候有人問到、才會秀出來的「補充資料」,那麼因為用到的機率不高,而且當真的需要秀出來的時候,觀眾的重點應該是在於裡面細節資料的完整性以及正確性。</div>
<div>
<br /></div>
<div>
因此只要上面的資料沒有錯誤,只是單純的複製貼上其實也無所謂,就像下圖這樣:</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-kyGuxYUxxcRD_OAyyV019EiUk9rLzL03ePS0dTGrENqCNFjnDFhH4as4h9P5qJABdaY9GkOBQmw1tMlbPtI8ZtYsYy_y5dwiKlQoG1Qa-cxUJkRYZEH6guA9b8i40uZE_0qnpSlmVbK4/s1600/%252363+%25E4%25BD%25A0%25E7%259A%2584%25E9%2587%258D%25E9%25BB%259E%25E3%2580%258C%25E4%25B8%258D%25E6%2598%25AF%25E3%2580%258D%25E8%25A7%2580%25E7%259C%25BE%25E7%259A%2584%25E9%2587%258D%25E9%25BB%259E%25EF%25BC%259F99%2525%25E7%25B0%25A1%25E5%25A0%25B1%25E8%2580%2585%25E7%259A%2584%25E7%25B6%2593%25E5%2585%25B8%25E8%25BF%25B7%25E6%2580%259D.004.png" width="100%" /></div>
<div>
把前面三個版本並排陳列,你就會發現<b>在不同簡報目的的情況下,講者與觀眾的重點就會跟著改變,相應最適合的準備與呈現方法也就會有所不同。</b></div>
<div>
<b><br /></b></div>
<div>
所以說到底,其實<b>做簡報要優先思考的,既非講者的重點、也非觀眾的重點,而是要先考慮簡報本身的「目的」</b>。目的先確定了,才有辦法接著掌握到講者以及觀眾對應的重點,準備才會精準而有效。</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiixameb29Kz456QqyaMf75ZCOks5LP18I7eopPEeWzQFq7JlPmb1dLfgtEhBXtroqCMdQfyIH1gx4rSw8HHjB5pOCN1_hieVQZ_ZwUx4nQf1pjAk_V1f0L71FJWSQKRPjnnWoowLhWDU6f/s1600/%252363+%25E4%25BD%25A0%25E7%259A%2584%25E9%2587%258D%25E9%25BB%259E%25E3%2580%258C%25E4%25B8%258D%25E6%2598%25AF%25E3%2580%258D%25E8%25A7%2580%25E7%259C%25BE%25E7%259A%2584%25E9%2587%258D%25E9%25BB%259E%25EF%25BC%259F99%2525%25E7%25B0%25A1%25E5%25A0%25B1%25E8%2580%2585%25E7%259A%2584%25E7%25B6%2593%25E5%2585%25B8%25E8%25BF%25B7%25E6%2580%259D.005.png" width="100%" /></div>
<div>
<br />
<br /></div>
<h2>
分享總結</h2>
<div>
<div>
這邊讓我們再次重點回顧一次本期的分享:首先,<b>講者所認為的重點不一定是觀眾心目中的重點,因此適度跳脫講者的視角將會有助於你的判斷</b>。再來,不論是強化資訊設計,還是單純的複製貼上,<b>哪個簡報呈現方法比較適合需要根據實際的目的來進行判斷</b>。最後,<b>不同簡報目的的情況下,講者與觀眾的重點也會跟著改變,相應最適合的準備與呈現方法也就有所不同</b>。</div>
<div>
<br /></div>
<div>
以上的觀念,不曉得各位朋友是否都掌握起來了呢?這次的分享我們比較著重在迷思的破除,各位朋友如果對於設計策略或是技術細節有興趣的話,歡迎參考我們的「<a href="https://lihi1.com/ttL1x/Blog" target="_blank">精準設計:簡報心法篇</a>」以及「<a href="https://lihi1.com/InRKq/Blog" target="_blank">精準設計:PowerPoint 實戰技巧</a>」的線上課程。這兩個線上課程會分別從設計的策略面以及技術面更詳細地介紹這個案例表格的優化方法。</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCIrG-7_oE_TBzfihc5c3-mntC3Cpc3dR_yKL71h90V1XxxX3AdLJCKHIcKCqgaX749FPDntBE5dnmNJAaLZFbn5GvX_k715pqd_y7I9sAuK13BQOCJzcf-UKBoHUaHlpG7dbIguGjLyTG/s1600/%252363+%25E4%25BD%25A0%25E7%259A%2584%25E9%2587%258D%25E9%25BB%259E%25E3%2580%258C%25E4%25B8%258D%25E6%2598%25AF%25E3%2580%258D%25E8%25A7%2580%25E7%259C%25BE%25E7%259A%2584%25E9%2587%258D%25E9%25BB%259E%25EF%25BC%259F99%2525%25E7%25B0%25A1%25E5%25A0%25B1%25E8%2580%2585%25E7%259A%2584%25E7%25B6%2593%25E5%2585%25B8%25E8%25BF%25B7%25E6%2580%259D.006.png" width="100%" /></div>
<div>
<br /></div>
<div>
那麼以上就是我們本期的分享啦~我們下期再見!</div>
</div>
<div>
</div>
簡報藝術烘焙坊http://www.blogger.com/profile/10736231926074743250noreply@blogger.comtag:blogger.com,1999:blog-2267166282977386549.post-41481974299605840452020-04-14T00:16:00.001+08:002020-04-14T00:18:11.732+08:00Keynote 10.0來了!全新模板、首字放大與雲端協作,你會用了嗎?<div style="text-align: center;">
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="540" src="https://www.youtube.com/embed/OZ66m3WNJAc" width="100%"></iframe>
<br />
(<b>本文以訪談稿形式呈現</b>。受訪者:黃祺浩 / 內容策畫:黃祺浩、Bill 彭毅弘)</div>
Bill: 歡迎收看我們 10 分鐘學簡報系列 第 62 集的分享:「Keynote 10.0 來了!全新模板、首字放大與雲端協作,你會用了嗎?」—— 這幾期分享花了不少時間聊聊 Keynote 這個 Mac 專屬的簡報軟體,而剛好就在這幾天 Keynote 就發佈了近期最大的更新:Keynote 10.0。比較簡單的評測我們先前已經有發過圖文版的分享了,而今天我們也邀請到了「Keynote 小王子」黃祺浩老師來分享他的看法!<br />
<div>
<a name='more'></a><br /></div>
<div>
黃:Hi 大家好,我是 Keynote 小王子,這次 Keynote 10.0 的更新真的是最近最重要的一次更新。其中主要有三個重點:「<b>全新的模板、首字放大與雲端協作</b>」。那其中雲端協作跟一般使用者可能的關聯性比較小,所以我接下來會先著重在全新模板跟首字放大的部分。</div>
<div>
<br /></div>
<h2>
更新重點一:全新模板</h2>
<div>
黃:說到全新模板的部分,這次 Apple 終於更新了那批萬年不變的預設模板,同時也加入了幾個新的模版主題!我覺得連 Apple 都更新了這一批模板,我們也該嘗試一下不同的簡報設計風格。</div>
<div>
<br /></div>
<div>
Bill: 比方說像什麼樣的設計風格?</div>
<div>
<br /></div>
<div>
黃:像這幾年我們業界比較常用的就是所謂「扁平化設計」的風格,那可是實際上這也流行蠻久了,表現手法什麼的漸漸也會讓人覺得:「誒,來來去去就是那幾種。」所以呢越來越多設計者便希望能夠在簡報設計上玩出一些新的花樣。那像我們這次在<a href="https://lihi1.com/CvM8Y/Blog" target="_blank">《Keynote 即戰力》</a>的課程中,剛釋出的最後一波購課贈品,就是一套「新擬真風格」的簡報模版。</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNqn7fZoMNvCvMaBW2_H4fEtNEla4XbVPABdQlvZ0a5hvVk6G8v2sWrXGUX5JQZen60K0_5IzN6XluZ8SytwWYOILwU1CS_P9ukw0a7EC6FJpBI45ZWoADByLEHuuQnuX9LVb_iqY7K6sy/s1600/%252362+Keynote+10.0%25E4%25BE%2586%25E4%25BA%2586%25EF%25BC%2581%25E9%25A6%2596%25E5%25AD%2597%25E6%2594%25BE%25E5%25A4%25A7%25E3%2580%2581%25E9%259B%25B2%25E7%25AB%25AF%25E5%258D%2594%25E4%25BD%259C%25E8%2588%2587%25E5%2585%25A8%25E6%2596%25B0%25E6%25A8%25A1%25E6%259D%25BF%25EF%25BC%258C%25E4%25BD%25A0%25E6%259C%2583%25E7%2594%25A8%25E4%25BA%2586%25E5%2597%258E%25EF%25BC%259F.007.png" width="100%" /></div>
<br />
黃:那這個所謂的「新擬真風格」是最近在 UI 設計作品中常看到的一種設計風格,是<b>將過去的擬真設計融合了現代 UI 介面的做法</b>,這也讓近年一直常見的扁平化設計開始了有一些新的變化,很多設計師開始嘗試用新擬真設計做出不同的視覺效果。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="1080" data-original-width="1440" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYAc10XnyHk1ZGIDwB6oF55bsysn0n53w2XSLUCJPEVFA8BijGv7jcJKV3nFIvOT2s1SAWTFbKz4dbUtTTjJMjzRVx9p8yZgRm0eR_YCo7KLop8cD9R4BAShNACWYwAiPAINj7uGUmf1aR/s1600/%25E6%259C%25AA%25E5%2591%25BD%25E5%2590%258D.png" width="100%" /></div>
<br />
黃:因此為了讓支持我們的學員,也可以體驗看看新擬真的設計在簡報上的應用,我可以是用了「洪荒之力」將這套新擬真風格的簡報模版做出來。那做這套簡報模版最花時間的地方,就是要<b>不停地疊加很多層的陰影,才能達到新擬真的視覺效果出來,非常地費工和耗時</b>,是一個就算你知道做法,你也會覺得製作過程極為費時的一件事情。所以有購買我們課程的學員,一定要好好保存這份模版。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmTiKlnBhMYML_HAPpDGbfr8NVnPApxxSySwXrDGwH7zZ-Fu95pIHmvxdrTeWnEjZpjkFRIkjM9osP9FZz_M6pKXhkZpnj04c54luAX7KH4NCBqXpKDk3lTM3g1cUOAHfBHmPtgT9BsYf8/s1600/%252362+Keynote+10.0%25E4%25BE%2586%25E4%25BA%2586%25EF%25BC%2581%25E9%25A6%2596%25E5%25AD%2597%25E6%2594%25BE%25E5%25A4%25A7%25E3%2580%2581%25E9%259B%25B2%25E7%25AB%25AF%25E5%258D%2594%25E4%25BD%259C%25E8%2588%2587%25E5%2585%25A8%25E6%2596%25B0%25E6%25A8%25A1%25E6%259D%25BF%25EF%25BC%258C%25E4%25BD%25A0%25E6%259C%2583%25E7%2594%25A8%25E4%25BA%2586%25E5%2597%258E%25EF%25BC%259F.011.png" width="100%" /></div>
<br />
Bill: 跟各位朋友說,其實這個「新擬真風格」的模板,當初我第一眼看到的時候感覺還好,可是細看的話,真的就可以發現很多魔鬼藏在細節裡。比方說這個陰影的效果,就跟一般軟體它預設的陰影效果看起來不一樣;<b>新擬真風格的陰影它是雙重顯示的,可以讓人更好地掌握這個前後圖層的關係</b>。而很多類似像這樣的細節,便使得這個模板能夠給人一種前所未有的質感與體驗。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBlKXGFX5eSFULhmWBy27ZlJ9dKSQSsGYHPBWIXrfLASW3DwEy7frzSBWgRclaA1xFP7Bwp67jJfBR8d385OLxhCLNixAoDkpBjVwd2RiW3-uPcQkx3GmQXWEvf5FEFh7GrhBOVWzjEJmz/s1600/%252362+Keynote+10.0%25E4%25BE%2586%25E4%25BA%2586%25EF%25BC%2581%25E9%25A6%2596%25E5%25AD%2597%25E6%2594%25BE%25E5%25A4%25A7%25E3%2580%2581%25E9%259B%25B2%25E7%25AB%25AF%25E5%258D%2594%25E4%25BD%259C%25E8%2588%2587%25E5%2585%25A8%25E6%2596%25B0%25E6%25A8%25A1%25E6%259D%25BF%25EF%25BC%258C%25E4%25BD%25A0%25E6%259C%2583%25E7%2594%25A8%25E4%25BA%2586%25E5%2597%258E%25EF%25BC%259F.015.png" width="100%" /></div>
<br />
<h2>
更新重點二:首字放大</h2>
黃:另外一個我想特別跟大家聊聊的是,這次 Keynote 10.0 的更新功能當中,有一個蠻有趣的更新,那就是「首字放大」的功能,這可以說是 Keynote 獨有的更新了,你在 PPT 一定找不到這樣的功能。但是要操作首字放大這個功能,需要幾個前置步驟才可以完成,<b>首先你必須將文字框從雙控點改成八控點</b>,因為首字放大的功能只能在八控點的文字框下才能夠使用。那操作方式就是選擇上方的【格式】裡的【形狀和線條】選項中的【重置文字與物件控點】,這樣你就可以將雙控點文字框改成八控點文字框了。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="822" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiqckrHq9fkIjXziYymUk0M8opYFbtPyGT8r5_1_IS_8dRxrDmxkuQqQ59RA9Uu9RATzOi9mCRXd2c7GRQDrr3EWSbN-3TanJBveiDsIgAG16xy1VxjqsL31l5cMg-aETO5KbcnrNzAa6B/s1600/%25E6%2588%25AA%25E5%259C%2596+2020-04-14+%25E4%25B8%258A%25E5%258D%258812.01.24.png" width="100%" /></div>
<br />
黃:接著你點擊文字段落兩下,進入編輯文字的狀態,然後在【格式檢閱器】的文字功能頁籤中的最下方會出現一個首字放大的選項,將它勾起來,首字放大就完成了。這個功能還有許多細部的設定,例如調整放大的尺寸、放大的字數、加入背景色塊,甚至你可以放大好幾個文字,並不局限於首字而已。<br />
<br />
黃:那首字放大的功能究竟可以在哪些情境中能夠用得上呢?我認為在文章段落沒有具體項目的標題時,就可以嘗試使用看看。以下是我運用首字放大功能在我設計的模版中嘗試運用的範例。像這頁就是單純的首字放大:<br />
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ98UKeZDZS8vZhn-FvbRmN9ZUb2fCZtGipVH6AxaxQ0zvVe3WA7IXwRxupTxhMd2k3PsFEpNNw6Ax_zjwBYxnzESDV6TWoMPQV5bdUQFHQnZBFvSyybma7YGugPpesJy9BRYxgso6sCe5/s1600/%252362+Keynote+10.0%25E4%25BE%2586%25E4%25BA%2586%25EF%25BC%2581%25E9%25A6%2596%25E5%25AD%2597%25E6%2594%25BE%25E5%25A4%25A7%25E3%2580%2581%25E9%259B%25B2%25E7%25AB%25AF%25E5%258D%2594%25E4%25BD%259C%25E8%2588%2587%25E5%2585%25A8%25E6%2596%25B0%25E6%25A8%25A1%25E6%259D%25BF%25EF%25BC%258C%25E4%25BD%25A0%25E6%259C%2583%25E7%2594%25A8%25E4%25BA%2586%25E5%2597%258E%25EF%25BC%259F.017.png" width="100%" /></div>
<br />
黃:你也可以不只放大第一個字,多放大幾個字再加個提行設定,就有充當標題的效果,像這頁一樣:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIMFGN0mtRMsQE_D6pfJnMyG6lwgM8Nd4_6gJLXRhjCcjHufgqlcbRa8oISLhXAZMdBVbSEv0zACfLZaG2e9W4Sw6H93WpmO7eF5R2dUVDq6qs8909RaOJj_9BlnBwKEIN5IEsNA5jh9n2/s1600/%252362+Keynote+10.0%25E4%25BE%2586%25E4%25BA%2586%25EF%25BC%2581%25E9%25A6%2596%25E5%25AD%2597%25E6%2594%25BE%25E5%25A4%25A7%25E3%2580%2581%25E9%259B%25B2%25E7%25AB%25AF%25E5%258D%2594%25E4%25BD%259C%25E8%2588%2587%25E5%2585%25A8%25E6%2596%25B0%25E6%25A8%25A1%25E6%259D%25BF%25EF%25BC%258C%25E4%25BD%25A0%25E6%259C%2583%25E7%2594%25A8%25E4%25BA%2586%25E5%2597%258E%25EF%25BC%259F.018.png" width="100%" /></div>
<br />
黃:或是我們也可以運用首字放大功能中的背景設定,加個圓形的色塊,集中視覺焦點,如這一頁:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-ZEsJy0EDYVeORKbHPF4qkrq7ddGInbn_S4w3Vz4WghYyCvCVTU7S8TsKOLq45l5gfLM376vrSrnuMml6-oiGEwzt0wgO51fhXDgS7OXFmyvMbcT41E5ZMo-hmbfrIh2mhVXrv9SUUb_m/s1600/%252362+Keynote+10.0%25E4%25BE%2586%25E4%25BA%2586%25EF%25BC%2581%25E9%25A6%2596%25E5%25AD%2597%25E6%2594%25BE%25E5%25A4%25A7%25E3%2580%2581%25E9%259B%25B2%25E7%25AB%25AF%25E5%258D%2594%25E4%25BD%259C%25E8%2588%2587%25E5%2585%25A8%25E6%2596%25B0%25E6%25A8%25A1%25E6%259D%25BF%25EF%25BC%258C%25E4%25BD%25A0%25E6%259C%2583%25E7%2594%25A8%25E4%25BA%2586%25E5%2597%258E%25EF%25BC%259F.019.png" width="100%" /></div>
<br />
黃:看過這幾個案例,不知道你有沒有對首字放大這個功能的應用有更多想法了呢?大家有空的時候不妨可以試試玩玩看,或者你也可以拿去笑你使用 PPT 的好朋友說他們沒有這個功能。好了,以上就是這次關於 Keynote 10.0 的討論,想要學習更新的 Keynote 的操作技巧,歡迎支持我們的<a href="https://lihi1.com/CvM8Y/Blog" target="_blank">《Keynote 即戰力》</a>課程哦~<br />
<br />
<h2>
分享總結</h2>
Bill: 好,那我們就感謝 「Keynote 小王子」黃祺浩老師這次的分享啦!這次介紹的這個「新擬物設計」的風格、後面搭配字首放大這個設計 其實真的相當地令人耳目一新。那當然,雖然 Keynote 製作起來方便許多,但其實不論你用的是什麼樣的簡報軟體,應該都可以從中獲得不少的設計靈感。<br />
<br />
Bill: 最後不免俗地再次工商一下這次由祺浩以及 Richard 老師聯手推出的新課程<a href="https://lihi1.com/CvM8Y/Blog" target="_blank">《Keynote 即戰力:簡報製作到 上台演講都搞定》</a>,那目前募資即將倒數最後一週,各位朋友要買要快喔!<br />
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd2Gxk2IPHgLr4uq850l_4iPR5Qy1gT9oVoftsa0qHOER50lAigqsruF9JST1g4YcVxXON1bd_YlkzDpmpXI8GcKCmo3htux2tVQ8vckbyHGEOi_WYe-0gPKDaKVFOZO9dSdBWpqqSkK85/s1600/%252362+Keynote+10.0%25E4%25BE%2586%25E4%25BA%2586%25EF%25BC%2581%25E9%25A6%2596%25E5%25AD%2597%25E6%2594%25BE%25E5%25A4%25A7%25E3%2580%2581%25E9%259B%25B2%25E7%25AB%25AF%25E5%258D%2594%25E4%25BD%259C%25E8%2588%2587%25E5%2585%25A8%25E6%2596%25B0%25E6%25A8%25A1%25E6%259D%25BF%25EF%25BC%258C%25E4%25BD%25A0%25E6%259C%2583%25E7%2594%25A8%25E4%25BA%2586%25E5%2597%258E%25EF%25BC%259F.021.png" width="100%" /></div>
<div>
<br /></div>
<div>
那麼以上就是我們這次的分享啦~我們下期再見!</div>
簡報藝術烘焙坊http://www.blogger.com/profile/10736231926074743250noreply@blogger.comtag:blogger.com,1999:blog-2267166282977386549.post-10918291107160882762020-04-08T23:40:00.001+08:002020-04-14T00:17:27.721+08:00Windows 使用者也能用 Keynote!Keynote 線上版的應用<div style="text-align: center;">
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="540" src="https://www.youtube.com/embed/A1vJfQo9esw" width="100%"></iframe><br />
(<b>本文以訪談稿形式呈現</b>。受訪者:Richard 林柏儒/ 內容策畫:Richard 林柏儒、Bill 彭毅弘)<br />
<div style="text-align: start;">
<div style="text-align: left;">
Bill: 歡迎收看我們 10 分鐘學簡報系列第 61 集的分享:「Windows 使用者也能用 Keynote!Keynote 線上版的應用」—— 先前 59 集分享登場之後,就有些朋友私下來跟我們反應,覺得說只介紹 Keynote 都沒有照顧到一般使用 Windows 電腦的朋友,但事實上呢,並非如此!那麼接下來就讓我們來歡迎這期節目的特別來賓、我們簡報藝術烘焙坊的設計師 Richard 林柏儒老師!</div>
</div>
<div style="text-align: start;">
<div style="text-align: left;">
</div>
<a name='more'></a></div>
<div style="text-align: start;">
<div>
<div style="text-align: left;">
<br />
Richard: 哈囉我是簡報藝術烘焙坊的設計師 Richard。是的,其實就像剛剛 Bill 所說的一樣,一般來說我們會認為一定要擁有一台 Mac 你才能使用 Keynote,但其實如果你是 Windows 使用者,你也可以透過 iCloud 網頁的功能,用線上版的 Keynote 來做簡報。而這實際使用起來,就像是 Google slide 一樣,你只要連到對應的連結,人人都可以透過瀏覽器來編輯這份簡報。</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Richard: 具體作法大概是這樣子:首先,你需要到 iCloud 登入你的 Apple 帳號密碼,在你進入主畫面後點選 Keynote,再按這裡的 + 號新增簡報,就可以開始使用 iCloud 版的 Keynote 了。</div>
</div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOp7w1_8sozN-kcf1SYcWTnAfcDPL5FDVDDO3Y4cVE9ZbMxmV1C7djPwD2Ltd6dgftw0JQPo6oAPEtgB1HR4YmiTLYi37qn0dRNlxqtrnPxc4kGGZNcQFVeqNkTlNS6cx1qkruSz8HVZdM/s1600/%252361+Windows+%25E4%25BD%25BF%25E7%2594%25A8%25E8%2580%2585%25E4%25B9%259F%25E8%2583%25BD%25E7%2594%25A8+Keynote%25EF%25BC%2581Keynote+%25E7%25B7%259A%25E4%25B8%258A%25E7%2589%2588%25E7%259A%2584%25E6%2587%2589%25E7%2594%25A8.003.png" width="100%" /></div>
<br />
<div style="text-align: left;">
Richard: 除了網頁版之外,那如果你擁有一台 iPhone 或 iPad,你甚至可以透過這兩者來開啟、編輯你的 Keynote 簡報,並透過 iCloud 的雲端儲存機制來同步它們。當然,不論是 iPhone、iPad 還是線上版,他們 Keynote 的功能一定是比 Mac 桌面版來得更少,尤其是幻燈片主板這個功能,也就是俗稱的母片,這是比較受限的。</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBsTPsWTAViDcPhODfuywjRekMqpq1xok3oJGwvLAc3mg-W_oWz2nHr8J8bUNOqHZN10HCpxBN4k0z1aWb4jQPDNPbj3agJtuAm_NcD9sDcoXiIFwYFVtS26qTuXeQ12WTOltmaujZcHdb/s1600/%252361+Windows+%25E4%25BD%25BF%25E7%2594%25A8%25E8%2580%2585%25E4%25B9%259F%25E8%2583%25BD%25E7%2594%25A8+Keynote%25EF%25BC%2581Keynote+%25E7%25B7%259A%25E4%25B8%258A%25E7%2589%2588%25E7%259A%2584%25E6%2587%2589%25E7%2594%25A8.004.png" width="100%" /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Bill: 嗯,我想這應該對不少想要使用 Keynote 的朋友來說算是一大福音,因為其實整體而言 Mac 筆電它的市佔率還是比較低的,但是像是比方說 iPhone, iPad 它們的普及率就相對比較高,甚至在某些的大型企業,比方說國泰金控,就幾乎人手一台 iPad。那像這樣子的環境的話就對 Keynote 的使用非常地友善。</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Richard: 沒錯!不過其實我們先撇開擁有 iPhone, iPad 這些蘋果產品的果粉們,就算你今天你是純粹的 Windows 電腦使用者,這個線上版的 Keynote 還是有兩個地方值得一提。第一個是,線上版的 Keynote 可以讓你與其他人「分享並協作簡報」,這個就和 Google slide 的運作方式頗有異曲同工之妙了。</div>
</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Richard: 首先我們按下這個加入成員的按鈕,接著在欄位中輸入團隊成員的 email 或電話,就可以把編輯權限也開放給他,而每一個人的權限也可以在這裡進行設定。如果你待在一個使用 Mac 為主的團隊,但你卻非常不幸的剛好是使用 Windows 電腦的孤鳥的話,你就可以考慮使用這個功能。</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJh74JEGU36wcsp8SxBzYeqaBEeggU2R3rzLlmOmYbcIs13VHULLzslqEocHX4jcclYftnWzkpEJDM0OcDU8bNa0_GeYgEQd-a3nQXcnrkqaPrsO3AwfTtBMPT0J1tFWiEuJHRV_egaGv3/s1600/%252361+Windows+%25E4%25BD%25BF%25E7%2594%25A8%25E8%2580%2585%25E4%25B9%259F%25E8%2583%25BD%25E7%2594%25A8+Keynote%25EF%25BC%2581Keynote+%25E7%25B7%259A%25E4%25B8%258A%25E7%2589%2588%25E7%259A%2584%25E6%2587%2589%25E7%2594%25A8.005.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJh74JEGU36wcsp8SxBzYeqaBEeggU2R3rzLlmOmYbcIs13VHULLzslqEocHX4jcclYftnWzkpEJDM0OcDU8bNa0_GeYgEQd-a3nQXcnrkqaPrsO3AwfTtBMPT0J1tFWiEuJHRV_egaGv3/s1600/%252361+Windows+%25E4%25BD%25BF%25E7%2594%25A8%25E8%2580%2585%25E4%25B9%259F%25E8%2583%25BD%25E7%2594%25A8+Keynote%25EF%25BC%2581Keynote+%25E7%25B7%259A%25E4%25B8%258A%25E7%2589%2588%25E7%259A%2584%25E6%2587%2589%25E7%2594%25A8.005.png" width="100%" /></a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<div>
Richard: 另一個則是 Keynote Live,你可以透過這個功能來「線上直播」你的簡報。這個功能它主要能夠用在如果你一次要對多人演講,但場地的投影機效果非常差、甚至根本沒有投影機的話,只要你的網路還算順暢,你就可以應用這個 Keynote Live 的功能來分享你的簡報畫面,把大家的手機與電腦都變成你的投影幕。</div>
<div>
<br /></div>
<div>
Richard: 具體做法大概是這個樣子:首先,你先點選這個小板手,並點選「使用 Keynote Live」,點選下去之後,線上版的 Keynote 就會產生一組專屬網址。接著你只要把你這個網址用任何的方式,比如說掃 QR code 或是傳到群組進行分享這都可以,任何人只要擁有這組網址,就能夠即時觀看你播放的簡報。</div>
<div>
<br /></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="824" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_rqSC_JcXZToLG9Y4YH6tan9mlm_mInY1xsbgvprCBxHzuIDxLWLWjs7rsHP0IqnSBqJVtsl8QRN2yBl0-W2FqaBw0oJwRsrXUrr48QkUv0An8XBQ0W2uRWJLOuJEQD7W-yvv2e4Dw4kn/s1600/%25E6%2588%25AA%25E5%259C%2596+2020-04-08+%25E4%25B8%258B%25E5%258D%258811.30.14.png" width="100%" /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<div>
Bill: 這邊我補充一下,就是 Keynote Live 他分享的,並不是那個投影片檔本身,而是講者當下所切換的畫面。也就是講者在自己的電腦上切換到哪一頁,連上這個 Keynote Live 網址的觀眾的手機或是電腦就會同步切換到那一頁。</div>
<div>
<br /></div>
<div>
Bill: 換句話說這基本上就跟上一集影片所提到的「畫面共享」意義非常接近。但比較特別的是這個 Keynote Live 比起其他的直播或是會議軟體畫面共享的方式更省流量、操作也更便利,算是讓 Keynote 它去呈現一個跨越硬體限制的一個殺手級的功能。</div>
</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHPCwiKOaBS8NeAJd-SNS2rDSpSnz3NNMyVPKLajd7QVPz_u8oy6A8Ber6xmsC0g4AZ1wbuHM1iRGoNUZMzLZMw6hXOfKfPfnDjwMUf0YFh4ygOLOAbdyR6NFjgn17zWqMY6qexV-ZAlPI/s1600/%252361+Windows+%25E4%25BD%25BF%25E7%2594%25A8%25E8%2580%2585%25E4%25B9%259F%25E8%2583%25BD%25E7%2594%25A8+Keynote%25EF%25BC%2581Keynote+%25E7%25B7%259A%25E4%25B8%258A%25E7%2589%2588%25E7%259A%2584%25E6%2587%2589%25E7%2594%25A8.006.png" width="100%" /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<div>
Richard: 其實當我們說到「跨越硬體限制」這個議題的時候,這個 Keynote Live 還有另外一種用法,就是如果今天你的現場接投影機的電腦是 Windows 系統,但是你還是想要用 Keynote 來進行簡報的話,那麼今天你也可以選擇直接在現場電腦上登入 iCloud 來進行播放。這樣一來,等於你是為 Keynote 在相容性上的弱點多做了一層準備,也就是說除了傳統的可以把檔案轉成 PowerPoint 或是 PDF 檔案以外,你又多了第三個備案可以做準備。</div>
<div>
<br /></div>
<div>
Bill: 好,那我們就感謝 我們家的設計師 Richard 今天的分享啦!那如果你還沒有用過 Keynote,上面的分享可能聽得霧煞煞的話,那麼只要記得「不要讓系統的限制,限制了你的想像力」。Keynote 它不僅僅是 Mac 電腦使用者的專利,就算你是 Windows 電腦的使用者,Keynote 也有機會成為你的簡報利器。</div>
<div>
<br /></div>
<div>
Bill: 那最後不免俗地再次工商一下這次由祺浩及 Richard 老師聯手推出的新課程<a href="https://lihi1.com/CvM8Y/Blog" target="_blank">《Keynote 即戰力:簡報製作到 上台演講都搞定》</a>,那目前課程已經開放預購,及早購買便能解鎖多重早鳥優惠,各位朋友要買要快喔!</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBTflexj5ICB5Dmca8udvz2SzV9M2VrAcjVgHhv2t-OXvV-10m8_ZFkgNZayPEOkGHVHFUauYnXLWQFZKQnQc39COfX8PpBEopwb7DyrtXbsTnhd6U9TI_SZCRdL1-YGEL2QgBV69Lnv-c/s1600/%252361+Windows+%25E4%25BD%25BF%25E7%2594%25A8%25E8%2580%2585%25E4%25B9%259F%25E8%2583%25BD%25E7%2594%25A8+Keynote%25EF%25BC%2581Keynote+%25E7%25B7%259A%25E4%25B8%258A%25E7%2589%2588%25E7%259A%2584%25E6%2587%2589%25E7%2594%25A8.008.png" width="100%" /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
Bill: 那麼以上 就是我們這次的分享啦~我們下期再見!</div>
</div>
</div>
</div>
簡報藝術烘焙坊http://www.blogger.com/profile/10736231926074743250noreply@blogger.comtag:blogger.com,1999:blog-2267166282977386549.post-78995060244740320892020-04-02T16:35:00.001+08:002020-07-10T19:58:45.017+08:00Keynote 10.0 版更新:雲端協作的新可能<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="1000" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivaiiHssxSK8BWcRcS5-p2ZWuCQoMbzkmUx6y3Mn2jthuGqTG0oS9dW-18YSg8IUT3-d3XUXGjbZqcjbGG4U2mYKZpAie5AWu_MzkmIZER3Ma2W6DCrFfITAI6oA4MmPSWy_QjYBfMtrqa/s1600/%25E6%2588%25AA%25E5%259C%2596+2020-04-02+%25E4%25B8%258B%25E5%258D%25883.39.52.png" width="100%" /></div>
<div style="text-align: center;">
(本文作者/內容策畫:Richard 林柏儒, Bill 彭毅弘)</div>
就在昨天,Keynote 迎來 10.0 版的更新,也是近期最大幅度的更新。這次更新顯著提升了 Keynote 與 iCloud雲端硬碟的整合,這讓 Keynote 雲端簡報的多人協作有了新的可能。而簡報模板的大幅更新也是令人眼睛一亮之處,看得出蘋果在辦公室生產力軟體領域強化競爭力的野心。<br />
<a name='more'></a><br />
<h2>
Keynote 10.0 版更新內容</h2>
• 將 Keynote 簡報加入共享的「iCloud 雲碟」檔案夾來自動開始合作。需要 macOS 10.15.4。<br />
• 離線編輯共享的簡報,當您重新連線時將會上傳您的更動內容。<br />
• 選用多種精美的新樣板來協助您開始編輯。<br />
• 在重新設計的主題選擇器中輕鬆取用最近使用過的主題。<br />
• 列印或輸出簡報的 PDF 並包含註解。<br />
• 加入首字放大,使用放大、裝飾性的第一個字元來突顯文字。<br />
• 使用多種新的、可編輯的形狀來豐富您的簡報內容。<br />
<br />
<h2>
iCloud 檔案夾共享:未來可期</h2>
過往 Keynote 要進行協作時,只能針對個別的「檔案」進行分享與權限的分配。這讓協作這件事情雖然可行,但是因為缺乏如 Google Drive 或是 Dropbox 檔案夾的統整機制,因此對於不論是學生寫報告還是職場協作的情境,都還是方便性不足。<br />
<br />
而<b>現在引入了 iCloud 檔案夾的統整機制,可以讓整體的分工流程變成更加便利,也讓真正的動態多人協作更有機會變成常態性協作的一環</b>。而這個優勢結合大量擁有 iPhone, iPad 的人口,以及 Mac 自帶的 Keynote 軟體,使得Keynote 有了足以與 PowerPoint 與 Google Slide 競爭辦公室軟體領導者的新優勢。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="1000" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg71-at0ZQEXmlktBkSMp3VDKzsp_vYehxoHB8pQbfDqy0vbVFkWZ3Vm_Q1qRs6wFDBkHpJBgfANQqzRDvVKPkxbG-hYhzXPqzwIDIsWYIMB_I98GkAQui4Shrmku9_6sN1Z4DuVQGVsqT9/s1600/%25E6%2588%25AA%25E5%259C%2596+2020-04-02+%25E4%25B8%258B%25E5%258D%25884.17.40.png" width="100%" /></div>
<br />
不過,由於目前 iCloud 的使用者並不多,也有免費 5GB 的限制。加上要使用這個功能需要更新至 macOS 10.15.4,可以想見短期內能符合條件、一起協作的人並不多。但假以時日、大家的作業系統漸漸更新上來了,就會是個未來性可期的功能了。<br />
<br />
<h2>
模板更新:多彩鮮豔</h2>
而模板更新的部分,<b>第一眼的直覺就是新模板走色彩鮮豔、亮麗活潑的風格,這和過往走經典雅致路線的模板相當不同之處。</b>除此之外,現在也根據基本、粗體、集刊...等方式來分類這些模板,相對過往有更明確的風格分類可供參考。<br />
<br />
<img border="0" data-original-height="1000" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivaiiHssxSK8BWcRcS5-p2ZWuCQoMbzkmUx6y3Mn2jthuGqTG0oS9dW-18YSg8IUT3-d3XUXGjbZqcjbGG4U2mYKZpAie5AWu_MzkmIZER3Ma2W6DCrFfITAI6oA4MmPSWy_QjYBfMtrqa/s1600/%25E6%2588%25AA%25E5%259C%2596+2020-04-02+%25E4%25B8%258B%25E5%258D%25883.39.52.png" style="text-align: center;" width="100%" /><br />
<br />
而一個比較難察覺的是,<b>現在 Keynote 選擇模板的頁面已經將 16:9 的寬版面設定為預設版型,如果要使用 4:3 的版型還要特別設定。這可以說是終於正式向電腦與手機的使用者靠攏,而非過往以投影幕的大小為主。</b>而其實投影機的廠商們也紛紛將 16:9 納入預設的投影大小之中,Keynote 的這個更新也將引領蘋果的使用者能自動選擇較理想的版型。<br />
<br />
那麼以上就是這次我們對 Keynote 10.0 版更新的兩點看法啦!最後我們再次工商一下由 Keynote 小王子祺浩老師,以及我們的設計師 Richard 聯手推出的新課程「<a href="https://lihi1.com/CvM8Y/blog" target="_blank">Keynote 即戰力:簡報製作到上台演講都搞定</a>」。目前課程預購時間僅剩兩週,現在購買能以 75 折的募資下入手,還能免費獲得祺浩老師製作的進階模板,也可以三人同行團報再打折,歡迎對 Keynote 有興趣的朋友購買喔!<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="1022" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9nVc2Os_Zgv36yuXsxJrRy_rsEG2sdSdMxuYiv5BOObS_c3JYnjxkYbBlhMQ9xFaUvId9j_IwMl5qhXpcp09uA-13dgCoMXinKs3j7dNvqr6xIqJcZzpvJO7Me0ozVfvfIFgxLK8OHjAo/s1600/%25E6%2588%25AA%25E5%259C%2596+2020-04-02+%25E4%25B8%258B%25E5%258D%25884.34.09.png" width="100%" /></div>
<br />簡報藝術烘焙坊http://www.blogger.com/profile/10736231926074743250noreply@blogger.comtag:blogger.com,1999:blog-2267166282977386549.post-28181776148128013542020-03-27T23:44:00.001+08:002020-03-27T23:45:25.227+08:00「視訊會議」「畫面共享」與「電話討論」的溝通注意關鍵<div style="text-align: center;">
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="540" src="https://www.youtube.com/embed/HPZII1H-FJE" width="100%"></iframe>
(本文作者/內容策畫:Bill 彭毅弘)<br />
<div style="text-align: left;">
話說近期肺炎的疫情肆虐,所以不少面對面的討論 都改用「線上會議」的方式進行。然而線上會議因為缺乏實際見面的情境,所以溝通的過程中往往很容易產生隔閡、不信任,甚至誤會的狀況。所以今天 Bill 要跟各位朋友聊的,便是在「視訊會議」「畫面共享」 與「電話討論」這三種溝通情境中各自該注意哪些關鍵,才能夠避免線上會議的隔閡與誤會,達成溝通目的。<br />
<a name='more'></a><br /></div>
<div style="text-align: left;">
<h2 style="text-align: left;">
為什麼多數人偏好「面對面」開會?</h2>
</div>
<div style="text-align: left;">
想要了解這些「線上會議」溝通的注意關鍵,就要先了解 為何即便是在現代,多數的商務人士仍然偏好「面對面」的現場實體會議。</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<div>
在現場實體會議中,互動雙方能夠接收與傳遞的不僅僅是可以見諸於文字、畫面的訊息,更包含了實際互動、肢體語言、眼神表情 等這些非語言的訊息。而<b>後面這些不僅對商務決策有著極高的參考價值,更經常是參與者彼此之間「信任感」與「團隊感」的來源</b>。</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Bk05Daig-cdK2A9cdhaUJ63k-UqoFXgaVuQk7KkORr5sw_APCxYXdxzyPDfTqKAMrUV1hQi0F9Wn_25C6EeehqkDHG7lpGsfPeCc_y9R6sl3sFyGX3q7UQGVm3f0hd-PrUZpP08BIeQw/s1600/%252360+%25E3%2580%258C%25E8%25A6%2596%25E8%25A8%258A%25E6%259C%2583%25E8%25AD%25B0%25E3%2580%258D%25E3%2580%258C%25E7%2595%25AB%25E9%259D%25A2%25E5%2585%25B1%25E4%25BA%25AB%25E3%2580%258D%25E8%2588%2587%25E3%2580%258C%25E9%259B%25BB%25E8%25A9%25B1%25E8%25A8%258E%25E8%25AB%2596%25E3%2580%258D%25E7%259A%2584%25E6%25BA%259D%25E9%2580%259A%25E6%25B3%25A8%25E6%2584%258F%25E9%2597%259C%25E9%258D%25B5.006.png" width="100%" /></div>
<div>
<br /></div>
</div>
<div style="text-align: left;">
<div>
好,那問題來了:現在在這個疫情肆虐、不得不採用遠距線上會議的現在,又該注意那些關鍵,才能夠彌補那些不在現場簡報,就沒辦法達成的效果呢?下來就讓我們分別就可以見到彼此的「視訊會議」、只能分享電腦畫面的「畫面共享」以及只能進行語音通話的「電話討論」這三種不同程度 來進行討論吧!</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg3I_EsLOwLmIwmNFsqdUZ1_nRZ1kWQK74R84vBpVgqeeE0pxsqc1zg6GgKUvdEfD09A0iIyLv9I4PQ6PMAV21NkHL24eCM_ce5ThBCrV4XFBSHpP62Ey-lXUl-3Yi05jQnm4BhpkDkeCf/s1600/%252360+%25E3%2580%258C%25E8%25A6%2596%25E8%25A8%258A%25E6%259C%2583%25E8%25AD%25B0%25E3%2580%258D%25E3%2580%258C%25E7%2595%25AB%25E9%259D%25A2%25E5%2585%25B1%25E4%25BA%25AB%25E3%2580%258D%25E8%2588%2587%25E3%2580%258C%25E9%259B%25BB%25E8%25A9%25B1%25E8%25A8%258E%25E8%25AB%2596%25E3%2580%258D%25E7%259A%2584%25E6%25BA%259D%25E9%2580%259A%25E6%25B3%25A8%25E6%2584%258F%25E9%2597%259C%25E9%258D%25B5.003.png" width="100%" /></div>
<div>
<br /></div>
<div>
<h2 style="text-align: start;">
情境 1:僅能看見對方的「視訊會議」</h2>
</div>
<div>
<div>
首先,如果你開的是「視訊會議」,也就是必須透過前置鏡頭才能夠捕捉雙方的表情的話,那麼相較於在現場的簡報,能夠應用的肢體語言便只剩下臉部的表情而已,手勢什麼的基本上沒有任何幫助。</div>
</div>
<div>
<br /></div>
<div>
此時如果你想要替溝通表現加分的話,<b>記得在輪到你講話的時候,請盡量對著「前置鏡頭」而非畫面中對方的影像說話</b>,這樣在對方的螢幕上看起來才會是直視對方、比較有精神的樣子。</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB7cg2lFDNgxsy_izOoGAyO25859VGBwrGO1j-P1rdczdUhdohWdZktR3BUKJHex67jo1kWVTL2o9xTZC2GVXtiSzbz3gngMiYuIdgziT3r_BrkdjiT64VyUhy3thNo7hnzvRZEAX6NAB1/s1600/%252360+%25E3%2580%258C%25E8%25A6%2596%25E8%25A8%258A%25E6%259C%2583%25E8%25AD%25B0%25E3%2580%258D%25E3%2580%258C%25E7%2595%25AB%25E9%259D%25A2%25E5%2585%25B1%25E4%25BA%25AB%25E3%2580%258D%25E8%2588%2587%25E3%2580%258C%25E9%259B%25BB%25E8%25A9%25B1%25E8%25A8%258E%25E8%25AB%2596%25E3%2580%258D%25E7%259A%2584%25E6%25BA%259D%25E9%2580%259A%25E6%25B3%25A8%25E6%2584%258F%25E9%2597%259C%25E9%258D%25B5.010.png" width="100%" /></div>
<br />
<div>
<div>
同時,你也要特別留意自己的表情。當然如果你有點面癱、一整個面無表情的話倒也無所謂,因為畢竟這是視訊的時候多數人的毛病;但<b>如果你在溝通的時候露出與談話內容互相違和的表情 —— 比方說,在溝通著很嚴肅的項目的時候,臉上卻露出謎之笑容 —— 那麼就有可能導致對方的誤解</b>。以上兩點做起來需要一點練習,但如果能夠真的做到的話便能有不少的加分。<br />
<br /></div>
</div>
<div>
<h2 style="text-align: start;">
情境 2:僅能分享桌面的「畫面共享」</h2>
</div>
<div>
<div>
再來,如果不方便與對方視訊,最多只能做到「畫面共享」的時候,這時因為連對方的「表情」都看不見,雙方的注意力便會轉移到共享畫面的變化之上。因此畫面的「視覺引導」就變得非常重要。</div>
</div>
<div>
<br /></div>
<div>
<b>如果今天共享的畫面是投影片的話,那麼就要特別注意畫面的資訊排版與動畫應用</b>;而<b>如果今天共享的畫面只是單純的桌面畫面的話,那麼也要注意游標的移動要具有引導性,而非胡亂地揮舞</b>。這部分我們之後有機會,會做更詳細的討論。</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxxYLlPQOuxQ0GqI9xZwzYPAfsQZILVpDY-dsV18Vy5y_23100xHv9b-hweU7t9XrFjl8KbuJKybuH-WrsrabMMzglOUFLo1K74ruBSY8lmkxJ_AiGrkrHGfPusKmcuTrrXNKLCv7YZNBf/s1600/%252360+%25E3%2580%258C%25E8%25A6%2596%25E8%25A8%258A%25E6%259C%2583%25E8%25AD%25B0%25E3%2580%258D%25E3%2580%258C%25E7%2595%25AB%25E9%259D%25A2%25E5%2585%25B1%25E4%25BA%25AB%25E3%2580%258D%25E8%2588%2587%25E3%2580%258C%25E9%259B%25BB%25E8%25A9%25B1%25E8%25A8%258E%25E8%25AB%2596%25E3%2580%258D%25E7%259A%2584%25E6%25BA%259D%25E9%2580%259A%25E6%25B3%25A8%25E6%2584%258F%25E9%2597%259C%25E9%258D%25B5.014.png" width="100%" /></div>
<div>
<br /></div>
<div>
<h2 style="text-align: start;">
情境 3:僅能語音溝通的「電話討論」</h2>
</div>
<div>
最後,如果是最傳統的、只有語音溝通的「電話討論」的話,那麼基本上連畫面都沒辦法共享了,<b>講話的「語氣」就會被雙方放大檢視,因此便要更加注意自己說話的語氣是否契合當下的談話內容</b>。</div>
<div>
<br /></div>
<div>
<div>
相信有些朋友聽到這邊一定不太認同,覺得說「唉呀,我又不是什麼專業聲優,何必做到這種程度?」當然我們是很難做到像聲優那麼專業,可是如果有適當的語氣變化的話,確實能夠讓「電話討論」時的溝通加分不少。</div>
</div>
<div>
<br /></div>
<div>
<div>
比方說 Bill 就曾遇到過不少次在開電話討論的時候,聲音聽起來十分官腔、感覺十分討人厭的談話對象、但實際見面的時候卻又發現對方其實是個非常親切的人 這樣子的反差。又以我自己來說,其實我自己在錄 YouTube 影片或是在做線上課程的時候,語氣也是有稍微調整過的。如果是照我平常說話的語氣來拍影片的話,應該不少朋友都會覺得十分平淡、聽久了可能到最後就睡著了,所以適度的語氣變化絕對是有必要的。</div>
</div>
<div>
<br /></div>
<div>
除了語氣之外,如果雙方需要根據特定的內容來進行討論的話,由於沒有辦法共享畫面,勢必就得改用雙方一起閱讀某個文件或是檔案的方式來進行。此時由於只能透過言語來引導,因此<b>建議檔案要有極為明確的「頁碼」、「編號」以及「細節標示」,這樣子在表達的時候 就不會變得很模糊</b>,搞得像是「我們來看一下下一頁,那個中間那一點的那個內容」,而是能夠明確地指涉內容的位置,比方說「請看到第三頁的下方,第二點紅框標示的內容」。這樣子就能夠避免雙方分心,或者是陷入討論時的鬼打牆狀況。</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZt9msJM1iF4ZpmsTaC0x6N9YADVFcLiVbZEzzXCf3gbolHrgBZZJJkpHXcS-PtHwH0q2BZo7i1qvjn8Ryz8SMKMwbCbvaIN0yFzCZxYzL4oB8IGAdpDO2-rIky4Xq_ycIhX9fQds04X-4/s1600/%252360+%25E3%2580%258C%25E8%25A6%2596%25E8%25A8%258A%25E6%259C%2583%25E8%25AD%25B0%25E3%2580%258D%25E3%2580%258C%25E7%2595%25AB%25E9%259D%25A2%25E5%2585%25B1%25E4%25BA%25AB%25E3%2580%258D%25E8%2588%2587%25E3%2580%258C%25E9%259B%25BB%25E8%25A9%25B1%25E8%25A8%258E%25E8%25AB%2596%25E3%2580%258D%25E7%259A%2584%25E6%25BA%259D%25E9%2580%259A%25E6%25B3%25A8%25E6%2584%258F%25E9%2597%259C%25E9%258D%25B5.020.png" width="100%" /></div>
<div>
<br /></div>
<div>
<h2 style="text-align: start;">
分享總結</h2>
</div>
<div>
<div>
以上的分享我們分成了三種情況來進行討論,但其實不論是「視訊會議」「畫面共享」還是「電話討論」,上面的每一點都是關鍵中的關鍵。所以這邊讓我們再重點回顧一次:</div>
</div>
<div>
<br /></div>
<div>
首先,面對視訊鏡頭時,要注意自己的視線與表情是否適切,並且契合言語表達的內容。再來,分享畫面要注意畫面的資訊排版與視覺引導,並且搭配適當的語氣變化來強化溝通。最後,與對方討論文件的時候,最好在文件上加上頁碼、編號與細節標示,讓內容的指涉更加精準。以上的關鍵,不知道各位朋友是否都掌握起來了呢?</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA7W3krh7waqnC1W3UpCepB_X6W7JLqFjDm57XD4vsWammh3blZgSruXK3SQpICyGoENEFYvt_2m9rgefa8LIQsXarEK7093Noaj9sgWg2cUDd5AtSoXbtjFILFw_AKt9p_JeThfQhCXId/s1600/%252360+%25E3%2580%258C%25E8%25A6%2596%25E8%25A8%258A%25E6%259C%2583%25E8%25AD%25B0%25E3%2580%258D%25E3%2580%258C%25E7%2595%25AB%25E9%259D%25A2%25E5%2585%25B1%25E4%25BA%25AB%25E3%2580%258D%25E8%2588%2587%25E3%2580%258C%25E9%259B%25BB%25E8%25A9%25B1%25E8%25A8%258E%25E8%25AB%2596%25E3%2580%258D%25E7%259A%2584%25E6%25BA%259D%25E9%2580%259A%25E6%25B3%25A8%25E6%2584%258F%25E9%2597%259C%25E9%258D%25B5.023.png" width="100%" /></div>
<div>
<br /></div>
<div>
<div>
最後讓我再次工商一下這次由 Keynote 小王子祺浩老師,以及我們家的設計師 Richard 聯手推出的新課程「<a href="https://lihi1.com/CvM8Y/blog" target="_blank">Keynote 即戰力:簡報製作到 上台演講都搞定</a>」,目前課程已經開放預購,及早購買便能解鎖多重早鳥優惠,各位朋友要買要快喔!</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi2WhQV5XWgGFlW_CY4oy-IG_FAprlgoj7BRs4m8Q8xa02C68DzVgkOB81OLi8ZAIh0Tvl6vqL1b4bAHbk2aQ6228NUbXPvJWY1MLed8ihXZRULF1Ep4ZuMZfKiQw_SIOeRjVcf3Bqc5h0/s1600/%252360+%25E3%2580%258C%25E8%25A6%2596%25E8%25A8%258A%25E6%259C%2583%25E8%25AD%25B0%25E3%2580%258D%25E3%2580%258C%25E7%2595%25AB%25E9%259D%25A2%25E5%2585%25B1%25E4%25BA%25AB%25E3%2580%258D%25E8%2588%2587%25E3%2580%258C%25E9%259B%25BB%25E8%25A9%25B1%25E8%25A8%258E%25E8%25AB%2596%25E3%2580%258D%25E7%259A%2584%25E6%25BA%259D%25E9%2580%259A%25E6%25B3%25A8%25E6%2584%258F%25E9%2597%259C%25E9%258D%25B5.025.png" width="100%" /></div>
<div>
那麼以上就是我們這次的分享啦~我們下期再見!</div>
</div>
<div>
<br /></div>
</div>
</div>
簡報藝術烘焙坊http://www.blogger.com/profile/10736231926074743250noreply@blogger.comtag:blogger.com,1999:blog-2267166282977386549.post-87556071773254343222020-03-27T16:38:00.001+08:002020-03-27T19:47:38.607+08:00把下載 icon 變成預設圖案:Keynote專屬設計密技<div style="text-align: center;">
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="540" src="https://www.youtube.com/embed/QbOv1RT55H8" width="100%"></iframe>
<br />
(<b>本文以訪談稿形式呈現</b>。受訪者:黃祺浩 / 內容策畫:黃祺浩、Bill 彭毅弘)</div>
Bill: 歡迎收看我們 10 分鐘學簡報系列睽違了將近一年的第 59 集分享:「把下載 icon 變成預設圖案:Keynote 專屬設計密技」,當然我絕對不會承認這是因為我們新課程要上線募資了,所以才錄的影片。那麼接下來就讓我們來歡迎這期節目的特別來賓:「Keynote 小王子」黃祺浩老師!<br />
<div style="text-align: center;">
<a name='more'></a><br /></div>
<div style="text-align: center;">
<h2 style="text-align: start;">
怎麼處理下載來的 icon 呢?</h2>
</div>
<div style="text-align: center;">
<div style="text-align: left;">
小王子:Hi 大家好,我是「Keynote 小王子」黃祺浩!好啦我承認,我來錄這期影片就是要來工商一下我的新課程「<a href="https://lihi1.com/CvM8Y/blog" target="_blank">Keynote 即戰力:簡報製作到上台演講都搞定</a>」,不過今天我也會分享一個小技巧,讓大家能夠有所收穫。當你購買<a href="https://lihi1.com/CvM8Y/blog" target="_blank">《Keynote 即戰力》</a>這堂課程的時候,我們首週就會送你 180 個 icon 的簡報檔!那麼現在問題來了,當你拿到這個簡報檔,面對裡面這麼多的 icon 你會怎麼做呢?</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_N21I2Qco78uBgHmOpbdaCZIvs4u93ga8hLga0ycyKI8AUDlZstO7XXVITzscsPYqriQFQMZAu5R__SeT9_WMtrJVfBRY9MNteldj5PUc8Bosg97BvEKNszmel2DHdxfhfasrlPBA-rxU/s1600/%25E8%25AA%25B2%25E7%25A8%258Bicon%25E6%2595%2599%25E5%25AD%25B8.001.png" width="100%" /></div>
<div style="text-align: left;">
Bill: 我想我一般就是把這個檔案給存下來,然後放進某個資料夾裡面,等到我要用的時候,再去把這個資料夾打開來,然後再去找那個 icon 這樣子。我是覺得這樣子蠻不方便的,不過好像也沒有什麼更好的方法......</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
小王子:對,但是這樣做,過一段時間之後,你就會不小心忘記這個檔案的存在,甚至忘記這個檔案存放在哪裡。而為了避免這個情況,我們事先有先處理過這些 icon,讓你可以善用 Keynote 獨有的「<b>儲存形狀</b>」功能,把下載的 icon 直接變成預設的圖案。</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<h2>
如何使用「儲存形狀」功能?</h2>
</div>
<div style="text-align: left;">
<div>
小王子:具體的作法非常地簡單,只要三個動作就可以做到:<br />
<div>
首先,打開購買<a href="https://lihi1.com/CvM8Y/blog" target="_blank">《Keynote 即戰力》</a>附贈的 icon 簡報檔,並按【Cmd A】將投影片內的 icon 全部選取起來。再來,點擊滑鼠右鍵或兩指單擊觸控板。最後,再選擇選單中的【儲存到我的形狀】這個選項,就大功告成啦!</div>
<br /></div>
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKINtRfgB7kE9loRSzsODEec5DCESDsBtlw8pTIED3sa4Ispkf44FdRcGwS76DQKCbdNrAN43BJPf3EkmTpRi4CXwFIGPYM9TIgs8ozWKwIQrJRx-6EckTl9eArDYvZ7gGOTgpNcasILD-/s1600/%25E6%2588%25AA%25E5%259C%2596+2020-03-27+%25E4%25B8%258B%25E5%258D%25884.24.50.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="1000" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKINtRfgB7kE9loRSzsODEec5DCESDsBtlw8pTIED3sa4Ispkf44FdRcGwS76DQKCbdNrAN43BJPf3EkmTpRi4CXwFIGPYM9TIgs8ozWKwIQrJRx-6EckTl9eArDYvZ7gGOTgpNcasILD-/s1600/%25E6%2588%25AA%25E5%259C%2596+2020-03-27+%25E4%25B8%258B%25E5%258D%25884.24.50.png" width="100%" /></a></div>
<div>
<br /></div>
<div>
小王子:完成這些步驟後,你剛剛儲存的 icon 就全部存到【形狀】的工具按鈕中。之後你打開任何一個 Keynote 檔,都可以直接從 【形狀】工具按鈕中找到這些 icon;而只要點擊這些 icon,他們就會直接出現在你的投影片中,這樣就不用再開一大堆舊檔案去找以前下載的素材資源了!<br />
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="1000" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4f2WkY3-qHljKycjwF7vpUkOhn6GGtlVXuKPT9XOCUyxc_MfEwAjIGgm__0aWG2bgaHU5hFA9aGRE76tZXpO8tKxaqoaEgBsoJEsDvON72PW8F_T9EKRMcmD2kF2SKHkyC6rghVu3fVrh/s1600/%25E6%2588%25AA%25E5%259C%2596+2020-03-27+%25E4%25B8%258B%25E5%258D%25884.28.07.png" width="100%" /></div>
<div>
<br /></div>
<div>
小王子:你看,這個功能是不是很方便?我告訴你,其實用 Keynote 就是這麼簡單直覺!已經購買課程的你,趕緊試試看吧!還沒有購買課程的朋友,趕快把握只有首週購買才附贈的 icon 優惠哦!</div>
<div>
<br /></div>
<div>
Bill: 好,那我們就感謝 Keynote 小王子的分享啦!其實小王子在課程中還會介紹很多像這樣簡單好上手的技巧,所以如果你有 Mac,卻從來沒有用過 Keynote 的話,推薦你一定要試試看。最後停更的這一年中其實我們有很多的全新突破,期待未來能與大家分享囉!我們下期再見!</div>
</div>
<div style="text-align: left;">
<br /></div>
</div>
簡報藝術烘焙坊http://www.blogger.com/profile/10736231926074743250noreply@blogger.comtag:blogger.com,1999:blog-2267166282977386549.post-64740856302913011352019-04-04T21:22:00.000+08:002019-04-17T10:25:50.578+08:00別再用Enter排版了:做好簡報資訊視覺化的三大起手式<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="540" src="https://www.youtube.com/embed/sTTFnBpxNMk" width="100%"></iframe>
<br />
<div style="text-align: center;">
(本文作者/內容策畫:Bill 彭毅弘)</div>
在我們過往的系列分享中,有不少針對簡報「資訊視覺化」介紹的主題。然而很多朋友看過之後,往往都反映說「唉呀你這些資訊視覺化的例子精彩是精彩,可是總是『咻』一下就變出來了,都不知道你是怎麼想到的,或是怎麼做出來的!」誒,如果你也是這麼覺得的話,那麼告訴你一個好消息,<b>就是其實這些資訊視覺化的例子它們雖然看似複雜,但只要掌握好三個設計的起手式,你就可以逐步養成好習慣,並且看穿這些例子背後共通的脈絡。</b>那麼這些起手式究竟是什麼呢?且讓我們繼續看下去!<br />
<a name='more'></a><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU3CVG5TASi6Jq1AO8pQ0s9r_oJ_UkNGB9Xnoht72TMAejtKir1Jn383OdjA6YTD7Jn8cqICqKDeR02_69nxd653OplBOYAGrUz96EbHcShJiKj7GzxsX2C5oIT3BIbePaUJqPef45phzt/s1600/%252354+%25E5%2588%25A5%25E5%2586%258D%25E7%2594%25A8Enter%25E6%258E%2592%25E7%2589%2588%25E4%25BA%2586%25EF%25BC%259A%25E5%2581%259A%25E5%25A5%25BD%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25B3%2587%25E8%25A8%258A%25E8%25A6%2596%25E8%25A6%25BA%25E5%258C%2596%25E7%259A%2584%25E4%25B8%2589%25E5%25A4%25A7%25E8%25B5%25B7%25E6%2589%258B%25E5%25BC%258F.001.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" height="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU3CVG5TASi6Jq1AO8pQ0s9r_oJ_UkNGB9Xnoht72TMAejtKir1Jn383OdjA6YTD7Jn8cqICqKDeR02_69nxd653OplBOYAGrUz96EbHcShJiKj7GzxsX2C5oIT3BIbePaUJqPef45phzt/s1600/%252354+%25E5%2588%25A5%25E5%2586%258D%25E7%2594%25A8Enter%25E6%258E%2592%25E7%2589%2588%25E4%25BA%2586%25EF%25BC%259A%25E5%2581%259A%25E5%25A5%25BD%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25B3%2587%25E8%25A8%258A%25E8%25A6%2596%25E8%25A6%25BA%25E5%258C%2596%25E7%259A%2584%25E4%25B8%2589%25E5%25A4%25A7%25E8%25B5%25B7%25E6%2589%258B%25E5%25BC%258F.001.png" /></a></div>
<h2>
起手式1:別再用Enter排版,善用獨立文字方塊</h2>
要做好簡報的資訊視覺化,<b>首先第一個,也是最重要的起手式,就是「別再用Enter去排版啦!請善用獨立的文字方塊加以取代。」</b>為什麼呢?因為使用Enter進行排版主要適用於文件的段落區分,然而簡報並不是文件,通常不是設計給人當成書在進行閱讀的<b>,因此如果你帶入文件排版的思維,反而會拘束整體排版的靈活性。</b><br />
<br />
一般人習慣使用Enter排版的原因,除了因為帶入了文件排版的思維之外,最主要的原因在於這個方法既方便又直覺。<span style="text-align: center;">如畫面中範例文字的段落,假設我們想要把上一段跟下一段分開一點的話,最快速、簡便、直覺的方法便是在其間按一下Enter。然而這個一時便利的方法卻會使整體後續的排版變得窒礙難行。</span><br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgDNgGbDlO4RpFabWm_QGWUYeRuuJBlpgpzRgBbqDDMWtBEGbESSMHTn2sCbvqCl3zvDys0HLtNUaPQFi04ytQToclk8Vn-It1NGvCUtq-HlMO73FLgYRRAlWx6xOB_z5OAOb7XbWxeBZy/s1600/%252354+%25E5%2588%25A5%25E5%2586%258D%25E7%2594%25A8Enter%25E6%258E%2592%25E7%2589%2588%25E4%25BA%2586%25EF%25BC%259A%25E5%2581%259A%25E5%25A5%25BD%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25B3%2587%25E8%25A8%258A%25E8%25A6%2596%25E8%25A6%25BA%25E5%258C%2596%25E7%259A%2584%25E4%25B8%2589%25E5%25A4%25A7%25E8%25B5%25B7%25E6%2589%258B%25E5%25BC%258F.007.png" width="100%" /></div>
<br />
比方說,你打算在範例文字段落的背後加入遮罩與框線加以區分,這時由於之前是使用Enter進行分段的,因此這些段落的文字其實皆屬於「同一個」物件。然而背後打算加入的遮罩與框線卻是個別「不同」的物件,<b>因此最後不僅點選時很容易誤觸,而且在排版上也只能手動依靠肉眼進行排版。</b><br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxwtzJC64NKStn64QNXgWJmBTX1MaaRgfQmgFhvv8a949oP8oDKPl8gWGub1MMofrMglKRRhcffWZf4pXnLky5K6pZRBe1FgbPSdvJp3uDQq8PlLZWTfbYGE3RGyx0tTUxpkH3AebOSOU3/s1600/%252354+%25E5%2588%25A5%25E5%2586%258D%25E7%2594%25A8Enter%25E6%258E%2592%25E7%2589%2588%25E4%25BA%2586%25EF%25BC%259A%25E5%2581%259A%25E5%25A5%25BD%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25B3%2587%25E8%25A8%258A%25E8%25A6%2596%25E8%25A6%25BA%25E5%258C%2596%25E7%259A%2584%25E4%25B8%2589%25E5%25A4%25A7%25E8%25B5%25B7%25E6%2589%258B%25E5%25BC%258F.010.png" width="100%" /></div>
<br />
反之,<b>如果這些段落事先被分開成獨立的文字方塊的話,那麼在排版時不僅不會誤觸,而且還能夠善用軟體的「對齊工具」協助排版。</b><br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh81zBwxcdBFeqBxLhODcEl4GFgw1Ku1Gl1JRokqoo6_-I0HunrGMXWTVX8QBA2Kceh0k7FnZ4HTiDawcW0yH12ftw0RoqwjCUCPJfdBtt_Y58mPQY844f7TCfPktfPZiF3CHZDCN4fzocI/s1600/%252354+%25E5%2588%25A5%25E5%2586%258D%25E7%2594%25A8Enter%25E6%258E%2592%25E7%2589%2588%25E4%25BA%2586%25EF%25BC%259A%25E5%2581%259A%25E5%25A5%25BD%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25B3%2587%25E8%25A8%258A%25E8%25A6%2596%25E8%25A6%25BA%25E5%258C%2596%25E7%259A%2584%25E4%25B8%2589%25E5%25A4%25A7%25E8%25B5%25B7%25E6%2589%258B%25E5%25BC%258F.012.png" width="100%" /></div>
<br />
而這兩者一來一往的差距,當放大到整份簡報「每一張」投影片的製作時,便會產生決定性的影響。因此請記得,別再用Enter進行排版啦!善用獨立的文字方塊排版,就是做好簡報資訊視覺化的第一個起手式。<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVpmYJyVyG9ISyMNoNyjwzTAFipGhmQz_JkYjHfB207DJ1fJfJutJwHYMxyf2hYYq2qo1Mi2JZGPmidKjUAKwihW2Hx2_gC2aASIONzX0hhG6tpY3LzX7A8SGk5eI1de3UfYqmUuY6FBfr/s1600/%252354+%25E5%2588%25A5%25E5%2586%258D%25E7%2594%25A8Enter%25E6%258E%2592%25E7%2589%2588%25E4%25BA%2586%25EF%25BC%259A%25E5%2581%259A%25E5%25A5%25BD%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25B3%2587%25E8%25A8%258A%25E8%25A6%2596%25E8%25A6%25BA%25E5%258C%2596%25E7%259A%2584%25E4%25B8%2589%25E5%25A4%25A7%25E8%25B5%25B7%25E6%2589%258B%25E5%25BC%258F.014.png" width="100%" /></div>
<br />
<br />
<br />
<br />
<h2>
起手式2:善用醒目小標取代五顏六色重點標示</h2>
<b>第二個做好簡報資訊視覺化的起手式,是「善用醒目小標,來取代五顏六色重點標示」</b>。使用粗體、斜體跟底線去標示重點,是我們在閱讀文件的時候,很容易有的習慣,然而這樣的習慣是建立在文件的排版變化「相對有限」之上的。然而對於投影片而言,投影片的排版,其實能夠有更多的變化,而其中<b>最實用、最能輔助資訊視覺化的變化之一,便是將個別段落的主旨、目的或是梗概,使用字級較大的「小標」來加以凸顯。</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXptznkSbv5tthoYJ59T88c34vmxq8_TwtXO5yCd8BURXgK6hVlrlw2DamldXqez5pbiajOV7B-dr8ISlvqeWCQwhbokrML7SrqFZmlGR2-ryANRh0j6chqdbF9Zqad-ysQ9nNw7DJgOSg/s1600/%252354+%25E5%2588%25A5%25E5%2586%258D%25E7%2594%25A8Enter%25E6%258E%2592%25E7%2589%2588%25E4%25BA%2586%25EF%25BC%259A%25E5%2581%259A%25E5%25A5%25BD%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25B3%2587%25E8%25A8%258A%25E8%25A6%2596%25E8%25A6%25BA%25E5%258C%2596%25E7%259A%2584%25E4%25B8%2589%25E5%25A4%25A7%25E8%25B5%25B7%25E6%2589%258B%25E5%25BC%258F.018.png" width="100%" /></div>
以剛才的範例文字段落為例,原始段落包含了不少對於細節重點的標示,這些標示雖然能夠凸顯重點,但也會讓投影片產生不少雜訊。<b>而且投影片相較於文件,「讓人快速秒懂目的」遠比「避免細節重點遺漏」還要來得重要。</b>因此適合的修改方式,便是在分析整段文字的段落目的、梗概之後,替這些段落加上一個「小標」。像是這個樣子:<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2WonycPotp1Osx7yZ0q6VAcLqXVB38AJ03p2Zpc3LQmwgFvACFrlsGMXrtrehVmzgO_qlIlJYDx9VXYKvuniEmtOSW07aBI6XGEwLjYPmWm6dTqCToHIEUCI4Esx7rUpgmXWZF5QbZk_i/s1600/%252354+%25E5%2588%25A5%25E5%2586%258D%25E7%2594%25A8Enter%25E6%258E%2592%25E7%2589%2588%25E4%25BA%2586%25EF%25BC%259A%25E5%2581%259A%25E5%25A5%25BD%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25B3%2587%25E8%25A8%258A%25E8%25A6%2596%25E8%25A6%25BA%25E5%258C%2596%25E7%259A%2584%25E4%25B8%2589%25E5%25A4%25A7%25E8%25B5%25B7%25E6%2589%258B%25E5%25BC%258F.022.png" width="100%" /></div>
<br />
有沒有發現,加上小標之後,觀眾對於內容的掌握度瞬間提升了不少,彷彿只要看一眼,便能夠馬上掌握整張投影片的邏輯框架。而且如果製作時,你的小標是使用獨立的文字方塊的話,你就可以有更靈活、優化的排版空間。<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhByqaSs1QHe9qhZy9dGReaRVg87gtTBorEcPajGjWEOfchmBdShhH3Ni5_uiYtfQvLb95hN8doXZYvtxylHusIBp-2f_18xZB8z35640quWLwAR-QINZrruqIT3gWSE21etH2gkQXkABWG/s1600/%252354+%25E5%2588%25A5%25E5%2586%258D%25E7%2594%25A8Enter%25E6%258E%2592%25E7%2589%2588%25E4%25BA%2586%25EF%25BC%259A%25E5%2581%259A%25E5%25A5%25BD%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25B3%2587%25E8%25A8%258A%25E8%25A6%2596%25E8%25A6%25BA%25E5%258C%2596%25E7%259A%2584%25E4%25B8%2589%25E5%25A4%25A7%25E8%25B5%25B7%25E6%2589%258B%25E5%25BC%258F.023.png" width="100%" /></div>
<br />
最後,比較前後兩者的差異,<b>你就可以發現這樣子顯著的改變,其實就僅僅源自於使用了字級差異較大的「小標」來凸顯目的,</b>因此善用醒目小標去取代內部文字段落五顏六色的重點標示。便是做好簡報資訊視覺化的第二個起手式。<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEVGiT3ybLQIOcwK0kuhrQ2h3rgUdo5IRyDZ-BWgYs6SwQxJf_kDV97rcHnuF10uE9SC6UihIorQw_yUdkagSo2ESc1IY7DUSZxr3TXkStc0Qb2pOkLd4qW95uY2ve8mB4sFMie_Sn68nC/s1600/%252354+%25E5%2588%25A5%25E5%2586%258D%25E7%2594%25A8Enter%25E6%258E%2592%25E7%2589%2588%25E4%25BA%2586%25EF%25BC%259A%25E5%2581%259A%25E5%25A5%25BD%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25B3%2587%25E8%25A8%258A%25E8%25A6%2596%25E8%25A6%25BA%25E5%258C%2596%25E7%259A%2584%25E4%25B8%2589%25E5%25A4%25A7%25E8%25B5%25B7%25E6%2589%258B%25E5%25BC%258F.025.png" width="100%" /></div>
<div dir="ltr" style="line-height: 1.7999999999999998; margin-bottom: 0pt; margin-top: 0pt;">
</div>
<span id="docs-internal-guid-755832d1-7fff-65a5-5681-52c1374fa0e9"></span><br />
<br />
<hr />
如果你喜歡這次影片的主題,<a href="https://www.youtube.com/channel/UCoAmv3Imi3Tl1dnseAMSqug" target="_blank">歡迎訂閱我們的YouTube頻道</a>,並且分享這支影片給更多有興趣的朋友。此外,如果你想更深入了解簡報資訊視覺化的技巧,也歡迎參考我們在線上課程平台Hahow所開設的經典課程<a href="https://hahow.in/cr/slideart" target="_blank">「精準設計:簡報心法篇」</a>,從業界實務案例更有系統的掌握資訊視覺化的技巧喔!<br />
<div>
<span id="docs-internal-guid-755832d1-7fff-65a5-5681-52c1374fa0e9"></span><br />
<div dir="ltr" style="line-height: 1.7999999999999998; margin-bottom: 0pt; margin-top: 0pt;">
</div>
<span id="docs-internal-guid-755832d1-7fff-65a5-5681-52c1374fa0e9">
</span>
<br />
<hr />
<span id="docs-internal-guid-755832d1-7fff-65a5-5681-52c1374fa0e9">
</span></div>
<div>
<br /></div>
<div dir="ltr" style="line-height: 1.7999999999999998; margin-bottom: 0pt; margin-top: 0pt;">
</div>
<br />
<h2>
起手式3:善用間距與位置凸顯相對關係</h2>
使用前面兩個簡單的起手式去重新排版投影片,你就會發現說觀眾對於內容的「目的」掌握度變得更高了。<b>而最後一個起手式「善用間距與位置凸顯相對關係」則可以更進一步優化,讓觀眾對於投影片內容的「邏輯」有更好的掌握。</b>所謂「間距與位置」乍聽之下好像有些抽象,但是反映在實際操作上面,往往可以用兩個具體的<b>動作加以概括:其一就是「調整文字間距」,而其二則是「調整文字方塊的位置」。</b><br />
<br />
首先,<b>如果你製作簡報的時間非常有限的話,那麼「調整文字間距」將會是CP值最高的調整動作之一。</b>通常系統預設的文字間距往往太過密集,導致觀眾閱讀體驗會很差。<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWJD74hGl3xlxEYFgSknccuwrYHX7QjYncNooVJpwuqgMI1l-XWVGNrZNNNw06UBs5xs28H8gzaYHHTdxBRriGTetRi4R-AUpVIWrFAEYgz794LrvaF5pIh2xDW1zUqsCZIGbWTKYtyHEa/s1600/%252354+%25E5%2588%25A5%25E5%2586%258D%25E7%2594%25A8Enter%25E6%258E%2592%25E7%2589%2588%25E4%25BA%2586%25EF%25BC%259A%25E5%2581%259A%25E5%25A5%25BD%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25B3%2587%25E8%25A8%258A%25E8%25A6%2596%25E8%25A6%25BA%25E5%258C%2596%25E7%259A%2584%25E4%25B8%2589%25E5%25A4%25A7%25E8%25B5%25B7%25E6%2589%258B%25E5%25BC%258F.031.png" width="100%" /></div>
<br />
此時只要<b>稍微調整一下文字的間距——通常是1.5倍左右的行距——整體的閱讀舒適度就會提升不少,</b>彷彿讓版面有了「呼吸」的空間。<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhapPQEi2DmhGMLkEUzW87yIhT9lex726myBxs1KByLNBetyGScLgH47eOqoabvFsOQqlbvN-fhgkOCmCTVgaYoogBe8Gie4Hv9yva5-HibkyjwPgcSl0jZiA24IJiaqKPBOyEHelxJJocX/s1600/%252354+%25E5%2588%25A5%25E5%2586%258D%25E7%2594%25A8Enter%25E6%258E%2592%25E7%2589%2588%25E4%25BA%2586%25EF%25BC%259A%25E5%2581%259A%25E5%25A5%25BD%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25B3%2587%25E8%25A8%258A%25E8%25A6%2596%25E8%25A6%25BA%25E5%258C%2596%25E7%259A%2584%25E4%25B8%2589%25E5%25A4%25A7%25E8%25B5%25B7%25E6%2589%258B%25E5%25BC%258F.032.png" width="100%" /></div>
<br />
此外,如果你害怕版面有限,調大行距會超出畫面的邊界的話,那麼你可以考慮稍微縮小一點點文字的大小,<b>因為一般而言,文字的間距它對於閱讀體驗的影響,往往更勝於絕對的文字的大小。</b><br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrDbvDnKGqFLypu5FN4V2Oei_54m4euTUo1-sI9kvEoRQp-0Lqg3TGL50iarvD3YBBj3PQ6uvFeWfLhiUcuaanK1YflTRPHGkleGS4l_k7OQaU1hndEMdhhrZQsR2R7KJnLnRZVX3a6bSC/s1600/%252354+%25E5%2588%25A5%25E5%2586%258D%25E7%2594%25A8Enter%25E6%258E%2592%25E7%2589%2588%25E4%25BA%2586%25EF%25BC%259A%25E5%2581%259A%25E5%25A5%25BD%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25B3%2587%25E8%25A8%258A%25E8%25A6%2596%25E8%25A6%25BA%25E5%258C%2596%25E7%259A%2584%25E4%25B8%2589%25E5%25A4%25A7%25E8%25B5%25B7%25E6%2589%258B%25E5%25BC%258F.034.png" width="100%" /></div>
<br />
再來,是「調整文字方塊的位置」,如果你有做好第一個起手式,使用獨立的文字方塊去處理文字段落的話,<b>那麼此時你便可以利用文字段落的位置、間距關係,甚至是動畫出現的時間與順序,來讓觀眾更清楚地掌握它們彼此之間的關聯。</b><br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigDo-K9Yj0Ij_xW0c0AUYJCx2ZmUQsJkK9MYfHYnMoMXHc1u18FUDW4V5ng5I8GO_bTFU2c_euQ3LkdWomIIu6WI5Tf4FHEfrhCV4s_Q76aWSYP_4kgShcAxmct5H7xJnXb2cPoMfPgkyo/s1600/%252354+%25E5%2588%25A5%25E5%2586%258D%25E7%2594%25A8Enter%25E6%258E%2592%25E7%2589%2588%25E4%25BA%2586%25EF%25BC%259A%25E5%2581%259A%25E5%25A5%25BD%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25B3%2587%25E8%25A8%258A%25E8%25A6%2596%25E8%25A6%25BA%25E5%258C%2596%25E7%259A%2584%25E4%25B8%2589%25E5%25A4%25A7%25E8%25B5%25B7%25E6%2589%258B%25E5%25BC%258F.037.png" width="100%" /></div>
<br />
有沒有發現,經過這樣的處理之後,<b>即使畫面非常的清楚、簡單,但是比起範例的原始版本,仍然有了顯著的改善了呢?</b>而這,便是做好簡報資訊視覺化的第三個起手式「善用間距與位置凸顯相對關係」的效益所在。<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjVhOVu8l9SRRDvp_vdzdq5_gzUeq_W5hAIai7EcCIHey4l9BnFPMPkfnLw4iBlHPaV5dnaJE1U821zEkbv4QdCIlLU0rNS8lUjCuf_P8ovnIPMBQ9sg2pCm4suJcb8JfZHDpU6SU9uqfI/s1600/%252354+%25E5%2588%25A5%25E5%2586%258D%25E7%2594%25A8Enter%25E6%258E%2592%25E7%2589%2588%25E4%25BA%2586%25EF%25BC%259A%25E5%2581%259A%25E5%25A5%25BD%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25B3%2587%25E8%25A8%258A%25E8%25A6%2596%25E8%25A6%25BA%25E5%258C%2596%25E7%259A%2584%25E4%25B8%2589%25E5%25A4%25A7%25E8%25B5%25B7%25E6%2589%258B%25E5%25BC%258F.040.png" width="100%" /></div>
<br />
<br />
<br />
<br />
<h2>
分享總結</h2>
那麼以上,差不多就是本次分享的所有內容啦!這邊再次給大家一個簡單的重點整理:想做好簡報資訊視覺化,就要先做好這次分享介紹的三大起手式:<b>首先「別再用Enter排版,要善用獨立的文字方塊」,再來「善用醒目的小標,來取代五顏六色的重點標示」,最後就是「善用間距與位置去凸顯相對的關係」</b>。這三大起手式都是在技術上十分簡單,但是對於後續資訊視覺化的進階處理十分關鍵的基礎。養成好從這三大起手式著手處理投影片的好習慣,你就能夠逐步上手簡報的資訊視覺化囉!簡報藝術烘焙坊http://www.blogger.com/profile/10736231926074743250noreply@blogger.comtag:blogger.com,1999:blog-2267166282977386549.post-79325823172482646122019-03-21T22:29:00.000+08:002020-03-27T16:06:48.808+08:00臨床醫師真正需要的簡報設計 — 專訪李宣澤醫師<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="540" src="https://www.youtube.com/embed/mnNr1WcCSHQ" width="100%"></iframe>
<br />
<div style="text-align: center;">
(<b>本文以訪談稿形式呈現</b>。受訪者:李宣澤醫師 / 內容策畫:Bill 彭毅弘)</div>
醫學簡報比起一般簡報,至少有三項差異,<b>分別是「資料量大」、「更新率高」、以及「製作時間短」,而這三項差異讓醫學簡報的準備的重點,與一般簡報所著重的方法大不相同。</b>那麼對於臨床醫師而言,簡報設計真正需要的又是什麼呢?這一集我們就邀請到了「醫學簡報實戰研討」系列課程的創辦人李宣澤醫師來分享!接下來就讓我們看看,在醫學簡報的設計實務上面,一般人有哪些迷思,又該怎麼解決。接下來就讓我們繼續看下去!<br />
<a name='more'></a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" height="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMkZcp0UBOW33mWTYhU39vdnuHbYK9avyH_rTC5yHgj0L9D2zzvSh-ctrIL68Ufc3rdSI2gefWMcAd1E1BqwOKZzyq4uY2QVC8jn38-orPyvhfNDFUKCfrbg4KUsj0U8qbiG60VYUBAgoQ/s1600/%252353+%25E8%2587%25A8%25E5%25BA%258A%25E9%2586%25AB%25E5%25B8%25AB%25E7%259C%259F%25E6%25AD%25A3%25E9%259C%2580%25E8%25A6%2581%25E7%259A%2584%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25A8%25AD%25E8%25A8%2588+%25E2%2580%2594+%25E5%25B0%2588%25E8%25A8%25AA%25E6%259D%258E%25E5%25AE%25A3%25E6%25BE%25A4%25E9%2586%25AB%25E5%25B8%25AB.001.png" /></div>
<h2>
「生菜沙拉vs炸薯條」內容與設計的取捨</h2>
<span style="color: orange;">說到醫學簡報的設計,其實早些年的時候似乎並不會把它當成一個獨立的議題特別重視。然而近來醫學簡報的逐漸成為顯學的同時,針對醫學簡報的設計也逐漸產生不同的聲音:有些人認為傳統的簡報設計太過時,應該朝更視覺、更圖像化的設計靠攏;有些人則認為醫學簡報的「內容」才是重點,設計什麼的基本上就是花拳繡腿。關於這兩種看法,不曉得宣澤你會怎麼看?</span><br />
<br />
<br />
其實我覺得這兩種看法都太極端了,<b>過猶不及,都不夠好。</b>抱持第一種極端想法的醫師通常會這麼說:「哎呀!醫學簡報最重要的就是內容啦!搞得這麼花俏只是在譁眾取寵,沒有意義。」這種做法<b>很容易讓醫學簡報變成「營養,但是食之無味棄之可惜」的生菜沙拉—大家都知道應該要吃,但就是很難下嚥,結果演講者精心準備的內容聽眾卻消化不良,很可惜。</b><br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTAl39l-WPZDcRFuY69eMWPyEnC2GBQoRbtI_XA69GVxAXaXMjb-AAoeEpM0a4CXlGLXQIa6aOC4fx49UUACLjKvWevh8YK8PxP96-ke9SGIjPX7CCOCLlMpgTkmevHU5_mNFd4ZoI63Ed/s1600/%252353+%25E8%2587%25A8%25E5%25BA%258A%25E9%2586%25AB%25E5%25B8%25AB%25E7%259C%259F%25E6%25AD%25A3%25E9%259C%2580%25E8%25A6%2581%25E7%259A%2584%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25A8%25AD%25E8%25A8%2588+%25E2%2580%2594+%25E5%25B0%2588%25E8%25A8%25AA%25E6%259D%258E%25E5%25AE%25A3%25E6%25BE%25A4%25E9%2586%25AB%25E5%25B8%25AB.009.png" width="100%" /></div>
<br />
而另一個極端,則是「太過新潮」。有些醫師在外面上過課之後,深深感到「簡報設計真的是很重要,視覺化、圖像化的設計才是簡報應有的樣子」,結果在做casereport,journalreading的時候<b>花費了過多時間去排版、配色、把文字進行圖像化,卻排擠了應該用於資訊整理的時間跟精力。最後導致簡報變成了色香味兼具的炸薯條——好吃,但是沒什麼營養,一場簡報讓人聽下來覺得沒學到什麼東西,真正變成了醫界大老們中的「捨本逐末」。</b>這種極端在風氣相對於其他行業更為傳統、保守的醫療界,可能比另一個極端更不討喜。<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1N9zAT6igK9hBWAgz4nbyT37a7n6npjKwOKmA45DiXHLMr4qrl-g8wiVnS420u3zUt-ZT-ktgL607ENw3n2SjS2JTFBO-NZEWU2TZT1lLE5kWBsdO3ON9x5ZBhKb5D9C1MJTAYFrg4Pup/s1600/%252353+%25E8%2587%25A8%25E5%25BA%258A%25E9%2586%25AB%25E5%25B8%25AB%25E7%259C%259F%25E6%25AD%25A3%25E9%259C%2580%25E8%25A6%2581%25E7%259A%2584%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25A8%25AD%25E8%25A8%2588+%25E2%2580%2594+%25E5%25B0%2588%25E8%25A8%25AA%25E6%259D%258E%25E5%25AE%25A3%25E6%25BE%25A4%25E9%2586%25AB%25E5%25B8%25AB.011.png" width="100%" /></div>
<br />
事實上,上述兩種極端「過與不及」都不好,簡報要有好內容才會有價值,但也要有好設計讓觀眾好吸收。所以我認為啊,<b>在醫學簡報的設計上,我們應該抱求一種「先求『不扣分』再求加分」的態度,</b>就如Bill常提到的「降低雜訊」的觀念一樣,我們應該先避免不必要的設計造成資訊傳達的障礙——所謂隱惡揚善中的「隱惡」,然後再求讓資訊更好、更容易吸收——也就是隱惡揚善中的「揚善」。<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXKH583sjmx5kqLll0DrDvPpJxsooUym_eqDY6_pL2ffiAAgfKAn3-UwiBKz9kEdO7hMcVrgkGIAAIKvnKeI6UDsg_OIC02jpYn1zy20YGWRuJdBc7jwCFV04NN6CSrs7XAEnftkwJRptf/s1600/%252353+%25E8%2587%25A8%25E5%25BA%258A%25E9%2586%25AB%25E5%25B8%25AB%25E7%259C%259F%25E6%25AD%25A3%25E9%259C%2580%25E8%25A6%2581%25E7%259A%2584%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25A8%25AD%25E8%25A8%2588+%25E2%2580%2594+%25E5%25B0%2588%25E8%25A8%25AA%25E6%259D%258E%25E5%25AE%25A3%25E6%25BE%25A4%25E9%2586%25AB%25E5%25B8%25AB.014.png" width="100%" /></div>
<br />
至於設計實際上要追求到什麼水平,<b>我們可以以那些暢銷、聲譽卓著的「聖經級」課本——例如內科學聖經Harrison'sInternalMedicine,或者是一些頂尖的期刊——像NEJM、Lancet、JAMA等,作為參考的標竿。</b>這些期刊雖然資訊量很大,但是卻一樣能夠在兼顧專業感的同時,又讓我們很好閱讀。而這種樸素、大方但明顯經過設計的版面和色彩,就是我們模仿的最好的對象。<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmLWMtMeFVxlbW7bmC85o09PwQKMP5IeBZ_dbZVsA-Pn67OwYR4FBNAF1jK-TM817l6KROp4MGzYSYW4z_jEXb29MNIga8uh_UVYpaI7oUXdigAnzlqW9Xuyw2kWGo7YAYv85yU0rnvEdM/s1600/%252353+%25E8%2587%25A8%25E5%25BA%258A%25E9%2586%25AB%25E5%25B8%25AB%25E7%259C%259F%25E6%25AD%25A3%25E9%259C%2580%25E8%25A6%2581%25E7%259A%2584%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25A8%25AD%25E8%25A8%2588+%25E2%2580%2594+%25E5%25B0%2588%25E8%25A8%25AA%25E6%259D%258E%25E5%25AE%25A3%25E6%25BE%25A4%25E9%2586%25AB%25E5%25B8%25AB.016.png" width="100%" /></div>
<br />
所以簡單小結一下,<b>其實我認為我們身為一位專業的臨床醫師,應該要用最多的時間去消化、整理、思考資訊的呈現順序;然後使用最精簡的時間排版、配色、找圖,來去增加簡報的可近性跟親和力。</b>而這其中最適合的模仿對象,就是我們平常熟悉的課本與專業期刊。這樣子就可以讓你的簡報既有好內容也有好設計,而不會像生菜沙拉或是炸薯條一般,偏廢任何一方。<br />
<br />
<br />
<br />
<br />
<h2>
醫學簡報初心者的三種必學技巧</h2>
<span style="color: orange;">前面這段分享其實我覺得蠻有趣的,一開始聽起來像是「中庸之道」,但聽到後來,更像是「實用主義」的展現,引導醫師朋友們拿捏出最有實際效益的簡報做法。那既然說到了實用,我還蠻好奇的是,以你的經驗來說,有哪些簡單的技巧或是設計方式,是醫學簡報的初心者馬上能現學現賣的?</span><br />
<br />
<br />
好的,我覺得想要回答這個問題,我們可以從回顧前人的投影片開始——把前人的投影片打開,我們很容易發現醫學簡報最常見的問題主要有以下三個:<br />
<b>第一,資料超多又想一次全部呈現出來,讓人不知道從哪裡開始看比較好</b><br />
<b>第二,想要強調很多重點,於是用了很多不同的色彩、線條、色塊,結果讓人眼花撩亂反而找不到重點</b><br />
<b>第三,因為不熟悉軟體操作,於是想加字就放文字方塊、圖片的位置也沒有辦法放得很規律,甚至濫用空格、換行去做排版,導致每一張投影片的排版欠缺一致性,讓人整場演講聽下來覺得很混亂。</b><br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg17ca-_s91rBMD2AQLs3MTjQ6PduWlwJqGmRNIKVE-mqp9RgFviyHc7CPMQ1TgDhrD03NuixkSEh3iXaYoswNIM_03X5tiGf3Em-C9qR9-rl1zdcWcANONMIBajHtpIIKUI246KPuDgmfI/s1600/%252353+%25E8%2587%25A8%25E5%25BA%258A%25E9%2586%25AB%25E5%25B8%25AB%25E7%259C%259F%25E6%25AD%25A3%25E9%259C%2580%25E8%25A6%2581%25E7%259A%2584%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25A8%25AD%25E8%25A8%2588+%25E2%2580%2594+%25E5%25B0%2588%25E8%25A8%25AA%25E6%259D%258E%25E5%25AE%25A3%25E6%25BE%25A4%25E9%2586%25AB%25E5%25B8%25AB.021.png" width="100%" /></div>
<br />
針對以上三個問題,我接下來會分別進行拆解和提出解決方案。你會發現,只要解決這三個問題,你的醫學簡報就會比百分之八十以上的作品更好懂,在晨會、科會報告完之後,立刻收到讚美並且詢問「誒,你是不是在外面上課啊?」<br />
<br />
<b>首先,內容呈現上,我們要把握「一次只講一件事」的規則,改掉把龐雜的資訊一氣全部呈現出來的習慣。</b>讓聽眾從眼花撩亂,到能夠跟著我們的邏輯一步步地往下走,就像再精采的演講也得一句一句地去講、豐盛的宴席也得一道一道出一樣。<br />
<br />
<b>具體的作法,我們可以運用「刪去法」或者「遮擋法」</b>,把一張有十行字的投影片變成「一次出來三行字,總共三張」的投影片,或者將有十格內容的流程圖,改成「一次出來一格,總共十張」的投影片。這樣雖然看起來投影片的總數變多了,但因為我們每次只聚焦在一小塊「新的」內容,觀眾很容易抓到我們現在走到哪裡,同時也可以避免我想從第一步開始講,觀眾的眼睛卻直接飄到最後一步看結果的一個窘境,畢竟我們不可能控制觀眾的眼睛一開始要擺在哪裡嘛。結果就是,<b>雖然投影片的數量變多,但我們卻能演講的更有效率,別人也吸收得更快。</b><br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgOt22MpLZ4xk2sris6fS0K6XfaoPN4f8SzyHUOzl6Kn3wDsdwksSuhy51AXLALigzDDVDIh3vKqJ5yFro1fDFq9gIBU2TmEaG6qZeweiwX_qLddtpyFx-8ddDzO9tWmypec-keqpkVL8f/s1600/%252353+%25E8%2587%25A8%25E5%25BA%258A%25E9%2586%25AB%25E5%25B8%25AB%25E7%259C%259F%25E6%25AD%25A3%25E9%259C%2580%25E8%25A6%2581%25E7%259A%2584%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25A8%25AD%25E8%25A8%2588+%25E2%2580%2594+%25E5%25B0%2588%25E8%25A8%25AA%25E6%259D%258E%25E5%25AE%25A3%25E6%25BE%25A4%25E9%2586%25AB%25E5%25B8%25AB.027.png" width="100%" /></div>
<br />
<b>第二,配色上,我們以黑白灰之外,「另外選一種顏色」為「強調色」就好,來取代使用各種不同顏色來強調重點的習慣,由此解決「太多重點就是沒有重點」的問題。</b><br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
例如我想用紅色為強調色,就可以把想要強調的重點字改成紅色、圖片上用來標示重點的圓圈、方框、箭頭也用紅色,標題字、還有甚至表格強調的儲存格背景也用紅色,而不要一下子紅色、一下子綠色,<b>這樣就能夠兼顧「強調」和「不讓人眼花撩亂」了。</b><br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGup49qo-d22NyQp-lilv3dDvT4W9LqX-pieoBE-Q_WMheeGADe4wsl8qU4fJRJcmJfFLvz1Tn9Krro334zmoaGaF6lK6AN5cq39ErQDv2cBH68CjT3lWW9gMhvvmushD8IRyCOJt7uIx3/s1600/%252353+%25E8%2587%25A8%25E5%25BA%258A%25E9%2586%25AB%25E5%25B8%25AB%25E7%259C%259F%25E6%25AD%25A3%25E9%259C%2580%25E8%25A6%2581%25E7%259A%2584%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25A8%25AD%25E8%25A8%2588+%25E2%2580%2594+%25E5%25B0%2588%25E8%25A8%25AA%25E6%259D%258E%25E5%25AE%25A3%25E6%25BE%25A4%25E9%2586%25AB%25E5%25B8%25AB.030.png" width="100%" /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
如果想要再進階一點,可以去<b>避免選擇Windows預設的、那些又鮮豔又亮麗的顏色或效果,</b>因為稍微不飽和一點的顏色——例如酒紅色、土黃色、墨綠色、海軍藍——其實在設計上比較有質感、會讓觀眾比較舒服。同樣的配色邏輯,你一樣可以在頂尖期刊的網站上看見。<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizeLibYV8eiWKZ9jl6N44nNJB76I0gA7_2hTTXahfW5ien8VMKmcqWRJDg9mXUOtRUADRIS9Gv8uhauZxDdCQXvye_Pgl-Rs46-XBLZTuRvOpvR8otD1lzTUd8u4AN3YdnEPjBfgEJomlL/s1600/%252353+%25E8%2587%25A8%25E5%25BA%258A%25E9%2586%25AB%25E5%25B8%25AB%25E7%259C%259F%25E6%25AD%25A3%25E9%259C%2580%25E8%25A6%2581%25E7%259A%2584%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25A8%25AD%25E8%25A8%2588+%25E2%2580%2594+%25E5%25B0%2588%25E8%25A8%25AA%25E6%259D%258E%25E5%25AE%25A3%25E6%25BE%25A4%25E9%2586%25AB%25E5%25B8%25AB.031.png" width="100%" /></div>
<br />
<b>最後,排版上,我個人強烈推薦你使用範本——或者說,「母片」已經設定好的排版方式來放入文字和圖片,而不要自己去拉文字方塊。</b>為什麼呢?雖然自己對每一頁簡報進行客製化設計,可能可以讓你的簡報變得十分精美,<b>但是對於臨床醫師而言,個別客製化不僅耗時費力,而且往往會因為缺乏對應的設計能力而變成悲劇,因此此時使用範本反而是相對明智的選擇。</b><br />
<br />
此外使用預設範本排版最大的好處,<b>就在於如果後續要修改、調整版面,可以一次使用「編輯母片」的方式讓同類範本的投影片同時進行更動。</b>如果想要改變簡報風格,譬如說配色或字體,或者是設計以因應不同場合的演講,甚至將不同演講的簡報整合在一起的時候,都可以很容易地去進行統整。反之,如果我們每一頁簡報都像拿到一張空白圖紙一樣自己重頭開始拉文字方塊去排字啦、放圖啦,等一旦要批次修改、調整的時候就只能一張一張地修改,那真的會很痛苦,你不會想要嘗試的。<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj69YIfQZGUKznkzujCrXaoIUEAlMhYRpqBgqANfhv2E9i413b6ptNMVxr5XC80OFrFIbhuc8dyV8bY0MwVXZIrs04y6zK1VK29Ku8gmVUgxvdmsOiUaVK6dzXU9ZrJboOiuTp3w2LtC7E6/s1600/%252353+%25E8%2587%25A8%25E5%25BA%258A%25E9%2586%25AB%25E5%25B8%25AB%25E7%259C%259F%25E6%25AD%25A3%25E9%259C%2580%25E8%25A6%2581%25E7%259A%2584%25E7%25B0%25A1%25E5%25A0%25B1%25E8%25A8%25AD%25E8%25A8%2588+%25E2%2580%2594+%25E5%25B0%2588%25E8%25A8%25AA%25E6%259D%258E%25E5%25AE%25A3%25E6%25BE%25A4%25E9%2586%25AB%25E5%25B8%25AB.035.png" width="100%" /></div>
<br />
<br />
<hr />
如果你喜歡這次影片的主題,<a href="https://www.youtube.com/channel/UCoAmv3Imi3Tl1dnseAMSqug?view_as=subscriber" target="_blank">歡迎訂閱我們的YouTube頻道</a>,並且分享這支影片給更多有興趣的朋友。此外,如果你是年輕醫師、藥師或是護理師朋友,想更進一步學習醫學簡報的相關技巧的話,那麼告訴您一個好消息,<b>就是我們的全新課程「醫學簡報快製力」即將於近期開始登場募資!有興趣的朋友們<a href="https://hahow.pse.is/EZCPN" target="_blank">歡迎填寫課前問卷,以獲得早鳥優惠喔!</a></b>詳情請參考影片下方的問卷連結。<br />
<hr />
<br />
<br />
<h2>
總結</h2>
基本上做好醫學簡報沒有想像中的困難,<b>掌握「一次一件事情」的原則、選用單純配色作強調,並且善用範本進行排版,</b>只要做到這三件事,輔以充實、有條理、符合「臨床實證」的內容,就會是一場中規中矩、讓人很有收穫的醫學簡報了。<b>人生很短,工作很忙,我們應該省下白頭髮多看兩篇期刊,多撥10分鐘給親愛的家人。極簡、素雅的簡報設計,就是我們臨床醫師真正所需要的。</b><br />
<br />
<br />
<span style="color: orange;">說到這邊其實相當有共鳴啊,確實在人生中工作會佔據相當大的一部分,而宣澤的分享告訴了我們像是醫師這麼高壓、繁忙的工作,學會極簡、素雅而精準的簡報準備方法反而更形重要。那麼以上,就是差不多我們這次分享的所有內容啦!感謝各位的收看!</span><br />
<br />簡報藝術烘焙坊http://www.blogger.com/profile/10736231926074743250noreply@blogger.comtag:blogger.com,1999:blog-2267166282977386549.post-86865547445812237962019-03-07T21:20:00.000+08:002019-04-04T21:34:24.991+08:00圖片「模糊效果」實戰技巧<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="540" src="https://www.youtube.com/embed/M7UyrGwCcCE" width="100%"></iframe>
<br />
<div style="text-align: center;">
(本文作者/內容策畫:Bill 彭毅弘)</div>
熟悉我們的朋友一定知道,「減少雜訊」是做好簡報最大的關鍵,因此設計的時候一般而言我們並不建議把圖片放在投影片的背景。雖說如此,但是有的時候如果遇到萬不得已、非得把圖片放在背景的情況時,<b>此時如果能夠巧妙搭配圖片「模糊效果」的應用,便能夠替簡報設計大大加分!</b>那麼要怎麼用,才能夠用得巧呢?且讓我們繼續看下去!<br />
<a name='more'></a><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJUjqAWCHJpz8jZvwzHkX9iB_H8C2Ur3FJ0x1OHDtn_cPnVpUWEaqG4zAOZPx_thN5zMZka97X8w6ZTIXPWWlRALyYX8esj8dZicEYHg0NSEAS25gf2Y2xNSUHVmO6xrziBnWV9kIvfqX8/s1600/%252352+%25E5%259C%2596%25E7%2589%2587%25E3%2580%258C%25E6%25A8%25A1%25E7%25B3%258A%25E6%2595%2588%25E6%259E%259C%25E3%2580%258D%25E5%25AF%25A6%25E6%2588%25B0%25E6%258A%2580%25E5%25B7%25A7.001.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" height="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJUjqAWCHJpz8jZvwzHkX9iB_H8C2Ur3FJ0x1OHDtn_cPnVpUWEaqG4zAOZPx_thN5zMZka97X8w6ZTIXPWWlRALyYX8esj8dZicEYHg0NSEAS25gf2Y2xNSUHVmO6xrziBnWV9kIvfqX8/s1600/%252352+%25E5%259C%2596%25E7%2589%2587%25E3%2580%258C%25E6%25A8%25A1%25E7%25B3%258A%25E6%2595%2588%25E6%259E%259C%25E3%2580%258D%25E5%25AF%25A6%25E6%2588%25B0%25E6%258A%2580%25E5%25B7%25A7.001.png" /></a></div>
<h2>
如何做出圖片模糊效果?</h2>
在進入正題之前,先給還不清楚什麼是圖片「模糊效果」的朋友介紹一下背景知識。如果你已經對此很熟悉的話,那麼就可以跳到螢幕上的秒數收看「進階實戰技巧」的部分。回到這裡,簡單來說,<b>圖片的模糊效果就是將圖片利用軟體的功能使它變得模糊,並且進一步地利用這個模糊的效果進行一些設計上的操作。</b><br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF057hWMXDnwxXlAYei_t1P-_RpS8NcpT8m5hZXHWY6UxctPzBQq15nN6aFlf_xSsOvviWvi5cw3w-n3uVGVUVcWwwyv1K0SJczfpX2rqoglnmi_X9vhdlg2qdQldT2VywJZZCHsbMdOBB/s1600/%252352+%25E5%259C%2596%25E7%2589%2587%25E3%2580%258C%25E6%25A8%25A1%25E7%25B3%258A%25E6%2595%2588%25E6%259E%259C%25E3%2580%258D%25E5%25AF%25A6%25E6%2588%25B0%25E6%258A%2580%25E5%25B7%25A7.006.png" width="100%" /></div>
<br />
其中,截至這篇文章完成為止,兩大主流簡報軟體PowerPoint與Keynote中,<b>只有PowerPoint有「內建」圖片模糊的功能</b>,所以如果你是使用Keynote的朋友,可能就需要借助PowerPoint或是Photoshop的輔助,來實現這個模糊的效果啦!<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTdFG3fGtg7Xm5cHeVQg-etnDV3ixiY1wc3Z717jZUQ1HaHzkgz4ncD9CrAncxisscb0MSK_0HegS1EECorTKhE-cluo_NFsZ3UDR5KE5NC6RKC-2ryY53DzoiRwMU1pghRYwZptl19VpV/s1600/%252352+%25E5%259C%2596%25E7%2589%2587%25E3%2580%258C%25E6%25A8%25A1%25E7%25B3%258A%25E6%2595%2588%25E6%259E%259C%25E3%2580%258D%25E5%25AF%25A6%25E6%2588%25B0%25E6%258A%2580%25E5%25B7%25A7.007.png" width="100%" /></div>
<br />
那麼在PowerPoint上面,具體來說又該怎麼樣做出圖片模糊的效果呢?簡單來說,只要你先<b>「選取圖片」,接著在「圖片格式」、「美術效果」中選擇「模糊」便可以做到。</b><br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX9UvK1k1VNjZwGXqsgLCzOWPl-tPprJPlBf0tvgnwCoHXizU7fZN6OYcz-YdoyuWycasTT290CFZhSujMzNfgdNU9XquhljzhlrvJrnyW8UP29evZ801I0oD9N8pBQj1fkRg5fJuvpEYJ/s1600/%252352+%25E5%259C%2596%25E7%2589%2587%25E3%2580%258C%25E6%25A8%25A1%25E7%25B3%258A%25E6%2595%2588%25E6%259E%259C%25E3%2580%258D%25E5%25AF%25A6%25E6%2588%25B0%25E6%258A%2580%25E5%25B7%25A7.008.png" width="100%" /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSN8HK1FzbS_MnxcEPndHZPonttdSiPfllLTBxom8U67bzpgJ1Jw9sA7jAImeSw6L3F1-DEQAmdHeRfoxIym6RD0l5ZkoGmaY34T_T4YmavXUb5rHI-rwYKul0jGB_7AftOvVvRmcZo_eU/s1600/%252352+%25E5%259C%2596%25E7%2589%2587%25E3%2580%258C%25E6%25A8%25A1%25E7%25B3%258A%25E6%2595%2588%25E6%259E%259C%25E3%2580%258D%25E5%25AF%25A6%25E6%2588%25B0%25E6%258A%2580%25E5%25B7%25A7.009.png" width="100%" /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2_fp1VYBIXP0EOfI06mMh5JPWqPrAm5eK54HvTblqAhu1jAcwC4AJda8e1Kk881NzERBqJZuKaomc1xRJLhH3SYc6Uyq2CaEGZ3DM7VY12nhNJ87l3cbe3DNkyuiQY2lfJaeH1mSHH4nC/s1600/%252352+%25E5%259C%2596%25E7%2589%2587%25E3%2580%258C%25E6%25A8%25A1%25E7%25B3%258A%25E6%2595%2588%25E6%259E%259C%25E3%2580%258D%25E5%25AF%25A6%25E6%2588%25B0%25E6%258A%2580%25E5%25B7%25A7.010.png" width="100%" /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibvHMlXUJWoUz4RlpXHIbnpH0_-I6uagQBy7c-1aZVCSsVFM5Lo4_s66aFyBGgfZzPrttONLZhSxcxlNcJyZ_Fu5OKlU_BI7aOvMhuCljyGHEhFMj4oypJItY22NOpB8hbF551Frg04e7c/s1600/%252352+%25E5%259C%2596%25E7%2589%2587%25E3%2580%258C%25E6%25A8%25A1%25E7%25B3%258A%25E6%2595%2588%25E6%259E%259C%25E3%2580%258D%25E5%25AF%25A6%25E6%2588%25B0%25E6%258A%2580%25E5%25B7%25A7.011.png" width="100%" /></div>
<br />
比較詳細、具體的步驟,你可以參考我們早期的分享:10分鐘學簡報系列的第7集「<a href="https://youtu.be/i-xHoZRXMsI" target="_blank">長輩圖是怎麼煉成的——談滿版底圖投影片的設計</a>」,裡面就會有更詳細的操作說明。<br />
<br />
<br />
<br />
<br />
<h2>
進階實戰技巧1:強化聚焦</h2>
了解怎麼做出模糊效果之後,接下來就讓我們來看看該怎麼樣應用這個效果吧!前面提及早期分享中所示範的「利用模糊背景將滿版底圖投影片背景雜訊降低,使文字清楚顯示」的手法,算是其中比較基礎的應用。而接下來要介紹的,<b>便是以模糊背景作為基礎發展出來的第一個進階應用「強化聚焦」</b>。<br />
<br />
在投影片中,假如我們想要強調某個物件中的局部重點,這時一般人十有八九,就會用個「紅色大圈圈」把重點處給框起來。這個方法雖然又快又直覺,然而......你知道的,這個看起來卻既沒有質感,甚至可能會導致雜訊的增加:<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo5HcW67baEojfCXdYFWk4xL5gimHPXqwaBIznDmyfGpOofqKd4gZQG-4213jjXJs0eWhK5Tgae8mr17wksfpTg9TGHdSp8f50NqXy5F8q1-qWLfNlYaZ0RLOe9_3iMADMgN2Ee9VykUaz/s1600/%252352+%25E5%259C%2596%25E7%2589%2587%25E3%2580%258C%25E6%25A8%25A1%25E7%25B3%258A%25E6%2595%2588%25E6%259E%259C%25E3%2580%258D%25E5%25AF%25A6%25E6%2588%25B0%25E6%258A%2580%25E5%25B7%25A7.019.png" width="100%" /></div>
<br />
所以這時我們通常可以使用一個簡單的組合技來更有質感、更少雜訊地聚焦我們想要講的重點:<br />
<b>首先,我們可以把目標物件複製兩張,一張在前、一張在後。</b>接著在前、在上方圖層的那一張我們會增強資訊,利用<b>「圖片裁剪」、「陰影效果」</b>以及<b>「放大」</b>的手法來凸顯我們要講解的重點部分;而在後、在下方圖層的那一張,我們則會減弱雜訊,利用<b>「遮罩」、「飽和度」</b>,以及我們這次分享所提到的<b>「圖片模糊效果」</b>來降低背景雜訊對於視覺上的干擾。<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLT-cvBAG9bTpkR9-RQ3fDyNP-JT2uVDJOYgmD3Qc0_6xCv-rZ19ovIIkpAoAVa38d9MU2TkvsTKDezTMYqZOFkLy_-6IPB9Ao0BEKksqenaZqRZnG34eRcu91mXvymk5B2884YxxAhPEt/s1600/%252352+%25E5%259C%2596%25E7%2589%2587%25E3%2580%258C%25E6%25A8%25A1%25E7%25B3%258A%25E6%2595%2588%25E6%259E%259C%25E3%2580%258D%25E5%25AF%25A6%25E6%2588%25B0%25E6%258A%2580%25E5%25B7%25A7.023.png" width="100%" /></div>
<br />
最後<b>前後兩張圖片再根據對應的位置重疊、整合在一起</b>,就可以完成目標物件重點的強化聚焦啦!<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl-5YZLYp56241x6ffyE-mBxGJM9Xi3k8Kp9Utl022pApmZpjo7-hlc_g_vyu-FJRx35ROgOKF6BcXu8Ur6IsBTFTf5pSm2kIV2w5lYr1MilRtgpC93tGXRIKENKAiEwEjuuRhfbGZ1H2C/s1600/%252352+%25E5%259C%2596%25E7%2589%2587%25E3%2580%258C%25E6%25A8%25A1%25E7%25B3%258A%25E6%2595%2588%25E6%259E%259C%25E3%2580%258D%25E5%25AF%25A6%25E6%2588%25B0%25E6%258A%2580%25E5%25B7%25A7.024.png" width="100%" /></div>
<br />
你有沒有發現,完成的成品很像是用放大鏡看著畫面上的物件,又或者像是單眼相機拍照時的景深效果呢?<b>其實這些模擬真實世界中我們習以為常的強調、聚焦技巧,就是這個「強化聚焦」效果會看起來既凸顯重點、又十分自然的原因!</b><br />
<div dir="ltr" style="line-height: 1.8; margin-bottom: 0pt; margin-top: 0pt;">
</div>
<span id="docs-internal-guid-755832d1-7fff-65a5-5681-52c1374fa0e9"></span><br />
<br />
<hr />
如果你喜歡這次影片的主題,<a href="https://www.youtube.com/channel/UCoAmv3Imi3Tl1dnseAMSqug" target="_blank">歡迎訂閱我們的YouTube頻道</a>,並且分享這支影片給更多有興趣的朋友。此外,如果你對影片中所提到的「圖片裁剪」、「遮罩應用」、「飽和度調整」與「圖片模糊效果」等技巧,想要更深入了解的話,也歡迎參考我們在線上課程平台Hahow所開設的經典課程<a href="https://hahow.in/cr/slideartpptskill" target="_blank">「精準設計:PowerPoint實戰技巧」</a>,來學習更多相關的PPT實作技巧喔!<br />
<div>
<div dir="ltr" style="line-height: 1.8; margin-bottom: 0pt; margin-top: 0pt;">
</div>
<span id="docs-internal-guid-755832d1-7fff-65a5-5681-52c1374fa0e9">
</span>
<br />
<hr />
<span id="docs-internal-guid-755832d1-7fff-65a5-5681-52c1374fa0e9">
</span></div>
<div>
<br /></div>
<br />
<div dir="ltr" style="-webkit-text-stroke-width: 0px; color: black; font-family: "PingFang TC"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 400; letter-spacing: normal; line-height: 1.8; margin-bottom: 0pt; margin-top: 0pt; orphans: 2; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
</div>
<h2>
進階實戰技巧2:跨頁對照</h2>
第二個圖片模糊的實戰技巧「跨頁對照」,可以算是第一個實戰技巧「強化聚焦」的延伸應用。前面強化聚焦的手法雖然可以很清楚的呈現出範例物件中的重點,可是再怎麼聚焦,也就只能凸現「一個」重點而已。所以如果目標物件上面有多個重點需要說明的時候,單一的強化聚焦便沒有辦法滿足這個需求。此時我們可以做的,<b>便是利用多張投影片前後連貫的跨頁對照,讓觀眾可以逐一掌握同一個物件的不同重點部分。</b><br />
<br />
同樣以上一個範例的物件為例,假設我們想要凸顯的,是物件中這裡與這裡的部分,以及這兩者的比較。<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjivBztus80WN2trQZ-nJXk-ZSShoavXhY7PFnCgPg87RcW0B2k2BgXr2RPpgXyJ39LvdwehkTFjeP6N0mGE8NbV2YHguVbm680KAOmwenjdeR6Zx-sQw6imQboVOQ1dsFk5LGrDSyzzBLm/s1600/%252352+%25E5%259C%2596%25E7%2589%2587%25E3%2580%258C%25E6%25A8%25A1%25E7%25B3%258A%25E6%2595%2588%25E6%259E%259C%25E3%2580%258D%25E5%25AF%25A6%25E6%2588%25B0%25E6%258A%2580%25E5%25B7%25A7.030.png" width="100%" /></div>
<br />
那麼此時我們要做的,便是一開始的時候,<b>先讓觀眾可以看見最原始的完整物件,接著在後面的投影片,再分別加入個別重點以及兩者比較的「強化聚焦」投影片。接著在最後面的部分再次加入最原始的完整物件,</b>讓觀眾可以再次回顧物件的全貌。<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnpM7e9g-Y9HcXN63i9FpZqj5gPNFiBKReY9JJCNh-iJeBkR6JBQJ7ep19G9mby96StO3tGMMq5kVv1PUMuA3VNCo_r3WfmnI_bjAz4IuakPnxs8h_GNKsNZnXEYf2Kp44VT9ZXHuUdZJJ/s1600/%252352+%25E5%259C%2596%25E7%2589%2587%25E3%2580%258C%25E6%25A8%25A1%25E7%25B3%258A%25E6%2595%2588%25E6%259E%259C%25E3%2580%258D%25E5%25AF%25A6%25E6%2588%25B0%25E6%258A%2580%25E5%25B7%25A7.032.png" width="100%" /></div>
<br />
實際播放出來的時候,你就可以發現說<b>觀眾可以利用原始物件投影片以及數張「強化聚焦」的投影片它們的交錯呈現,讓自己對於多個重點的「個別內容」以及它們「彼此之間的關聯」有更好的掌握</b>,而這就是「跨頁對照」的技巧展現。<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="608" data-original-width="1080" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdotfaZr4HVbedLGJWnQmwyyZeBh7wcDmPpAYxM0OEzZZhIwRSPFeYZnoepZgk7aIQK1V3DP9gbZOxubxTiGOu3Huzrhi8OO29HhbtZPOF11DBBrdQ6KmF_erUlvQqbDiYUTI-puWPH6-v/s1600/%252352+%25E5%259C%2596%25E7%2589%2587%25E3%2580%258C%25E6%25A8%25A1%25E7%25B3%258A%25E6%2595%2588%25E6%259E%259C%25E3%2580%258D%25E5%25AF%25A6%25E6%2588%25B0%25E6%258A%2580%25E5%25B7%25A7.gif" width="100%" /></div>
<br />
<br />
<br />
<br />
<h2>
分享總結</h2>
到這邊,差不多就是本次分享的所有內容啦!這邊再次給大家一個簡單的整理:<br />
<b>基礎的模糊效果可以降低背景雜訊;再搭配上裁剪與遮罩,便能夠「強化聚焦」;最後強化聚焦的頁面與原始投影片互相搭配、交錯呈現,便能夠呈現簡報重點的「跨頁對照」。</b><br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje-Z8tl4hbn1o9ztk6r88-qyh18D6xbLgz4QQ9gseHWzyXVf239wZOtzV95Q0KY4cuAJOi8KfAtVLzzXGFKXb-tZU25uwO0hjX0KkSwQPONRcSDLKCnqAbj6h4hCLWQrkky295mFBZJpQJ/s1600/%252352+%25E5%259C%2596%25E7%2589%2587%25E3%2580%258C%25E6%25A8%25A1%25E7%25B3%258A%25E6%2595%2588%25E6%259E%259C%25E3%2580%258D%25E5%25AF%25A6%25E6%2588%25B0%25E6%258A%2580%25E5%25B7%25A7.040.png" width="100%" /></div>
<br />
有沒有發現其實只要善用圖片的「模糊效果」以及其他技巧的搭配,就算沒有酷炫的動畫,簡單的方法也能夠清楚明瞭地呈現呢?<br />
<br />
最後,如果你喜歡這一篇的介紹內容,想要多多認識「圖片模糊」相關的PPT製作技巧的話,那麼除了可以直接參考我們的線上課程「<a href="https://hahow.in/cr/slideartpptskill" target="_blank">精準設計:PowerPoint實戰技巧</a>」的現有單元內容之外,我們也確定即將針對「圖片模糊技巧」製作全新的單元,手把手地帶你做出這支影片中所示範的案例成果。<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW-laA_oDiT61g1-tyQ77VvJ_6bEmIf2hwITpbJr3tHYci8xbJyS9DdHqnsYp6VIPJK-5aMnGQop2wWRwBpVc90pIyRtpBsmSGWO9n2pEDklIA4MLRk1wmV0LRkaApDvQ8q1AS_5J5glr1/s1600/%252352+%25E5%259C%2596%25E7%2589%2587%25E3%2580%258C%25E6%25A8%25A1%25E7%25B3%258A%25E6%2595%2588%25E6%259E%259C%25E3%2580%258D%25E5%25AF%25A6%25E6%2588%25B0%25E6%258A%2580%25E5%25B7%25A7.041.png" width="100%" /></div>
<br />簡報藝術烘焙坊http://www.blogger.com/profile/10736231926074743250noreply@blogger.comtag:blogger.com,1999:blog-2267166282977386549.post-52616335235839954902019-02-21T22:11:00.000+08:002019-04-04T22:45:41.829+08:00如何用「搜尋」架構你的簡報?— 專訪孫治華老師<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="540" src="https://www.youtube.com/embed/n4SHWUS9Aw8" width="100%"></iframe>
<br />
<div style="text-align: center;">
(<b>本文以訪談搞形式呈現</b>。受訪者:孫治華老師 / 內容策畫:Bill 彭毅弘)</div>
用Google搜尋其實並不難,<b>但是當我們腦袋空空、毫無靈感的時候呢,這時我們就會連要搜尋什麼都不知道,更遑論什麼架構簡報內容了。所以這時呢我們該如何善用「搜尋」的本身去架構簡報的靈感呢?</b>誒想要回答這個問題,我們這一集請到了「簡報實驗室」的創辦人孫治華老師來跟大家分享!<br />
<a name='more'></a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="900" data-original-width="1600" height="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZCbQnwau0CKfAmbO6HjcbmY4fcTFckx49Tha3Sr-MXKHO3ZFC1F7cUpinROtgVHUbbWL_GuqcIcKlDqRtTf0NdiTZbKUse9JAx1NO57o52P3iG0MDDl5WwhrpgaRQC-96n63nKibtStlk/s1600/%252351+%25E5%25A6%2582%25E4%25BD%2595%25E7%2594%25A8%25E3%2580%258C%25E6%2590%259C%25E5%25B0%258B%25E3%2580%258D%25E6%259E%25B6%25E6%25A7%258B%25E4%25BD%25A0%25E7%259A%2584%25E7%25B0%25A1%25E5%25A0%25B1%25EF%25BC%259F%25E2%2580%2594+%25E5%25B0%2588%25E8%25A8%25AA%25E5%25AD%25AB%25E6%25B2%25BB%25E8%258F%25AF%25E8%2580%2581%25E5%25B8%25AB.001.png" /></div>
目前治華老師除了在很多企業進行簡報教學之外,更有在經營個人顧問服務的訂閱,以及新創企業募資簡報的輔導。尤其是新創企業募資簡報輔導這一部分,治華老師他每每都能夠幫助這些新創公司的CEO們架構他們的簡報、凸顯出他們的核心產品與核心服務的價值,並更重要的,讓潛在投資人看見——這方面其實就可以看出治華老師的功力之深厚了。那麼現在就讓我們來看看治華老師介紹「如何善用搜尋去架構簡報的靈感」,詳情就且讓我們繼續看下去!<br />
<br />
<br />
<br />
<br />
<h2>
「不打動人心」— 一般人搜尋最大的問題</h2>
<span style="color: orange;">一般人對於「搜尋」的認知,不外乎就是我簡報裡面想講什麼、缺什麼資料,那我就對應地去Google相關的關鍵字,頂多有技巧一點就是換換同義詞、或是對應的英文翻譯嘗試看看。我想這應該是很多人在搜尋資料的時候的反射動作了。那我這邊想要請教治華老師就是,像這樣比較一般的搜尋方式,跟等一下你即將要介紹的搜尋方法比較,究竟有什麼差別?</span><br />
<br />
<br />
其實你所提到的「一般的搜尋方式」其實本身沒有什麼問題,只不過它就是單純的資料收集跟資料的呈現而已。可是它套用在簡報製作上面就不行了。因為我看過全臺灣太多家的新創公司,它們公司老闆的簡報,目前一年大概是一百多家左右,那可是其實這些簡報,大部分是不OK的,我在這邊舉一個例子給大家看一下。我曾經看過一家新創公司是做乳癌檢測的,那他們的簡報要介紹他們的核心產品給創投看。這聽起來很厲害,但我跟你說,那個CEO的簡報實際大概就是平常你們很容易看到的那種簡報:一個預設的背景模組,然後先秀目錄,接著就是一頁標題內文、標題內文,這樣一直地秀下去,頂多中間多幾張圖表這樣。當然現在畫面上的簡報只是示意,那個CEO比較厲害的就是他的目錄稍微不一樣了,比較商業化一點,變成了「功能介紹」、「三大特色」、「競品分析」或「效益說明」這一類的項目,可是整個讓人感覺的就是什麼,還是不會讓你有想聽的衝動。<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
這樣的簡報有沒有什麼不好的?其實我覺得也還好,但是我覺得對於大家來說,<b>它最關鍵的是:它「完全不打動人心」,因為它就只是在做資料的收集跟資料的呈現而已,我覺得中間頂多多了一個叫做資料的彙整,但這不叫簡報。</b>所以整份簡報我們看不到這位CEO的中心思想,你看不出來他在意什麼、關心什麼,或覺得有什麼意義,就只是很單純的資料整理而已。<br />
<br />
那這整個問題的罪魁禍首在哪呢?我跟大家分享,我後來發現了,其實就是Google搜尋,很詭異吼?好,我們以剛剛那份乳癌為例子好了,我們來模擬一下大家會做的方法好不好?來,第一你會搜尋乳癌對不對?喔這時候你就發現了「乳癌」,來我們來模擬一下你們的視線,你們是不是會看到這一段?這個叫做資訊上、學習上最大的兩個罪魁禍首,一個叫做Google、一個叫做維基百科全書。你點進去以後,就會覺得心情愉快。因為畫面上要封面有封面、要大綱有大綱、要前言前言也都有了。<br />
<br />
這裡面最大的糟糕在哪裡?<b>就是「你停止了你對這個世界的探尋」。我覺得不少現在的學生、甚至創業家,都是這樣搜尋方式的受害者。這樣的搜尋方式會讓你從小就滿足於「資訊的堆砌」,而不是「自身體會的累積」</b>,你只會蒐集資訊、卻沒有自己的想法、沒有自己的感受。這樣做出來的簡報,就會像這個範例一樣,完全不打動人心。<b>只有體驗的累積才會有智慧,資訊的堆砌不會有智慧-請大家記住這句話。這就是一般人學習搜尋方式最大的問題。</b><br />
<br />
<br />
<br />
<br />
<h2>
用四組「補充關鍵字」,讓搜尋帶入視角與感動</h2>
<span style="color: orange;">前面治華老師的這段分享,我其實也蠻心有戚戚焉的。其實真的一份簡報如果缺乏發自內心的感受跟體悟的話,是非常難打動人心的。不過這邊我特別好奇的就是,我們所謂Google搜尋來的東西,它基本上就是「外來」的東西,所以如果說,我們一個簡報者,對於這些外來的資料沒什麼特殊深刻的體悟的話,其實也是人之常情嘛。那怎麼樣才能夠對我們這些找到的資料有所體悟,進而打動人心呢?</span><br />
<br />
<br />
答:其實這邊的解決方式還滿簡單的,還是Google——對,只是做法不同。「搜尋」就如其他商業活動、學術研究一樣,都是要有策略的好不好?你要「直接」搜尋「乳癌」這麼簡單的關鍵字,你就只能得到一般的資訊,一般的資訊就不會有感動,不會有感動就不會有立場,不會有立場就不會有看法。所以你該怎麼Google?其實策略就在於,乳癌後,我們要再加入四組補充關鍵字:<br />
<br />
<b>第一組補充關鍵字叫做「問題與瓶頸」;第二組叫做「技術與科技」;第三組叫做「統計與數量」;第四組叫做「故事與紀錄片」</b>。這四組補充關鍵字你可以視實際的搜尋狀況或報告性質,去調整或擴充自己的關鍵字或同義詞。<br />
<br />
好,用剛剛那份乳癌簡報來舉例好了,假設我們今天只搜尋「乳癌」,你就會得到一個冰冷的資料,它不帶感情;但是你看,要是我們在「乳癌」的後面,加入我剛剛介紹的第四組補充關鍵字「紀錄片」,你會發現什麼?你會發現「哇!它還真的有紀錄片」。所以你發現這邊居然還有一個叫做《跟明天說再見》的紀錄片!所以,你看,當你了解了這件事情之後,你會重新地去看乳癌這件事情,你會不會有更深的感受?你會不會想要更深一層地去了解乳癌的這個事情?而這樣的東西放在簡報裡面,秀給聽眾看,聽眾才會感受到你的想法跟感受,進而產生共鳴。<br />
<br />
<span id="docs-internal-guid-cbb96a65-7fff-c349-a469-298877e8ab57"></span><br />
<hr />
如果你喜歡這次影片的主題,<a href="https://www.youtube.com/channel/UCoAmv3Imi3Tl1dnseAMSqug?view_as=subscriber" target="_blank">歡迎訂閱我們的YouTube頻道</a>,並且分享這支影片給更多有興趣的朋友。此外,如果你對訪談的內容有任何想法想與我們分享,或是想聽Bill與治華老師分享更多相關的內容,也歡迎在下方的留言告訴我們啦!<br />
<hr />
<br />
<br />
所以你看,人理解事情的方式就是這樣子,看文字、看文章、看表格,跟看影片的學習是完全不同的,影片提供的資訊太細膩了,它可以讓你產生體會跟感受;文字、圖表、數據它無法產生具體的感受,所以要是你能在某一個主題上面為自己看過一兩部紀錄片,或是看過一兩部影片,說真的,它會幫助你、帶你接近真實世界的經驗,而不是一些令人無感的資料而已。<br />
<br />
好,那這就是剛剛那四組關鍵字中的第四組「故事跟紀錄片」,我自己最推薦的就是這一組,因為它可以讓你有真實的感受;前面的三組關鍵字呢,則可以讓你對事情有更立體、更深刻的了解。比方說,好,我們來把「統計」或「數量」打上去,你就會看見全臺灣有這樣子的案子有多少件。再來我們把「技術」或「科技」放上去好不好,這時候你可以了解到什麼?你會了解到乳癌目前的醫術、有哪些新技術的發展、有多少希望......的演進。最後我們再把「問題」或「瓶頸」打上去,瓶頸打上去以後你才知道,即便有那麼多的技術,我們還遇到了哪些問題。<br />
<br />
所以,其中的解法跟大家分享一下,<b>第一個「問題與瓶頸」,「技術與科技」,「統計與數量」,以及最後「故事與紀錄片」</b>,這四組補充關鍵字我就送給大家。<b>因為這是基本上就是一個說故事的方式:痛苦在哪裡、希望在哪裡、影響有多大、目前的狀況有哪些——透過加上這四組補充關鍵字進行搜尋,你就會形成你自己的看法和想法。</b><br />
<br />
<br />
<br />
<br />
<h2>
找到「意義」並「喜歡」自己的簡報</h2>
在我輔導新創及內訓,看過那麼多的簡報之後,讓我了解到一件事情:「你當學生時做什麼簡報,你長大出社會就會做出什麼樣的簡報」,真的,你的簡報能力不會因為你大學的時候簡報做不好,出了社會以後給你冠上一個CEO的頭銜,或某某主管的頭銜你的簡報就會變厲害——完全不會好嗎!?OK,所以搜尋資料、做簡報的時候,<b>我通常會先問自己這幾個問題:第一個「你找到這份簡報的意義在哪嗎?」以及第二個、更重要的是,「你喜歡你自己做的簡報嗎?」——如果你自己都不喜歡,你又憑什麼要讓別人喜歡你的簡報?</b>換句話說,你唯有<b>掌握你自己想要說什麼、你想要主張什麼,你才有辦法釐清你的簡報問題,甚至是簡報之外的職涯問題。</b>而今天分享的四組補充關鍵字,就是幫助你找到你在簡報裡的視角和感受的訣竅,希望大家可以從這四組關鍵字裡面,找到你喜歡什麼、不喜歡什麼,並把這份感動和感受,化為真正能「打動人心」的好簡報。<br />
<br />
<br />
<span style="color: orange;">聽到這邊其實蠻有意思的,因為其實在製作這個影片之初,我以為治華老師會介紹的是一些什麼,Google之外的搜尋工具之類的,結果沒想到卻是一個這樣簡單的方法,卻能夠讓搜尋本身變得更立體,然後更深刻。那麼以上就是本次的分享,感謝各位的收看!</span>簡報藝術烘焙坊http://www.blogger.com/profile/10736231926074743250noreply@blogger.com