2009年5月31日 星期日

[海報作業評議]版面平淡缺乏驚喜

這張海報的文字量不足, 圖片缺乏圖說, title也缺乏應有的作者或引用來源, 也缺乏引用文獻, 所以留下很大的邊界與空間. 文字的對齊只選擇靠左對齊, 以致右邊界參差不齊, 整個畫面的安排還有很大的學習空間.
這個海報的用色簡單, 也擺了黑底的螃蟹和螃蟹的小孩上去, 但是排版上看起來缺乏結構而且有一點手足無措. 原因是什麼? 上下左右的邊界不一, 三張僅有的圖片看起來也是找地方塞, 浪費了三張圖片使用上的潛力. 排版能力還要多多揣摩與學習, 目前這個海報的安排感覺只是把簡短的文字報告copy+paste上來, 但是看起來缺乏想法.
這是我對這位同學海報的修改建議, 我做了以下的處置:
  1. 只留兩張圖片, 捨棄原本最下面的那張螃蟹圖, 原因是那張圖片是扁平的, 完全無法表達蟹類應該呈現的立體感與肢體所呈現的張力, 那張圖很難使用, 因為太扁平, 只能塞在頁首或頁尾, 但看起來一整個多餘. 我們不需要兩張效果不佳的圖來告訴大家螃蟹長什麼樣子
  2. 中文字體改為黑體, 英數字體選用Candara (看起來沒有Times New Roman或Arial那麼正式或呆板)
  3. 修改了文字方塊的對齊方式 (尤其是格式不一的參考文獻)
  4. 加上項目符號讓整個黑底為主的海報有一些視覺上的變化與亮點
  5. 修改原本的項目序號 (原本是"一"直接跳"1-1", 這是不合文字編輯原則的)
這類型的海報在配色上至少達成了"色彩平衡", "把文字和圖表貼上去了", 但是整張海報看起來仍然不討喜, 問題在那裏呢?
  1. 整個設計讓各文字段落間缺乏聯繫與順序性
  2. 字體太小, 欄間距太小因此看起來字有點多到無法閱讀
  3. 文字色塊的深淺看不出緣由, 倒底只是為要了讓色塊與色塊間有差異? 還是要顯示文字方塊與圖表方塊的差別?
  4. 文字的階層(category)太多, 而且缺乏項目符號的使用, 因此看起來比較像直接把書面報告貼上A0紙張, 但是缺乏海報應該展現的一目瞭然的效果.
  5. 整張海報缺乏視覺上的亮點, 這樣的海報若是在海報展中會很難引起注意.

[海報作業評議]字體與行距的調整

這個海報的設計與排版相當用心, 不過有幾個改進的空間:
  1. 底色與暗紅色的色塊顏色太重, 實際上印出來的時候因為紙張吸墨的關係亮度可能會不如預期, 效果會大打折扣
  2. 上面的斑馬魚胚胎其實不需要擺那麼大, 若是略小偏右在構圖上比較不會那麼呆板.
  3. 海報底部的三欄文字方塊下邊界沒有對齊, 這需要靠調整所有文字的大小, 字體或行距來改善.
這張海報無論在顏色的搭配, 排版, 以及資訊的篩選與組合上都具有很好的創意與執行力. 唯一要留意的是字體與間距的調整. 這張海報的"線條"已經很多了, 因此subtitle的色塊若能以"浮突"或"陰影"的效果取代"黑色框線", 看起來會比較不會那麼呆板 (在有創意的排版中加入呆板的元素是很奇怪的). 此外"細明體"一般來說只是"預設字體", 通長予人的感覺是"草稿"以及"缺乏設計感". 若能使用圓體的效果會變得很好. 另外字的行距小了點. 若以powerpoint的排版來說, 可以接受的極限大概是0.9行. 再小就會在視覺上令人在閱讀上不舒適了.

[海報作業評議]空間與色塊的運用

