讯息设计与视觉传播..ppt

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