1

視覺設計

2

視覺訊息的重要性

人的學習－ 70% 來自於視覺人對於視覺性訊息的需求－本能性影響個人的感覺與認知

加強所傳達的訊息

3

視覺訊息的功能

刺激情境 & 情意裝飾提升注意隱喻

• 探索• 提示• 連結• 創意• 多重表徵

4

視覺素養 - 能力

視覺素養包括解碼（ input ）與製碼（ output ）的能力。

紙本文件：構圖、版面設計 攝影：取景、佈局 電腦畫面設計 (Screen Design) 電腦圖像、視訊處理、動畫 藝術創作－互動式媒體

5

視覺素養 製碼（ output ）能力：創作、表現 透過媒體（數位像機拍攝、攝影機、影像處理，以及各種科技的方式加以編輯整理呈現）等方面表現的能力

影響視覺素養解碼與製碼的因素 : 發展程度、文化、偏好 經驗與訓練

6

視覺製碼─符合人知覺處理 元素：

圖像元素 文字元素 強化要素（質感、新奇、互動）

形式 排列的方式 平衡的建立：正式平衡、非正式平衡

安排 鄰近性、指標性、對比性、協調性

7

文字的設計

字體字形與顏色的選用採用太多種變化造成混淆

英文文字字母間距採用光學間距之方式─ 非機械式，而是符合目視的方式。

ABWMLQTUJUZFRIKGH

8

科技工具如何強化知覺處理 解析度 顏色 圖像處理與製作工具 動畫與視效 科技創造視覺的環境以提升興趣 科技創造詮釋知識的方式

9

Computer Animation

學習注意 : Global Precedence ( 全面優先 ) Graphics Motion

空間性與時序之特性創造動態 視覺情境之營造 記憶輔助工具

10

Computer Animation

動畫產生 : 人的視覺暫留 連續播放的畫面 -透過人的視覺系統而組合為動態畫面

視覺特效的設計另一方面也利用人對於視覺的接收幻覺– Visual Illusion

11

視覺效果的設計

人的視覺創造影像的深度 人的視覺創造動的感覺 人的視覺創造立體的感覺

而基本的先決條件必須知道人們的知覺系統如何運作

12

有關於視覺設計效果之實證研究

視覺設計效果因人而異 ( 知覺、記憶系統處理之差異 ) 性別差異 個人接收與處理視覺訊息的差異 空間能力之差異 個人對於任務認知之差異 個人先備知識之差異

13

視覺圖像設計原則視覺圖像設計應以增進傳播為目標

可讀性易詮釋鼓勵認知參與妥善引導注意力

14

視覺符號設計之考量(Visual Symbols)

真實性：是否能夠反映目標之需求類比性：是否能夠幫助觀眾建立記憶的連結

組織性：是否能夠幫助建立心智模式

15

加強元素亮度顏色的運用 質地的運用 對比的運用三度空間的運用 視效與動態的運用

16

影像資料之擷取

電腦繪圖：透過繪圖工具製作 數位攝影：數位照相機 影像掃描：掃描機 底片掃描 幻燈片掃描 影像資料庫

17

數位影像資料的發展讓使用者能夠方便的檢索各種影像資料以供利用已漸受到重視

影像資料需要更有效的管理方式 . 影像內容檢索

QBIC (Query By Image Content) – IBM http://www.hermitagemuseum.org/fcgi-bin/db2www/qbic

Color.mac/qbic?selLang=English

蝴碟生態面面觀（外形查詢） http://dlm.ncnu.edu.tw/butterfly/index1.htm

18

影像內容檢索方式CBIR (Content-Based Image Retrieval)

以原始像素比對查詢 特質查詢

顏色分布 以紋理特質 以形狀為基礎

語意查詢

19

影像與人們的關係 將愈來愈密切 人們與影像的互動方式不同 與影像的互動時間不同 與影像互動的目的不同

休閑娛樂 學習 醫學診斷 犯罪案件處理 視覺設計 出版廣告

20

視覺設計與人們的關係

藝術創作領域的擴展 媒體藝術 (Media Art) : 與虛擬世界的互動 動畫科技

視覺在各種學習領域的擴展將愈為普遍 與視覺設計、傳播、檢索相關之各種專業的輔助工具將越來越多

21

視覺設計與人們的關係

透過視覺學習 透過視覺溝通表達 透過工具運用達成各種目的的視覺需求

休閒 專業需求 特別性的研究

22

視覺設計與人們的關係

•結合人文藝術的素養結合科技的工具了解我們心智所創的世界妥善表達所需表達的境界