讯息设计与视觉传播.ppt

視覺與訊息設計 訊息設計與視覺傳播 熱身活動︰你猜我猜大家猜 請想一想︰你如何提供線索？ 感官直覺與事理真相 媒介物的具象與抽象 訊息與視覺設計原則 輔助資訊傳達之設計 你如何提供線索？－如何設計訊息？ 尋找重疊的經驗基礎（最基本） 凸顯特徵 歸類以縮小範圍 比擬；情境觸發 其他 訊息設計與訊息解讀 訊息如何被辨識和解讀？ Schema 視覺 聽覺 情感、大小眼 感官、Schema、與真相－視覺 感官、Schema、與真相－視覺 感官、Schema、與真相－視覺 感官、Schema、與真相－視覺 感官、Schema、與真相 －聽覺 國、臺語混合後的語言辨識 阿伯仔去銀行、、、 阿伯仔買蔥油餅、、、 阿伯仔被臨檢、、、 阿伯仔去買魚、、、 你是否曾經是這位阿伯仔？ 感官、Schema、與真相 －情感︰期待 or 害怕被傷害？ 感官、Schema、與真相 －情感︰期待 or 害怕被傷害？ 感官、Schema、與真相 －情感︰期待 or 害怕被傷害？ 感官、Schema、與真相 －情感︰期待 or 害怕被傷害？ 感官、Schema、與真相 －Ki-Mo-Chi啦！ 生活中︰ 哥哥的西瓜好像比較大片耶！ 樂透每期都有人中，該輪到我了吧！ 我們系（社團）貼的海報最顯眼！ 那個帥哥（美女）就是不一樣！ 和阿雄（阿桃）的那一次相聚，情景歷歷在目、、 別人的報告好像寫好多嗚！ 其他︰產品包裝、店面外觀、小吃攤人氣、人的外貌、說話的語調、新聞平衡報導、、、 認知與訊息設計 媒介物的具象與抽象 象徵物（媒介），不是被像徵物的本體 媒介物凸顯或具象化真實的一部份，卻可能使其他部份抽象化 例如︰地圖使方位及區域比例具象化；但地形與地貌卻抽象甚至消失了 幼兒認知成長︰ 具體（觸感）→抽象（符號辨識與運用） 例如年齡︰ 從比手指→數字與時間→領悟其生理意義與社會意義 抽象化能力︰智慧的重要指標 視覺設計與傳達 符號的意義 外延意義 denotation 內涵意義 connotation 視覺符號與被表徵物的關係 直觀的圖像 Icon︰外觀近似 指引關係 Index︰具因果關係，如方向指引 象徵關係 Symbol︰需要學習 ，科學符號 視覺圖像設計的原則 容易被辨識 recognize，不模糊 可以被解碼 decode，清晰的意指 容易被搜尋 find，大致的樣子容易被記得 具激起 activate 記憶和回憶經驗的作用 基本構圖設計 KISS原則︰Keep It Simple Stupid 穩定平衡的視覺構圖（大多數情況） 順應閱讀習慣 使用必要的對比、色彩 考慮可視距離 情感情境的認同感 兒童與色彩 兒童與卡通人物、音樂、文字符號 穩定平衡的視覺構圖 順應閱讀習慣 使用必要的對比、色彩 考慮可視距離 輔助資訊傳達之設計 Data → Information → Message 組織資訊的一般方法 組織與呈現 Information Format: List / Points Chart Map Figure Illustration Model Animation Motion picture Mind mapping * * 設計者 解讀者 Created by Hill (1915); interpreted by Boring. 線段長度 A 請用力看、、、 B C D E 下列何者是前一張圖的一部份？ B C D E A 都是啦！ 2/100 vs. 1/50 100位同學，抽兩位 出公差。 出去比較不會煩、、、 2/100 vs. 1/50 100位同學，抽兩位 出公差。 想少曬太陽、、、 2/100 vs. 1/50 100位同學，抽兩位 出公差。 出去比較不會煩、、、 雖然只剩一個名額， 但是競爭的人， 好像明顯便少了！ 2/100 vs. 1/50 100位同學，抽兩位 出公差。 想少曬太陽、、、 還好啦！不會被抽到 的機會還滿多的。 輸入 感官儲存 反應 過濾 型態辨識 選擇 短期記憶 長期記憶 設計考量 41% 20% 25% 14% 能見度高的配色 能見度低的配色 20M 10M 2.5M 0.65cm 2.5cm 5cm 投射距離 字體高度 Treatment Color, shape, size Font Highlight Enlargement / slow motion / viewpoint Metaphor Examples Atmosphere *