【設計力】談簡報設計如何跨界學「配色」?

更新 發佈閱讀 4 分鐘
raw-image
raw-image

我們常說所謂的學習常常是從「模仿」作開始,而學習簡報在設計製作時如何配色,如何才能配得 “高端、大氣、上檔次”,我們也可以從模仿開始著手。

但模仿要如何模仿呢? 如果直接模仿 COPY 複製別人簡報的配色當然也是一種方式,但是這種模仿不僅學習範圍狹小也往往比較容易落入下乘。我認為高明的模仿偷學往往是跳躍出本身的領域,不著痕跡的跨界來進行模仿學習才是上乘之道。

以簡報設計製作的「配色」來說,生活中無處不充滿配色,舉凡睜開眼看到的自然景物、身上穿的服裝、路上的招牌、拿到的傳單海報、翻到的書籍封面及逛到的網頁等等,都有值得借鑑之處,下方將分享如何借鑑不同領域的配色運用到簡報配色之中。


(一)如何取色

PowerPoint 2013 之後新增了「色彩選擇工具」的功能,例如下圖所示匯入了星巴克的 Logo 進 PPT 裡頭,這時把畫出的圓形選擇「填滿」→選擇「色彩選擇工具」→用「滴管」滴取一下 Logo,你就可以輕鬆順利把星巴克的品牌色吸取到圓形當中。

raw-image




(二)偷師「海報」配色

raw-image

上頭的兩張極簡風的 Pixar 海報是國外設計師 Wonchan Lee 的作品,有著簡單清爽的配色與角色象徵。如果想要將上面海報的配色運用到最近筆者製作的攝影簡報上,就可以運用剛剛提到的取色工具運用在簡報上頭。

raw-image

又或是你可以運用設計的靈感蒐集好幫手「Pinterest」,上面就有大量美感與創意兼具的海報提供你做參考,推薦給大家 :)




(三)偷師「網頁」配色

raw-image
raw-image

上方是兩個網站的畫面截圖,也是屬於色調與文字簡潔好看的排版類型,相當適合將這樣的配色運用到簡報設計上,例如用在剛剛示範的攝影簡報上。

raw-image

如果要找配色好看的網站,大力推薦下面這個日本網站「webdesignclip」,裡頭就蒐羅了大量優秀的網站設計作品,可以參考網站的配色、排版甚至攝影構圖等等,都是在做簡報設計時,可以偷師的對象。

raw-image

(四)偷師「大自然」配色


raw-image
raw-image


大自然的奧妙常常是我們最好的老師,上頭的兩張照片是我從 Design Seeds 這網站中擷取出來的, Design Seeds 就是這樣一個網站,它專門會收集一些大自然中的唯美的照片,然後從中提取出來顏色形成配色方案,當然我們也可以一樣把這些方案運用在簡報之中。

raw-image

總結

以上從如何「取色」開始,接著我們示範了該如何從「海報」、「網站」到「大自然」去偷師學習配色運用到簡報上頭,把這些技巧與資源推薦分享給簡報練功團的大家,如果喜歡我們的教學,請給我們一些掌聲,並且把文章分享出去,會是對我們最大的鼓勵與繼續努力寫下去的動力,感謝大家 :)


文章資訊由「簡報練功團」彙整撰寫,想了解知道更多簡報相關的資訊,也歡迎舊雨新知一起加入交流 :)

我是Chuck,對簡報演講與資訊視覺化表達有濃厚的興趣與鑽研,也在不同的公司行號、政府機關與大專院校進行簡報相關主題的教學與分享,累積超過上百場的教學經驗,有這方面開課的需求,歡迎與我聯繫,用簡報談你所想傳你價值。

