視覺素養為視覺上的理解與創作的能力，解讀視覺圖像需要透過學習，才能正確無誤的作出適當的解讀與判斷。本研究旨在探討運用視覺素養之基礎理論—美感形式法則中的十四項形式法則為主軸，開發教材並進行評鑑。根據文件分析結果編寫美感形式法則教材，內容安排清楚規劃教學的各步驟與活動。研究採設計本位研究法(Design-based Research, DBR)，研究流程分為發現、整合、分析、設計、發展、應用、評鑑、結果此八階段實施，並以淡江大學教育科技學系大三學生為研究對象。本教材進行兩週之「美感形式法則」教學，第一週為主要的教材內容教學，第一週之課後作業由同學分組進行作品拍攝—10張運用美感形式法則照片，再於第二週課堂上由學生呈現作品並進行教師評分與小組互評，藉以檢測學習者對美感形式法則的理解與創作能力。
    研究輔以專家評鑑針對教材內容進行更正與修改，以及學習者滿意度問卷以瞭解學習者對於教材的滿意程度並提供進一步的教材修改建議作為教材實際實施成果上的討論。研究結果顯示，專家建議教材應於活動規劃與內容排序上作調整。而在學習者滿意度方面，學習者對於美感形式法則教材接受度高，且認同此教學內容在視覺素養能力的培養上皆有所助益，並提供多項針對教材修改上具體的建議。本研究結論美感形式法則教材對於學習者在視覺素養的能力是有影響的，無論是美感的培養亦或是對視覺圖像上理解與創作的能力皆是，並針對教材歸納下列結論：1.教材可增加範例圖片數量：透過展示各種形式法則的範例圖，以增進學習效果。2.多數學習者偏好實做活動：在視覺素養的教學設計上，如能將理論結合實務，對學習者在視覺設計的學習上較有幫助。3.小組互評可多增加互動性：透過討論使學習者瞭解學習上不足之處，藉由給予他人建議同時檢視自己在相關認知上是否無誤。最後本研究提出四點對未來研究建議：1.採用設計本位研究法發展教材，藉由反覆的測試、修改設計，能使得教材設計更為精鍊。2.製作一整套的視覺素養課程，因應目前社會培養視覺素養的需求且視覺素養含括內容多元，建議可規劃實施一整學期。3.評鑑階段增加訪談部分，針對課堂觀察與發放的問卷分析統計結果作深入探討。4.可針對不同領域、年齡層之學習者發展符合其需求之視覺素養教材，或針對造形、色彩理論、平面構成等主題作規劃。

Visual literacy is an ability to understand and create visual images. Learning visual literacy is crucial in order to make appropriate interpretation and judgment of visuals. This study aimed to apply 14 aesthetic principles to develop and evaluate visual literacy courseware. Design-based research (DBR) was implemented in eight phases to create and assess the instructional materials, namely discover, organize, analyze, design, implement, apply, evaluate and discuss the results. 
  After the courseware has been developed, expert review was conducted to provide feedback for the revision of the instructional materials. The researcher then made revisions in accordance. Next, the courseware was implemented for two weeks. In week one, the 14 principles were instructed and discussed. Groups of students were asked to take 10 pictures based on the principles as a course assignment. In week two, students presented their assignments. Instructor and peer evaluations were conducted after each group presentation. Then the satisfaction questionnaire was given to students to investigate their reflection and provide further discussion as well as future suggestions. 
  Findings in this study indicated that the experts advised revisions of the instructional activities and content sequence. As for student satisfaction, students held positive attitudes toward the instructional materials and agreed that the content is beneficial for them.  
  This study also found that the instructional materials were not only useful to help students build a sense of aesthetics, but also helpful for developing the ability of visual literacy. The conclusions are as follows. 
1.Increase the number of pictures. Learning can be enhanced by showing sample pictures of various aesthetic principles.
2.Most students prefer authentic practice. It is helpful to combine theories and practice in the instructional design of visual literacy. 
3.Use more peer evaluation activities to facilitate interaction. Students can realize the weakness of their assignments and examine their own cognition through others’ feedback.
  Suggestions for future studies are as follows.
