专题演讲视觉图像与教学设计.PDFVIP

專題演講—視覺圖像與教學設計  主講人：交大張明傑教授  教師與教育訓練人員的視覺素養   視覺糖果   人因工程   教學設計師   學習者友善   科技本位主義   優使性  實例：高鐵入口(優使性)        探討高鐵是否方便人員使用，在票卡設計上，正面說明過小，背面也有說 明，但在背面是不合邏輯。     第一版(票)   不良設計：違反人們將有印站名的那一面朝上的習慣功能認知   增加入出站插票行為的錯誤機率   說明字樣太小  第二版(票)  字體已經變大，但是箭頭仍在背面     第三版   字體加大、背景套白   背面圖案與入口圖案一致  這些都可以透過設計，方便使用者使用，以免使用者誤導。  引言：漢堡世界  速食店自助式點餐選單  Burger sr  Burger jr  Burger  這樣的順序，會讓人搞不清楚是 Burger jr 比較大或是 burger 比較大。  視覺素養  問題 1 ：學習者友善的設計、優使性、人因工程  問題 2 ：圖像、視覺傳達、資訊的視覺化呈現  問題 3 ：眾多的設計原則  視覺傳達的技巧   程序性的知識(不需要用文字來說明的指示)   圖像式教學   隔熱杯套(7‐11)   圖像除可設計文字外，也可傳達出意義   圖像可傳達的文字無法輕易表達的意義(霍亂死亡人數圖像，以圖像加上統 計，即可一目了然)   太空梭失事：O 型環壞了，太空梭就失事了。說明失事原因的技巧。(跟溫 度有關)不良簡報所付出的代價。  設計的挑戰   科技本位思考方式   學習者友善   太多設計原則互相重複使用會造成彼此矛盾  本書的結構   視覺素養   教學設計   工具：字型工具、幾何造型、顏色、對齊、知覺原則(主體、背景…) 、高低 層次、完形理論(要讓使用者了解全體為何)  利用圖像將所傳達的資訊統整後，讓使用人能夠完整的了解；並在章節中，將強 調的資訊在圖像上加顏色，用以強調。    圖像的使用：選擇—組織—整合    動作：對比、對齊、重複、遠近   對比：把事物的差異區分出來，例如：使用不同形狀或顏色   對齊：將事物沿著版面邊緣或想像的線條對齊排列   重複：重複使用相同或相似的內容元素，例如：LV 包包的 logo   遠近：將事物擺近或拉遠，近則相關，遠則無關的概念    知覺原則：主體/背景  知覺原則：高低層次  知覺原則：完形   部份、整體以及相互關係整合   幫助學生整合訊息    設計模式：分析、創造、評量   在教學訊息設計流程的每階段都會用到 ACE(analyze 、create 、evaluate)    線上課程介面設計  界面按鈕柔和、如用地圖一般、將課程時間分開(合在一起會把人嚇到) 、以輕鬆 的界面吸引使用者、把主體清楚凸顯    圖像要表達清楚，不要傳達出模稜兩可的意義    主體的內容字型可加大、顏色用以強調、附加的反之    同學老師提問  問題一  在沒有設計背景的狀況下，會不會因為考慮過多而造成反效果？  回答：  多嘗試，以認知為原則，或許可以先不用強調美感。    問題二  有一些地方招牌採取統一格式，那會不會就比較難突顯特色及缺乏創 意？  回答：  雖有固定樣版，但仍然可在細微之處做調整，以期達到較好的視覺效果。  問題三 本書似乎都 focus 在認知上，是否有從其他的角度來看？ 回答： 有一些其他的書籍從其他的角度出發，可參閱遠流出版社唐納諾曼所寫 的【設計與生活】。 ＊找不到符合書名，但有查到幾本相關書籍，【設計未來生活-善體人意的機器，還是不受控制的麻煩】、【設 計日常生活：如何選擇安全好用的日常生活用品】、【心科技】等等。 問題四 在關於程序及操作方面的內容，圖像會不會可能無法完整表達意思？ 回答： 圖片並非萬用，需要文字時適用亦可。