我的聯絡信箱:chuck30804@gmail.com
留言
avatar-img
留言分享你的想法!
avatar-img
Chuck Chiang的沙龍
14會員
9內容數
我是江樵 Chuck,對簡報演講與資訊視覺化表達有濃厚的興趣與鑽研,也在不同的公司行號、政府機關與大專院校進行簡報相關主題的教學與分享,累積超過上百場的教學經驗,有這方面開課的需求,歡迎與我聯繫,用簡報談你所想提升你的價值。 我的聯絡信箱:chuck30804@gmail.com
Chuck Chiang的沙龍的其他內容
2021/06/16
前陣子看到有朋友在詢問如何直接在 PPT 上實現類似像上面這張圖那樣半透明的剪影效果,又或是類似像攝影上「重複曝光」那樣的感覺?
Thumbnail
2021/06/16
前陣子看到有朋友在詢問如何直接在 PPT 上實現類似像上面這張圖那樣半透明的剪影效果,又或是類似像攝影上「重複曝光」那樣的感覺?
Thumbnail
2021/06/16
而今年在 Office 365 對於 PowerPoint 最大最受人矚目的更新,莫過於是在「轉場」的功能中新增了「轉化 Morph」的功能!據說可以媲美 Mac 裡 keynote 「神奇移動」的功能,到底真的有沒有這麼「神奇」?它又可以做到哪些事情?
Thumbnail
2021/06/16
而今年在 Office 365 對於 PowerPoint 最大最受人矚目的更新,莫過於是在「轉場」的功能中新增了「轉化 Morph」的功能!據說可以媲美 Mac 裡 keynote 「神奇移動」的功能,到底真的有沒有這麼「神奇」?它又可以做到哪些事情?
Thumbnail
2021/06/16
前陣子看到有朋友在臉書上分享衛生署的這張簡報圖,覺得在現在這樣流感橫行的當下,讓民眾能比較了解「流感」與「一般感冒」的差別將會是一個滿棒滿需要的資訊! 在這邊也與大家分享一下,我自己在改造上的想法與思路,希望對大家有些幫助囉。以改造流程來說,我會主要分成兩個步驟:(1)資訊判讀 以及 (2)訊息設
Thumbnail
2021/06/16
前陣子看到有朋友在臉書上分享衛生署的這張簡報圖,覺得在現在這樣流感橫行的當下,讓民眾能比較了解「流感」與「一般感冒」的差別將會是一個滿棒滿需要的資訊! 在這邊也與大家分享一下,我自己在改造上的想法與思路,希望對大家有些幫助囉。以改造流程來說,我會主要分成兩個步驟:(1)資訊判讀 以及 (2)訊息設
Thumbnail
看更多
你可能也想看
Thumbnail
嗨大家好!我是重度網購患者賴床鴨鴨!每年最期待的蝦皮12.12又要來了,我的購物車也早已瀕臨爆炸邊緣。 尤其是我最近在做的「高速負離子吹風機」評比,一口氣比較了5款,每台都想帶回家!但身為一個精打細算的小資族,我發現了一個天大的祕密:原來在蝦皮購物,居然可以不只省錢,還能偷偷賺錢! 今天這篇,我
Thumbnail
嗨大家好!我是重度網購患者賴床鴨鴨!每年最期待的蝦皮12.12又要來了,我的購物車也早已瀕臨爆炸邊緣。 尤其是我最近在做的「高速負離子吹風機」評比,一口氣比較了5款,每台都想帶回家!但身為一個精打細算的小資族,我發現了一個天大的祕密:原來在蝦皮購物,居然可以不只省錢,還能偷偷賺錢! 今天這篇,我
Thumbnail
又到了每年最溫(ㄏㄨㄚ)馨(ㄑㄧㄢˊ)的季節,其實在還單身的時候,我並沒有特別喜愛這個節日,但自從去了歐洲生活,再加上有了孩子後,對於聖誕節的好感與日俱增,除了要幫孩子準備聖誕禮物,還需要幫家佈置一下才有儀式感,若你對於今年的聖誕禮物還沒有頭緒?趁著蝦皮雙12的優惠,快來看看我買了什麼吧!
Thumbnail
又到了每年最溫(ㄏㄨㄚ)馨(ㄑㄧㄢˊ)的季節,其實在還單身的時候,我並沒有特別喜愛這個節日,但自從去了歐洲生活,再加上有了孩子後,對於聖誕節的好感與日俱增,除了要幫孩子準備聖誕禮物,還需要幫家佈置一下才有儀式感,若你對於今年的聖誕禮物還沒有頭緒?趁著蝦皮雙12的優惠,快來看看我買了什麼吧!
Thumbnail
來了來了~~~購物狂最期待的大日子真的就是-蝦皮 12.12,折扣真的一年比一年還誇張,價格越殺越狠,各種免運、滿額折、品牌券直接發到領不完! 從這裡加入我的分潤連結:https://s.shopee.tw/7fSd8GVvNC 推薦碼請填:A6ZVDYE
Thumbnail
來了來了~~~購物狂最期待的大日子真的就是-蝦皮 12.12,折扣真的一年比一年還誇張,價格越殺越狠,各種免運、滿額折、品牌券直接發到領不完! 從這裡加入我的分潤連結:https://s.shopee.tw/7fSd8GVvNC 推薦碼請填:A6ZVDYE
Thumbnail
手把手帶你做風格海報! 一起來看看本次海報使用到的重點效果,大家可以跟著試試看! 本次使用素材: 點我下載素材一 點我下載素材二 (1) 製作背景 開啟新檔,畫布尺寸為 1080x1920 px。 並將素材一置入畫面後,使用選取工具將空白處選取1,直接點選生成填色2,並選擇合適的結果。
Thumbnail
手把手帶你做風格海報! 一起來看看本次海報使用到的重點效果,大家可以跟著試試看! 本次使用素材: 點我下載素材一 點我下載素材二 (1) 製作背景 開啟新檔,畫布尺寸為 1080x1920 px。 並將素材一置入畫面後,使用選取工具將空白處選取1,直接點選生成填色2,並選擇合適的結果。
Thumbnail
有些人會將排版定義為各種視覺元素,例如是文字、形狀、圖片,各自在平面空間上的相對位置,帶來的視覺和閱讀效果。在平面上的X和Y座標以外,我們可考慮一下Z座標,視覺元素之間的重疊,能帶來甚麼互補。要是你看膩了左圖右字的穩定型排版,或是漸變遮罩的圖文配合,透過個案分析與練習,為知識庫增加多一種版型吧。
Thumbnail
有些人會將排版定義為各種視覺元素,例如是文字、形狀、圖片,各自在平面空間上的相對位置,帶來的視覺和閱讀效果。在平面上的X和Y座標以外,我們可考慮一下Z座標,視覺元素之間的重疊,能帶來甚麼互補。要是你看膩了左圖右字的穩定型排版,或是漸變遮罩的圖文配合,透過個案分析與練習,為知識庫增加多一種版型吧。
Thumbnail
PPT製作時,在適當的時機套用一些檢報元素,就可以馬上單調的簡報,瞬間高級感翻倍,泡泡圖的元素就超級萬用,一定要學起來!! 先來看一下沒有加上檢報元素的標題 再來看一下套用上泡泡圖的標題,高級感瞬間飆升!! 除了此之外,在簡報排版時,適時的套用也可以讓簡報排版更有層次,先來看一下未使用
Thumbnail
PPT製作時,在適當的時機套用一些檢報元素,就可以馬上單調的簡報,瞬間高級感翻倍,泡泡圖的元素就超級萬用,一定要學起來!! 先來看一下沒有加上檢報元素的標題 再來看一下套用上泡泡圖的標題,高級感瞬間飆升!! 除了此之外,在簡報排版時,適時的套用也可以讓簡報排版更有層次,先來看一下未使用
Thumbnail
最近好幾位闆闆真是十八般武藝樣樣精通!!LOGO、包裝通通都要自己設計! 對稿時有時候會遇到檔案顏色格式設定錯誤的問題,如果你也想要自己設計,不妨看一下可以讓你少花很多冤枉的時間喔!!
Thumbnail
最近好幾位闆闆真是十八般武藝樣樣精通!!LOGO、包裝通通都要自己設計! 對稿時有時候會遇到檔案顏色格式設定錯誤的問題,如果你也想要自己設計,不妨看一下可以讓你少花很多冤枉的時間喔!!
Thumbnail
簡報的靈魂是「重點」;打造重點靠「對比」! 但PPT 不是專業設計軟體, 想把一張照片的某區域, 拉高視覺能見度, 真的不容易辦到! 後來,我才明白,一個有趣的組合: 圖片或材質填滿+ 投影片背景填滿,幫我打開了簡報設計的另一番小天地。
Thumbnail
簡報的靈魂是「重點」;打造重點靠「對比」! 但PPT 不是專業設計軟體, 想把一張照片的某區域, 拉高視覺能見度, 真的不容易辦到! 後來,我才明白,一個有趣的組合: 圖片或材質填滿+ 投影片背景填滿,幫我打開了簡報設計的另一番小天地。
Thumbnail
平面設計概念與簡報設計息息相關,沒有設計背景的上班族其實也可以輕鬆地應用起來。設計理念並不是互相排斥的獨立原則,幾種理念可以在同一頁投映片中互補合作,讓觀眾有序地理解和接收到你想傳遞的訊息。承接上文,就讓我們來看一下,接近性、圍繞性、主體/ 背景以及留白,如何把這幾種設計理念帶進你下一份簡報之中吧。
Thumbnail
平面設計概念與簡報設計息息相關,沒有設計背景的上班族其實也可以輕鬆地應用起來。設計理念並不是互相排斥的獨立原則,幾種理念可以在同一頁投映片中互補合作,讓觀眾有序地理解和接收到你想傳遞的訊息。承接上文,就讓我們來看一下,接近性、圍繞性、主體/ 背景以及留白,如何把這幾種設計理念帶進你下一份簡報之中吧。
Thumbnail
我們常說所謂的學習常常是從「模仿」作開始,而學習簡報在設計製作時如何配色,如何才能配得 “高端、大氣、上檔次”,我們也可以從模仿開始著手。但模仿要如何模仿呢?
Thumbnail
我們常說所謂的學習常常是從「模仿」作開始,而學習簡報在設計製作時如何配色,如何才能配得 “高端、大氣、上檔次”,我們也可以從模仿開始著手。但模仿要如何模仿呢?
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News