看過高爾 「不願面對的真相」嗎？相信很多人都對片中，高爾的投影片印象深刻。那份投影片是簡報設計公司：Duarte Design 所設計的。除了高爾，Duarte Design還和許多全球知名企業、組織有合作，像是Apple、Nokia、Intel、GE、Ford、GOOGLE、TED......等等。
有興趣可以看看他們的作品，或許可以有些新的靈感。
2010年11月5日 星期五
讓高爾抓住觀眾眼睛的幕後功臣：Duarte Design
看過高爾 「不願面對的真相」嗎？相信很多人都對片中，高爾的投影片印象深刻。那份投影片是簡報設計公司：Duarte Design 所設計的。除了高爾，Duarte Design還和許多全球知名企業、組織有合作，像是Apple、Nokia、Intel、GE、Ford、GOOGLE、TED......等等。
有興趣可以看看他們的作品，或許可以有些新的靈感。
2010年11月4日 星期四
Seminar in 2010 October
這是2010秋季專題討論報告的投影片。題目是社會昆蟲的表皮碳水化合物，可以用的元素不算少，像是蟲的圖片、剪影還有化合物的3D結構......等等。不想花太多時間在設計背景，或是尋找適當的圖片，所以這次選用「散景」的照片；調整色調、飽和度、對比......等參數，讓圖片符合整體風格後作為背景。
中間利用很多動畫來說明一些大家可能沒看過的動物行為以及實驗設計，為了不花太多時間，幾乎是利用keynote過場效果的「瞬間移動」來完成，眼尖的看倌可能會發現頁碼隨著動畫一直在跳。斥候螞蟻那部分的動畫，是利用有消逝點的網格，加上物體大小的差異，製造出遠近立體感。
2010年10月28日 星期四
紅配綠
其實很早就想分析選戰中的文宣設計了，只是為保護當事人（板主在下），必須把文宣中的候選人貼上黑膠帶，或者變色處理，還有消除政黨標誌......一堆處理，想到就懶。
雖然互補色可以讓主體從背景中突顯出來，但紅配綠的組合不免讓人聯想到西瓜、聖誕節、郵筒、過馬路、缺了玉米的什錦蔬菜冷凍包......。這麼刺激的用色，除了凸顯該候選人的勇氣十足以外，其實無法讓人多看一眼。
於是我改良了一下背景色......
雖然沒那麼的鮮豔，但至少沒那麼的刺眼，而且主體仍然可以從背景中突顯出來。
如果再改變底色一下......
那就有溫馨的感覺了。用色的面積可以分出主體與背景，但假若將這個例子的黃色與紅色對調，使紅色成為「背景」，除了會太刺眼以外，還有「政治正確」的困擾會發生（想想五星旗）。
「色彩心理學」告訴我們，顏色有幾個普遍帶給人的感覺，不知道什麼時候選舉文宣才能跳脫「藍天綠地」的配色。
但今天看到這個，覺得實在太經典了！忍不住來分析一下......
（為保護當事人以及維護blog不沾染政治之原則， 本圖檔經過特殊處理）
於是我改良了一下背景色......
雖然沒那麼的鮮豔，但至少沒那麼的刺眼，而且主體仍然可以從背景中突顯出來。
如果再改變底色一下......
「色彩心理學」告訴我們，顏色有幾個普遍帶給人的感覺，不知道什麼時候選舉文宣才能跳脫「藍天綠地」的配色。
2010 April - Seminar
這是2010年專題討論報告的投影片，使用Keynote製作，然後轉成影片檔分享。其中的小綠人是.gif檔，在影片中「跑」得不太順，但實際簡報中沒這問題。
這次的報告題目是自己碩班的論文題目，是跟德國蟑螂行為日週律動有關的基因研究。因為德國蟑螂實在很難有美美的照片，就算有，怎樣看也都是那樣，加上基因又是肉眼看不見的東西，所以只好自製一些不帶有刻板印象的元素來呈現，像是對話框、格線或是很簡單的幾何圖形。
2010年10月21日 星期四
Picnik 一個好用的線上修圖軟體
需要修圖卻不想執行強大又複雜的修圖軟體嗎？
Picnik 是一個簡單又具備許多基本功能的線上修圖軟體。不需安裝，只要上傳要編修的圖檔，就可以即時執行各種編輯，像是旋轉、剪裁、調整尺寸、色調、對比、曝光、銳利、去除紅眼、加入文字......，還有其他有趣的功能。（頁面下方似乎可以選擇繁體中文）
Picnik 是一個簡單又具備許多基本功能的線上修圖軟體。不需安裝，只要上傳要編修的圖檔，就可以即時執行各種編輯，像是旋轉、剪裁、調整尺寸、色調、對比、曝光、銳利、去除紅眼、加入文字......，還有其他有趣的功能。（頁面下方似乎可以選擇繁體中文）
2010年10月20日 星期三
2010年10月18日 星期一
更改文獻圖表的顏色（二）
上次分享了利用photoshop，改變引用文獻中圖表的配色。但其實那個方法在設計簡報時仍有很大的限制，像是可能因為有「邊緣調和」而無法清楚的去除白色背景；或者文獻中的圖表太小，在簡報中放大到適當的大小後會「格放」；還可能文獻的字型和簡報的設計風格不搭之類的細節。
這個時候，最理想的狀況，當然是有「向量檔」（vector；大陸翻譯為「矢量圖」 ）啦。一旦有了向量檔，可以任意縮放圖表大小而不失真；改變圖表中任一細節的配色，像是長條圖中的標準差、長條圖的框線、陰影、不同數列的用色......等；還可以存成透明背景的PNG或GIF檔。這麼神奇？看下面兩張圖就知道。
這張也許是你精挑萬選或者嘔心瀝血設計的背景...
這張是文獻中的圖表...
這張是直接把兩者送做堆的樣子......
可以發現，就算去除白色背景，長條圖的配色也和背景不搭，而且黑色外框及軸線也不適合深色背景；挑剔一點還會覺得字型和簡報風格不搭配。
但如果我們有向量檔的話......
所有問題都一併解決！
講這麼麼多，還是趕快切入正題吧－要怎樣取得文獻中的向量檔？
以Greene and Gordon. 2003. Nature 423: 32. 這篇為例，首先在illustrator下開啟這篇文獻的PDF檔...
把要用的圖表從文獻中獨立出來...
接著就隨自己的需求改變圖表元件中的配色或是字型、陰影、框線......等等細節
然後選擇「儲存供網頁使用」（windows快捷鍵：alt + shift + s；mac：command + alt + s）
勾選「透明」背景（灰白相間的格子背景表示「透明」的意思）
儲存的檔案格式依自己需求調整，但只有PNG及GIF檔可以直接開啟，而且記錄透明背景；而PNG檔案較大但畫質較好。
存檔後，貼進簡報中就完成囉！
這個方法唯一的缺點就是，不是所有文獻PDF檔中的圖表都是向量圖，必須碰碰運氣。
這個時候，最理想的狀況，當然是有「向量檔」（vector；大陸翻譯為「矢量圖」 ）啦。一旦有了向量檔，可以任意縮放圖表大小而不失真；改變圖表中任一細節的配色，像是長條圖中的標準差、長條圖的框線、陰影、不同數列的用色......等；還可以存成透明背景的PNG或GIF檔。這麼神奇？看下面兩張圖就知道。
這張也許是你精挑萬選或者嘔心瀝血設計的背景...
這張是文獻中的圖表...
這張是直接把兩者送做堆的樣子......
可以發現，就算去除白色背景，長條圖的配色也和背景不搭，而且黑色外框及軸線也不適合深色背景；挑剔一點還會覺得字型和簡報風格不搭配。
但如果我們有向量檔的話......
所有問題都一併解決！
講這麼麼多，還是趕快切入正題吧－要怎樣取得文獻中的向量檔？
以Greene and Gordon. 2003. Nature 423: 32. 這篇為例，首先在illustrator下開啟這篇文獻的PDF檔...
把要用的圖表從文獻中獨立出來...
接著就隨自己的需求改變圖表元件中的配色或是字型、陰影、框線......等等細節
然後選擇「儲存供網頁使用」（windows快捷鍵：alt + shift + s；mac：command + alt + s）
儲存的檔案格式依自己需求調整，但只有PNG及GIF檔可以直接開啟，而且記錄透明背景；而PNG檔案較大但畫質較好。
存檔後，貼進簡報中就完成囉！
這個方法唯一的缺點就是，不是所有文獻PDF檔中的圖表都是向量圖，必須碰碰運氣。
2010年10月7日 星期四
更改文獻圖表的顏色（一）
許多人在設計科學簡報或海報時，一定會需要插入過去文獻中的圖。但文獻的配色，往往又和我們的設計不合。最直接的例子就是黑底的設計遇到白底的圖。
這時候難道我們就一定只能接受如此重要的圖，破壞其他頁面精美的設計嗎？或是只能選用白底的設計嗎？也許有些人會利用簡報軟體內的快取圖案「疊圖」，但疊圖既花時間又可能破壞圖的準確性，所以在這裡提供幾個方法來解決。
以Mamiko Ozaki et al. 2005. Science 309:311-314這篇的圖3-C為例，我們先打開PDF檔，選取區域後「複製」。
接著在photoshop開啟新檔，檔案大小選擇「剪貼簿」。
「貼上」（CTRL+V）剛剛複製的區域後，選擇：圖像 / 調整 / 反相（也有翻譯作「負片效果」；快捷鍵：CTRL + I；Mac：cpmmand + I）
這樣也許已經可以符合黑色背景的簡報了，但白色實在有點單調，所以我們現在新增一層圖層在圖的上面。
接著在新的圖層中，利用「矩型工具」，抓取一個橘色的矩形填滿要改色的區域。
然後雙擊圖層，叫出圖層設定。
改變圖層的混和模式為「變暗」。
最後，在圖層選單「合併可見圖層」。
完成！把圖貼到簡報裡看看效果吧。
有了這個方法，在設計科學簡報或海報時，有更多彈性。而且圖片引用不失真、美觀又不花時間。
希望對正在苦惱專論或是研討會的你有所幫助。
這時候難道我們就一定只能接受如此重要的圖，破壞其他頁面精美的設計嗎？或是只能選用白底的設計嗎？也許有些人會利用簡報軟體內的快取圖案「疊圖」，但疊圖既花時間又可能破壞圖的準確性，所以在這裡提供幾個方法來解決。
以Mamiko Ozaki et al. 2005. Science 309:311-314這篇的圖3-C為例，我們先打開PDF檔，選取區域後「複製」。
接著在photoshop開啟新檔，檔案大小選擇「剪貼簿」。
「貼上」（CTRL+V）剛剛複製的區域後，選擇：圖像 / 調整 / 反相（也有翻譯作「負片效果」；快捷鍵：CTRL + I；Mac：cpmmand + I）
這樣也許已經可以符合黑色背景的簡報了，但白色實在有點單調，所以我們現在新增一層圖層在圖的上面。
接著在新的圖層中，利用「矩型工具」，抓取一個橘色的矩形填滿要改色的區域。
然後雙擊圖層，叫出圖層設定。
改變圖層的混和模式為「變暗」。
最後，在圖層選單「合併可見圖層」。
完成！把圖貼到簡報裡看看效果吧。
有了這個方法，在設計科學簡報或海報時，有更多彈性。而且圖片引用不失真、美觀又不花時間。
希望對正在苦惱專論或是研討會的你有所幫助。
2010年6月24日 星期四
2010年6月23日 星期三
訂閱：
文章 (Atom)
發表文章