1.Through continuous review and revision in the phases of design-based research, instructional materials can be polished to perfection.
2.Implementation time should be a whole semester to carry out a complete visual literacy course. 
3.Integrate interviews in the evaluation phase to gain better understanding of the results gather from class observation and questionnaire. 
4.Plan and develop suitable visual literacy materials for different subjects, topics or age groups.

目錄
第一章 緒論 ............................................................................................................... 1
第一節 研究背景與動機 ................................................................................... 1
第二節 研究目的與問題 ................................................................................... 5
第三節 名詞解釋 ............................................................................................... 6
第四節 研究範圍與限制 ................................................................................... 8
第五節 預期貢獻 ............................................................................................... 9
第二章 文獻探討 ..................................................................................................... 10
第一節 視覺素養 ............................................................................................. 10
第二節 美感形式法則 ..................................................................................... 17
第三節 視覺素養的理論基礎 ......................................................................... 34
第四節 視覺素養與教育 ................................................................................. 40
第三章 研究方法與設計 ......................................................................................... 48
第一節 研究方法 ............................................................................................. 48
第二節 研究流程與規劃 ................................................................................. 50
第三節 資料處理與分析 ................................................................................. 57
第四章 研究結果 ..................................................................................................... 58
第一節 發現、整合階段 ................................................................................. 58
第二節 分析階段 ............................................................................................. 60
第三節 設計階段 ............................................................................................. 63
第四節 發展階段 ............................................................................................. 66
第五節 應用階段 ............................................................................................. 69
第六節 評鑑階段 ............................................................................................. 70
第五章 研究結論與建議 ......................................................................................... 75
第一節 研究結論 ............................................................................................. 75
第二節 研究建議 ............................................................................................. 78

參考文獻 ................................................................................................................... 80
附錄一「美感形式法則」教材專家評鑑表 ........................................................... 90
附錄二「美感形式法則」教材學習者滿意度問卷 ............................................... 92
附錄三「美感形式法則」教材內容說明 ............................................................... 95
附錄四「美感形式法則」教材投影片 ................................................................... 98
附錄五「美感形式法則」教材活動二學習單 ..................................................... 108
附錄六「美感形式法則」教材照片作品教師評分表 ......................................... 109
附錄七「美感形式法則」教材照片作品小組互評表 .......................................... 110
附錄八「美感形式法則」教材小組互評建議表 .................................................. 111

表目錄
表2.1.1 視覺素養的定義…………………………………………………………. 12
表2.2.1 美感形式法則項目表……………………………………………………. 18
表2.4.1 視覺素養的相關研究整理表……………………………………………. 45
表3.2.1 專家名單……...………………………………………………………….. 53
表3.2.2 研究時程規劃表…………………………………………………………. 56
表4.2.1 「美感形式法則」相關網路資源………………………………………… 62
表4.3.1 教學目標與評量方式……………………………………………………. 64
表4.3.2 「美感形式法則」教材教學流程………………………………………. 65
表4.4.1 專家評鑑內容統整……..………………………………………………... 67
表4.6.1 學習者滿意度問卷第一部分統計表……..……………………………... 71
表4.6.2 滿意度問卷第三部分統計表……..……………………………………... 72

圖目錄
圖2.2.1 比例形式範例圖…………………………………………………………. 19
圖2.2.2 對比形式範例圖…………………………………………………………. 20
圖2.2.3 調和形式範例圖…………………………………………………………. 21
圖2.2.4 主屬形式範例圖…………………………………………………………. 22
圖2.2.5 單純形式範例圖…………………………………………………………. 22
圖2.2.6 統一形式範例圖…………………………………………………………. 23
圖2.2.7 對稱形式範例圖…………………………………………………………. 24
圖2.2.8 均衡形式範例圖…………………………………………………………. 25
圖2.2.9 重覆形式範例圖…………………………………………………………. 26
圖2.2.10 漸變形式範例圖………………………………………………………... 27
圖2.2.11 交替形式範例圖………………………………………………………... 28
圖2.2.12 韻律形式範例圖………………………………………………………... 29
圖2.2.13 動力形式範例圖………………………………………………………... 30
圖2.2.14 強調形式範例圖………………………………………………………... 30
圖2.2.15 美感形式法則之互動關係圖……...………………………………….... 32
圖2.3.1 設計人員的素養/技能（影響視覺/視覺設計成敗要素）表示圖………. 36
圖3.2.1 研究流程圖………………………………………………………............. 51
圖3.2.2 教材實施教室預覽………………………………………………………. 54
圖4.2.1 美感形式法則之互動關係分組圖.…………..………………………...... 61
圖4.3.1 教材介面呈現.…………………………………...…………..………....... 64