這個海報的排版非常細心, 應該注意到的行距, 邊界, 文字份量(含圖說表說)都做到了, 但是主要的問題是空間的運用還有待改進. 首先是四隻章魚的組圖右邊的圖說上方空了一大塊沒有使用, phylogeny到極區地圖那邊的圖說排列也比較鬆散. 主標題文字在這樣的底色上顯得黯淡.
這是我對上面那張海報的修改建議. 首先是大膽地使用品質好的圖片, 突顯圖片的價值與效應, 讓可愛的章魚從"自助餐上被燙熟的肉塊"轉變成"吸引人的海洋生物". 組圖不需要被原本的角度所限制, 可嘗試各種旋轉角度讓組圖零活一些. 淺藍色的文字方塊顯示這張海報應該增加填補的圖說空間. 如果圖說的文字量少, 那麼我們就應該要思考如何讓圖說含有更多的資訊. 此外我修改了標題的字體為Impact. 這個字體很窄, 因此可以讓字級更大但是又不超出原來的範圍.
這張海報有浪費空間, 以及只做"簡貼", 但沒有構圖的想法.
  1. 首先是海報版面的分欄看起來是一個三欄式的海報, 但是欄間距卻不一致. 上下左右的邊界也不一致
  2. 這條魚有很多的圖片可使用, 但是在這張海報上卻選用了一張很無趣的死魚照, 大大降低這張海報的吸引力
  3. subtitle的白邊使得所有subtitle的醒目性遠高於大標題
  4. 底色使用了漸層色, 但是右上角的表格卻用"花紋填滿", 在質感上缺乏一致與協調感.
  5. 所有的圖只做了剪貼, 但是沒有再製, 也沒有圖說. 感覺上對於"該如何策畫一張海報"還抓不到感覺
這是我對上面那張海報的構圖建議
  1. 首先把海報倒底要分成幾欄? 邊界? 三欄的邊界與間距弄清楚
  2. 原本我想要把海報分成均等的三欄, 但是我發現我受限於最右邊表格的寬度 (我不喜歡那個表格, 佔空間而且有看起來非常干擾任何設計的格線 (請留意大多數的科學期刊都不使用這樣的表格!), 所以三欄就無法變成均等了
  3. 其次我調整中央欄的三個圖的寬度使其看起來整齊一點, 但請注意這三個圖根本沒有圖說, 在原來的設計中中央下方的圖甚至把中央的圖給蓋住大半部, 顯示原來的設計發生嚴重的失誤卻不自知
  4. 我使用另一張圖片讓這張海報可以白底呈現看起來清爽一點
  5. 我改變了title的底色與對齊以降低原本subtitle的顯目度蓋過標題的問題
  6. 這個改善建議其實並沒有完成, 我只把所有的文字方塊邊界標出來, 讓各位看到"對齊後"的結果, 右邊的藍色塊表示"缺乏的元素", 也就是圖說. 如果整張海報的構圖元件(文字, 圖片)還不完整, 那麼就無法開始製作一張海報.
這張海報的文字量, 資訊分類, 與小圖版的組成還可以 (但以這麼鬆散的排版結構圖說的字顯得太小了), 但是最大的問題在於色塊的使用與安排讓畫面看起來鬆散凌亂, 再加上顏色使用完全是一些作用不明的忽深忽淺的藍色塊, 使得畫面沒重點, subtitle的幾個色塊看起來甚至在破壞畫面與轉移對標題的注意力.
這張海報的拼湊感很嚴重, title部份有一張很漂亮的圖片與非常容易運用的均質的底色, 但是整張海報的構圖結構則被以下不當推砌的小圖給破壞了, 如同下面的海報一樣, 這張海報一樣有浪費空間的問題, 此外粉紅色與橙色色塊也突顯了右上角排版的不平衡感.
這張海報最大的問題就是浪費了很多原本應可使用的空間, 導致左下角的圖版組圖以及右上腳的圖說下方出現未利用的空間. 每一張海報的空間都很寶貴, 這不表示說我們要把所有空間塞滿, 而是留了這些空間, 但是並沒有讓這些浪費的空間反應在內容文字的充實或是字體變得大一些, 就是稱為浪費. 另外白色的統計圖擺在藍色的底上其實是非常突兀的 (雖然99%的生醫/分生海報都是這樣做, 可是我個人認為很醜). Subtitle的白字與淺藍色底的對比不夠強, 會削弱那些小標題吸引人注意的程度. Title的排版還不錯, 不過可惜的是右邊的胸腔圖對比與解析度不佳.
這張海報的設計頗有巧思, 打破了傳統上單欄或二欄式"研討會海報"設計的型式, 不過整體來說還有一些改善的空間:
  1. 底色使用了深藍到淺藍的漸層色. 漸層色的使用通常是"防無聊", "防單調", 但是這個漸層色的使用似乎並不是很成功, 在眾多的色塊中加上一個富有變化的底色會顯得多餘
  2. 標題的醒目性不足, 由於標題本身使用了與左邊圖表一樣的色塊, 因此主標題就跳不出來了.
  3. 中央三個色塊的空間沒有被充份地運用: 如果還有那麼多空間可以留在那邊, 為什麼不讓字大一點呢?
  4. 主體圖片"沒有磷的細胞膜'已經具備了所有海報中的色彩元素, 所以所有的文字方塊應該使用與這個圖片重覆的顏色(如粉紅與藍)讓這個圖的醒目性被稀釋並增加協調性? 還是應要另覓其它的顏色讓這個圖片連同主標題被突顯出來?

[海報作業評議]資訊的篩選與鋪陳

這張海報在視覺的設計上的確考量到呈現marcophage的形象, 所使用的圖片與運用圖片的方式也相當不錯, 另外也考慮到擺進中山大學的經過處理的logo (但可以再小一點). 不過這個海報的主要問題是擺進去的東西實在是太多了, 圖表多到感覺像租屋廣告或社團海報. 把所有東西都塞進去並不會令人感到俱細彌遺, 而是感到嚇人與窒息. 我對這張海報的建議如下:
  1. 整張海報的用色雖然很協調, 但建議增加暖色系的使用. 因為目前的設計在視覺上沒有亮點, 整張是紫藍色調, 非常憂傷
  2. 應嘗試將文字條列化, 去蕪存菁. 這是一張海報, 有很多細節可以由講者當場講清楚就可以, 並不需要把所有文字丟上去讓大家看不見重點
  3. 精簡文字之後才能篩選應該擺進去的圖表, 有一些圖表只是顯示"有做出來", "有反應", 有些圖表顯示的是"對初步結果的再檢測", 有些則是可在統計支持假說或結果詮釋用的圖表, 倒底要留住那一些圖表取決於這張海報的重點是什麼?

[海報作業評議]底色與圖片的選擇與編輯

這張海報的圖文關係與排版還不錯, 但是看起來古怪的原因在於底色與文字色塊半透明度的搭配使著文字以及右上角的魚的照片的醒目程度不足, 整張海報看起來, 右上半部暗暗的, 但左下半部的高亮度又與那個非常簡單的灰灰的實驗設施示意圖不搭. 這個海報的title文字使用黃色, 呼應了魚的顏色(但顏色調得不像), 但左上角的淺藍色亮度又高於黃色的字, 搶了一整排字的注意力.
這個海報的設計看起來有一點企圖心, 不過感覺上沒有很成功. 背景與主體文字的色塊看起來完全是不同世界的產物. 原因出在底色所使用的顏色偏暗, 然而主體文字色塊卻是非常淺的中間色. 紫色與碇藍色不是常見的組合, 因此中間那個由綠到白的漸層色並沒有發揮"把兩個顏色連起來"的功能, 反而加深了兩個顏色的差異, 而那個漸層色的存在變得很尷尬, 因為沒有發揮功能啊. Results(注意, 一定是複數)只使用一個統計圖表來呈現, 缺乏詮釋的文字, 感覺有點偷懶. 以一張海報來說文字量也少了點, 這樣的文字量只能當作"傳單", 而不是一個科學海報.
粉紅到藍的漸層色本來就是一個非常不常見的配色, 這樣不尋常的配色除非配色技巧高超, 否則會海報的設計來說只有減分與增加困難度, 並沒有加分的功能. 這個底色看起來古怪的原因是, 主體資訊與這樣的背景沒有關聯(例如深海vs黑, 候鳥vs藍), 所以這樣的底色選擇會令人摸不清原因. 此外是這個海報內容所使用的圖都只是一般的統計與實驗證據, 並沒有牽涉使用複雜色彩的必要. 那些圖表雖然已經去背景, 但因為去的不乾淨會有欲蓋彌彰的疑慮. 如果無法去背景去得乾淨, 是不是就應該考慮使用白底進行安全的設計呢?
這張海報的文字量適中, 各段落的排列與份量也還不錯, 字級的選擇尚可(但中文太小, 感覺不像主題而像是插入的註解). 黑色底色本來是可以強調水母在幽暗水域中的形象, 但是這樣的設計被那些白底的圖表所破壞了. 這些白色圖表在視覺上比那隻水母更搶眼, 又因為左右上下都有, 因此更加分散視覺上的注意力. 而右下角的棲地圖相當可惜, 原本是解析度頗佳的大範圍棲地的圖片, 但是被擠在小小的範圍裏, 感覺上浪費了那幾張圖片原本應該有的氣勢與功能. 我的建議有幾點:
  1. subtitle的色塊不要太長, 以免過度切割畫面
  2. 字體還可大一點, 行距小一點, 邊界也可以再窄一點 (2-2.5cm)
  3. 若要遷就那些白色圖表, 就要試著採用白色底來做海報, 但若不想遷就那些圖表, 又想要保留黑底的水母圖, 那麼白色圖表就要想辦法處理為黑底, 或者, 可嘗試大膽地在海報上呈現兩種底色, 不過要克服的困難是如何拿捏黑底與白底部份的面積?

有關最後一次作業(海報部份)的講評

製作這張海報是這學期課程中最後的一個作業, 那麼我希望從這個作業中看見什麼成果呢? 我們這學期的課程從科學意念的圖示化開始進行, 然後就工具, 技巧, 模仿能力與敏銳度進行簡單的練習. 五分鐘的talk所展現的是綜合先前練習的成果. 然而使用簡報軟體進行動態的展現與海報的平面展示之間有極大的差異. 因此在海報這個作者的評比上我會著重於以下幾個項目:
  • 科學品質 - 科學價值與過程是否完整? 各段落的比例是否適當?
  • 概念表達 - 海報的設計是否能夠呈現清晰的設計概念? 或只是把文字與圖貼完?
  • 執行成果 - 想要表達的意念與實際的實踐是否吻合? 或是理念遠高於所能掌握的技巧?

2009年5月24日 星期日

以台北車站指標亂七八糟的新聞為例

這是引用自聯合新聞網5/25日的新聞 (並請見之下的相關新聞). 相信各位經常都在台灣的公共空間裏迷路, 所以這樣的新聞應該可以激起很多的共鳴. 以台北車站來說, 車站內的捷運, 台鐵, 與高鐵三個主要單元間的動線不順暢, 連繫與網絡不明, 指標各做各的, 指向不清, 指標指了半天並非捷徑. 然後這個發言人說是因為"宣導不夠", 表示那個標示的整合計畫做得太爛了. 若每一個車站的使用者都很清楚每一個顏色所代表的意思, 那麼表示那個使用者必須要在大多數的車站空間都活動過了, 才能夠對每一個顏色所代表的意義產生信賴感. 如果一個指標系統做得這麼不直觀, 居然還要宣導, 還要學習, 那就表示這個新的指標系統只是疊床架屋愈改愈爛罷了. 這與科學製圖有什麼關係? 當然是有的. 假設台鐵, 捷運與高鐵是一個科學陳述的三個主要單元 (可能是前言, 材料與方法, 結果與討論. 也可能是三個相關但重點與涵括不一的單元), 那麼您在陳述這些知識流程與網絡時是否會讓聽眾陷入迷宮? 甚至連自己都走不出來? 而您的視覺設計(海報, 投影片, 文字書面報告中的文字與符碼使用), 是否合適, 是否增進讀者或聽眾的認知? 或只是讓聽眾與讀者感到不耐與不知所措呢?

2009年5月20日 星期三

最後一次作業的評語及建議

老師剛剛才回台灣, 最後一次作業的評語與建議會在這兩天貼在blog上請各位同學參考

2009年5月10日 星期日

2009年5月6日 星期三

Eden Art by Tamara L. Clark

一個生物插畫家的網頁, 她的繪圖也被生命科學大百科EOL所使用

2009年5月4日 星期一

2009年5月1日 星期五

[新書]基本色, 協調色, 多樣色配色設計典

有三本新書, 提供給各位同學參考

基本色配色設計典

作者:ArtTone視
出版社:博碩
出版日:2009/02/02
ISBN:9789862011911

協調色配色設計典
作者:ArtTone視
出版社:博碩
出版日:2009/02/13
ISBN:9789862011898

多樣色配色設計典
作者:ArtTone視
出版社:博碩
出版日:2009/02/18
ISBN:9789862011904