王文科、王智弘 (2010)。教育研究法(增訂第十四版)。台北：五南圖書出版股份有限公司。
王永輝（2010）。“讀圖”時代的學習—試論視覺素養的形成。南京師範大學新聞與傳播學院教育技術系，南京。
王孟潔 (2009)。新進壽險顧問「電話約訪」模擬教材之設計與開發。淡江大學研究所碩士論文，未出版，台北。
王俊岦 (2000)。均衡視覺素養多媒體教材雛形系統之研發。淡江大學研究所碩士論文，未出版，台北。
王秋榮 (2010)。CG時代兒童視覺素養教育途徑探析。南京師範大學教育科學學院，南京。
王鳳俠 (2006)。我國兩岸三地視覺素養培養特色及啟示。和田師範專科學校學報，頁 224-225。
[老骨頭日記] 美的形式原理 （上）（下）（2006）。2012年5月5日，取自 http://amazingally.pixnet.net/blog/post/957766
吳方馨 (2011)。以ISD模式發展流行文化媒體素養融入課程之研究。國立台北教育課程與教學研究所碩士論文，未出版，台北。
吳芳瑜 (2009)。企業Rapid e-Learning教材設計發展之模式建構。淡江大學研究所碩士論文，未出版，台北。
李佳芬 (2006)。單元圖形之複合組構應用研究。國立臺灣師範大學研究所在職進修碩士論文，未出版，台北。
李秀姬、盧炫廷(2010)。用美國人的一天學英文：瞬間反射的圖解生活單字書。台北：國際學村。
李坤山 (2011)。影像構成的視覺心理探索。台北攝影學會。2011年9月28日，取自 http://www.photo.org.tw/article-01.aspx?nid=23
李堅萍、洪瑾琪 (2003)。國小「藝術與人文」領域網頁式鑑賞課程與教學之行動研究。屏東師院學報，第十八期，頁 665-701。
李惠雯 (2009)。藝術與非藝術學習背景研究生對7-ELEVEN電視廣告影像解讀之研究，國立東華大學研究所碩士論文，未出版，花蓮。
林雨薇 (2011)。圖解美國人天天在用的英文單字。台北：宅宅文創。
林品章 (2007)。視覺傳達設計的理論與實。台北：全華圖書股份有限公司。
林品章 (2009)。造形原理－藝術．設計的基礎(精裝本，第三版)。台北：全華圖書。
林崇宏 (2006)。基礎設計。台北：弘揚圖書有限公司。
林曼麗 (2000)。臺灣視覺藝術教育研究。台北：雄獅圖書公司。
林睿琳、鄭友超 (2007)。應用美的形式原理融入成語之視覺意象的創作。朝陽人文社會學刊，5(2)，頁 95-118。
美的形式原理（2010）。方香兔。2012年5月5日，取自 http://www.cuberabbit.com/?p=75
美的原理原則（2012）。2012年5月5日，取自 http://harvest.enable.hcc.edu.tw/ezcatfiles/harvest/img/.../311881158.ppt
美學原理（2008）。畫家張文宗的部落格。2012年5月5日，取自 http://artchang.blogspot.com/2008/07/blog-post_9701.html
室內設計本位訓練教材【美的形式與原理的認識】（2012）。勞動力發展數位平台。2012年5月5日，取自 http://www.vtu.nat.gov.tw
郝永崴 (2009)。設計導向研究法。載於教育科技理論與實務下冊，台灣教育傳播暨科技學會主編，465-486。台北：學富。
孫鋼軍 (2008)。視覺素養教育：大學生視覺素養教育新領域。中州大學學報，第25卷第3期，頁 64-67。
桑尼（譯）(1999)。解讀影像－視覺傳達設計的基本原理（原作者：Kress, G. R. & Leeuwen, T. V.）。台北：亞太圖書。
袁汝儀 (1999)。國民教育階段「藝術與人文」領域思考。現在教育論壇，頁 23-33。
高熏芳、江玟均 (2007)。教育科技領域中的研究方法-設計本位研究(Design-Based Research, DBR)。教育科技與媒體，80，頁 4-15。
張宏源、蔡念中 (2005)。媒體識讀：從認識媒體產業、媒體教育，到解讀媒體文本。台北：亞太圖書。
張明傑（譯）（2008）。視覺圖像與教學設計（原作者：Lohr L. Linda）。台北：心理出版社股份有限公司。
張春興（2007）。教育心理學：三話取向的理論與實踐。台北：東華。
張舒予、王帆 (2008)。視覺素養培養與民族文化傳承。當代傳播，第4期，頁 27-28。
張勤道 (2011)。「攝影不只是拍照！」視覺文化藝術教育概念融入國民中學攝影教學之行動研究，國立彰化師範大學研究所碩士論文，未出版，彰化。
張霄亭等（譯）（2004）。教學媒體與學習科技（Instructional media and technologies for learning, 7th ed.）（原作者：Robert Heinich等）。台北：雙葉書廊有限公司。
許之民、劉婷 (2011)。初中生視覺素養教育的內容分析。教育月刊（中學版），第1期，頁 28-29。
淡江大學教育科技學系系所簡介。淡江大學教育科技系（2011）。2011年8月1日，取自 http://www.et.tku.edu.tw/item_1/1-7.asp
教育部普通高中課程【美術學科中心】教學資源：美的形式原理（2006）。2012年5月5日，取自 http://arts.a-team.com.tw/artsnewweb/07_resource/re_data/re_data.php
視覺素養學習網（1998）。2012年5月5日，取自 http://vr.theatre.ntu.edu.tw/fineart/
設計基礎課程-美的形式原理（2012）。2012年5月5日，取自 http://163.32.86.9/games/91rs/rs/rs155/public_html/page.htm
專輯五：認識美的形式原理。雲科視訊網（2007）。2012年5月5日，取自 http://video.yuntech.edu.tw/index.php?Itemid=26&id=133&option=com_seyret&task=videodirectlink
陳芝穎 (2009)。視覺設計課程對學習者視覺素養影響之個案研究。淡江大學研究所碩士論文，未出版，台北。
陳曉菲 (2010)。視覺認知訓練之應用教學。書畫藝術學刊，第八期，頁 53-66。
梁雪萍 (2004)。電腦影像處理科技輔助視覺藝術概論教學對. 學生學習自我效能與學習成效之影響研究。國立屏東師範學院視覺藝術教育學系碩士論文，未出版，屏東。
楊馥如 (2004)。視覺文化藝術教育之理論基礎研究─以媽祖圖像為例說明。國立台灣師範大學博士班論文，未出版，台北。.
解讀你的達文西密碼---------美的形式原理原則（2009）。宜蘭縣教育支援平台。2012年5月5日，取自 http://blog.ilc.edu.tw/blog/blog/663/post/1746/60616
趙惠玲 (2005)。視覺文化與藝術教育。台北：師大書苑有限公司。
趙惠玲、丘永福、張素卿、傅斌暉、曹筱玥、鍾政岳 (2006)。第六篇數位學習融入藝術教育課程理論與實務。高中藝術領域課程輔助教學參考手冊1－美術，頁141-170。台北：國立臺灣藝術教育館。
劉錫權 (2001)。試探在視覺傳達設計的範疇裡進行之基礎攝影課程視覺素養的養成教育目標及方法。朝陽設計學報，No.2，頁 1-9。
劉錫權、陳幸春（譯）（1998）。視覺傳達 -- 平面設計--（上冊）（原作者：Denton, C.）。台北：美商麥格羅希爾股份有限公司。
潘東波 (2007)。設計基礎與基本構成。新北市：相對論出版有限公司。
藝文領域課程計畫表-視覺藝術（2011）。教育部全球資訊網。2011年10月10日，取自 http://www.edu.tw
藝術形式的十大基本原理（2012）。2012年5月5日，取http://artcenter.nfu.edu.tw/~liaoduzu/xoops/uploads/$mydirname/a8.pdf
藺德 (1999)。基本設計。台北：正元圖書有限公司。
蘇錦皆。(2010)。視覺文化藝術教育課程建構與實踐評估之研究，國立臺灣師範大學博士班論文，未出版，台北。
Arnold, W. E., & McClure, L. (1996). Communication training and development. Prospect Heights, IL: Waveland Press, Inc.
Ausburn, L. J., & Ausburn, F. G. (1978). Visual literacy：Background, theory, and practice. Programmed Learning & Educational Technology,15(4), p. 292-297.
Averinou, M. & Ericson, J. (1997). A review of the concept of visual literacy. British Journal of Educational Technology, 28(4), p. 280-291.
Avgerinou, M. (2000). Towards a visual literacy index. In R. E. Griffin, J. Lee, & V. S. Williams (Eds.), Exploring the visual future: Art design, science & technology. IVLA book of selected readings. International Visual Literacy Association. p. 17-26.
Braden, R. A. (1996). Visual literacy. In D. H. Jonassen (Ed.), Handbook of research for educational communications and technology. New York: Simon & Schuster.
Braden, R. A., & Hortin, J. A. (1982). Identifying the theoretical foundations of visual literacy. Journal of Visual Verbal Languaging, 2(2), p.37-51.
Burbank, L., & Pett D. W. (1983). Visual literacy: an overview of theory and practice.In L. Burbank & D. W. Pett (Eds.), Contributions to the Study of Visual Literacy. USA: IVLA Inc.
Burmark, L. (2002). Visual literacy: Learn to see, see to learn. Alexandria. VA: Association for Supervision and Curriculum Development.
BurnsM. (2006). A thousand words: Promoting teachers’visual literacy skills. Multimedia & Internet @ Schools, 13(1), p.16-20.
Christopherson, J. T. (1996). The growing need for visual literacy at the university. In R. E. Griffin, J. M. Hunter, C. B. Schiffman, & W. J. Gibbs (Eds.) , VisionQuest: Journeys toward visual literacy. IVLA book of selected readings. International Visual Literacy Association. p.169-174.
Christopherson, J.T. (1997). The growing need for visual literacy at the university. In R.E. Griffin, J.M. Hunter, C. B. Schiffman, & W.J. Gibbs (Eds.). Vision quest: Journeys toward visual literacy.
Clark, R. C., Nguyen, F., Sweller, J. (2006). Efficiency in learning: evidence-based guidelines to manage cognitive load. San Francisco: Pfeiffer.
Considine, D. M. (1986). Visual literacy & children’s books: An integrated approach. School Library Journal, 33(1), p.38-42.
Curtiss, D. C. (1987). Introduction to Visual Literacy. NJ: Prentice-Hall, Englewood Cliffs.
Debes, J. (1969). The loom of visual literacy: An overview. Audiovisual Instruction, 
14(8)25-27.
Dewey, John. (1897). My pedagogic is creed, Article 4, the nature of method. School Journal (January). p.77-80.
Dondis, D. A. (1973). A premier of visual literacy. Cambridge, MA: Massachusetts Institute of Technology.
Elkins, J. (2007). Visual Literacy. New York: Routledge.
Fleming, M., & Levie, W. H. (1993). Instructional message design: principles from the behavioural and cognitive sciences. NJ: Englewood Cliffs.
Graham, M., Hannigan, K., & Curran, P. (2005). Imagine: Visual design in first-year composition. Journal of Visual Literacy, 25(1). p. 21-40.
Heinich, R., Molenda, M., & Russell, J. D. (1982). Instructional media and the new technologies of instruction. New York: Macmillan.
Hodes, C.L. (1993). The effect of visual mental imagery on speed and accuracy of information. In R.A. Braden, J.C. Baca & D.G.. Beauchamp (Eds.). Art, science and visual Literacy. Blacksburg, VA: IVLA.
Hortin, J. A. (1982). Experimental Phenomenology and Visual Literacy,in R.A. Braden & A. D. Walker(Eds.). Television and visual literacy. Readings from the 13th Annual Conference of the International Visual
Hortin, J. A. (1983). Visual literacy and visual thinking. In L. Burbank, & D. Pett (eds.), Contributions to the Study of Visual Literacy. VA: International Visual Literacy Asscociation.
Literacy .ConferenceBloomington: Indiana University. p. 17-32.
James, A. B. (1998). Media literacy perspectives. Journal of Communication, 48(1), p.44-58.
Januszewski, A., & Molenda, M. (2008). Educational technology: A definition with. US: Routledge.
Johnson, B.D. (1977). Visual literacy, media literacy, and mass communications for English instruction. Doctoral dissertation, Northwestern University. Dissertation Abstracts International, 38, 6581A. (University Microfilms No. 78- 5287.).
Karabeg, D. (2001). Perspective of visual literacy. In R. E. Griffin, J. Lee, & V. S. Williams (Eds.), Visual literacy in message design. IVLA book of selected readings. International Visual Literacy Association. p.107-112.
Kogan, N. (1971). Educational implications of cognitive styles. In G.S. Lesser (ed.),
Psychology and educational practice (pp. 242-292). Glenview, IL: Scott Foresman.
Messaris, P. (1993). "Visual Literacy：A Theoretical Synthesis" Communication Theory3/4. p.277-294.
Messaris, P. (1994). Visual literacy: Image, mind, & reality. Boulder, CO: Westview Press, Inc.
Pavio, A. (1990). Mental representations: A dual coding approach (2nd ed.). NY: Oxford University Press.
Pettersson, R. (1993). Visual information (2nd ed.). Englewood Cliffs, NJ: Educational Technology Publications.
Pettersson, R. (2002). Information design: An introduction. Amsterdam: John Benjamins.
Randhawa, B. S. (1978). Visual trinity: An overview. In B.S. Randhawa, & W. E.Coffman (Eds.), Visual learning, thinking and communication. New York: Academic Press.
Seels, B. (1994). Visual literacy: The definition problem. In D.M. Moore,& F.M.Dwyer (Eds.), Visual literacy: A spectrum of visual learning, educational. NJ: Englewood Cliffs.
Sinatra, R. (1986). Visual literacy connections to thinking, reading, and writing. IL: Springfield.
Stewig, John Warren. (1986). Visual and Verbal Literacy. Annual Meeting of the National Council of Teachers of English.p.21-26.
Suzanne Stokes. (2002). Visual Literacy in Teaching and Learning:A Literature Perspective. Electronic Journal for the Integration of Technology in Education, vol. 1, no. 1,p.10-19.
SwellerJ. (1988). Cognitive load during problem solving: Effects on learning. Cognitive Science: 12.
Thomas C. Reeves , Jan Herrington & Ron Oliver. (2005). Design Research: A Socially Responsible Approach to Instructional Technology Research in Higher Education. Journal of Computing in Higher Education, Vol.16(2), p. 96-115.
Tufte,E.R. (1990). Envisioning information. Cheshire, CT: Graphics Press.
van den Akker, J. (1999). Principles and methods of development research. In J. van den Akker, N. Nieveen, R.M. Branch, K.L. Gustafson, & T. Plomp, (Eds.). Design methodology and developmental research in education and training, p. 1-14.
Visual Literacy Association (IVLA) (2005). Retrieved April 16, 2012, from http://www.ivla.org.
Webb, J., Davis, T.C., Bernadella, P., Clayman, M.L., Parker, P.M., Adler,D., & Wolf, M.S. (2008). atient-centered approach for improving prescription drug warning labels. Patient Education and Counseling, 72, p. 443-449.