(3.235.139.152) 您好!臺灣時間:2021/05/11 06:50
字體大小: 字級放大   字級縮小   預設字形  
回查詢結果

詳目顯示:::

: 
twitterline
研究生:許心嫻
研究生(外文):Hsin-Hsien Hsu
論文名稱:「中文文字編排設計」課程網路教材建構之研究
論文名稱(外文):A Study of Constructing a “Chinese Typography” Web-based Instructional Aid Courseware
指導教授:嚴貞嚴貞引用關係
指導教授(外文):Jen Yen
學位類別:碩士
校院名稱:國立雲林科技大學
系所名稱:視覺傳達設計系碩士班
學門:設計學門
學類:視覺傳達設計學類
論文種類:學術論文
論文出版年:2003
畢業學年度:91
語文別:中文
論文頁數:135
中文關鍵詞:網路教學網路教材設計互動式多媒體文字編排設計
外文關鍵詞:typographyinteractive multimediaweb-based instructional material designweb-based education
相關次數:
  • 被引用被引用:13
  • 點閱點閱:718
  • 評分評分:系統版面圖檔系統版面圖檔系統版面圖檔系統版面圖檔系統版面圖檔
  • 下載下載:148
  • 收藏至我的研究室書目清單書目收藏:0
本研究結合理論與使用者需求,建構一適用於國內大專院校視覺傳達設計相關科系學生使用的「中文文字編排設計」課程互動式多媒體網路教材。但限於時間與人力不足之因素,本教材屬於教材雛型,非正式完成之教材。
研究設計分為八階段進行,第一階段文獻探討,探討教材建構所需之理論基礎;第二階段國內大專院校視覺傳達設計領域網路教材現況調查;第三階段使用者需求調查與使用者特質分析,以問卷調查法,依據83份目標使用者與5份文字編排相關課程專家所填寫之有效問卷結果進行了解;第四階段教學計畫擬定,以文獻探討法擬定教材之教學結構、教學目標、教學模式、教學方法和教學媒體運用;第五階段教材規劃與設計,依據前四階段之結果規劃教材設計草案,包括教材之架構、功能、內容、介面與視覺設計等;第六階段製作前形成性評量,以訪談法讓專家針對設計草案進行製作前形成性評量,並依評量結果予以修正;第七階段教材發展與製作,依據設計草案製作教材;第八階段實行期形成性評量與修正,以李克七點尺度之態度量表與意見填寫方式進行,依據47份使用者有效問卷與10份專家有效問卷之結果,修正教材並提出相關建議。
教材實行期形成性評量結果,目標使用者和專家在「課程內容」、「介面與操作性」和「媒體運用與表現形式」三個主題中各個項目的評量結果,均給予正面的評價。但其中「介面與操作性」主題內的「很快地找到想學的內容」與「操作中不易迷失」兩項目得點較低(得點愈高,評價愈好;得點愈低,評價愈差)。本研究依據評量結果與意見修正教材,並提出下列關於視覺傳達設計領域網路教材設計之建議:1.教材需要一適用於使用者之教學計畫與教學內容;2.課程內容表現應有充足的圖片範例輔助文字內容;3.視覺表現應具有活潑、美觀或創新等特色;4.功能表現應善用網路特性,並提供操作練習;5.視覺與介面設計應妥善運用視覺元素;6.非結構化或非線性架構之網路教材須著重導引功能。
This research combines theory and user needs to conduct a “Chinese Typography” web-based interactive instructional courseware, which is suitable for college students of Visual Communication Design Department. However, due to the shortage of time and manpower, this courseware is just a prototype but not a complete courseware.
This research is divided into 8 stages. The first stage is document analysis, that is, to probe into the theories required for conducting an instructional material. The second stage is to investigate the current status of web-based instructional courseware in the field of visual communication design. The third stage is to complete user needs investigation and characteristic analysis based on 83 questionnaires done by target users and 5 questionnaires done by professionals of typography. The fourth stage is to draft an educational plan, and to confirm the instructional structure, instructional goal, instructional pattern, instructional method and the application of instructional media. The fifth stage is to work out and design the instructional material, based on the educational plan, structure, function, content, interface and visual design established at the fourth stage. The sixth stage is to conduct a pre-production formative evaluation, that is, to interview with professionals and collect their suggestions for adjustment. The seventh stage is to proceed on the production of instructional courseware as planned. The last stage is to conduct an on trail formative evaluation and work on modification. 47 target users and 10 professionals are invited to complete a questionnaire consist of LiKert Scale questions and open comment sections, and to provide their feedback for improvement.
As far as the evaluation result is concerned, the target users and professionals gave a positive feedback on the aspects of Course Content, Interface and Operation, and Application of Media & Presentation Style. Nevertheless, “easy to find what I am looking for” and “hardly to get lost” under the aspect of Interface and Operation got relatively low score (the higher the score is, the better the feedback is). This research has modified the instructional material based on the result of evaluation, and summed up 6 recommendations for conducting a web-based instructional material in the field of visual communication design. First, an educational plan and instructional content suitable for users is required. Second, there must be enough visual aids to support the context. Third, the visual expression must be lively, artistic and innovative. Fourth, functional presentation should fully utilize web characteristic and provide opportunities for practice. Fifth, make the best use of visual elements in designing visual appearance and interface. Sixth, non-structural or non-linear structural web-based instructional material should pay more attention on the guiding function.
中文摘要 Ⅰ
英文摘要 Ⅱ
目錄 Ⅴ
表目錄 Ⅷ
圖目錄 Ⅸ

一、緒論
1.1 研究背景與動機 1
1.2 研究目的 2
1.3 研究方法 3
1.4 研究步驟與流程 6
1.5 名詞釋義 7
1.6 研究範圍與限制 7
二、文獻探討
2.1 網路教學系統發展模式 9
2.2 網路教學的特性 10
2.3 在科技架構中教師與學習者的角色 10
2.4 網路教材教學結構設計之理論基礎 12
2.4.1 網路教學之教學與學習理論 12
2.4.2 網路教學結構 17
2.5 網路教材教學模式設計之理論基礎 18
2.6 網路教材教學方法設計之理論基礎 18
2.6.1傳統教學方法設計 21
2.6.2建構主義的網路教學方法設計 22
2.7 網路教材架構設計之理論基礎 23
2.8 網路教材功能設計的理論基礎 24
2.9 網路教材教學與視覺訊息設計的理論基礎 26
2.9.1人類訊息處理過程 26
2.9.2視覺傳達的認知歷程 26
2.9.3網路訊息的特徵 28
2.9.4視覺化學習的理論基礎 28
2.10網路教材使用者介面設計的理論基礎 32
2.10.1使用者介面的定義與其重要性 32
2.10.2使用者介面的種類 32
2.10.2使用者介面的設計原則 33
2.11網路教材互動設計的理論基礎 34
2.11.1人機的互動模式 34
2.11.2網路教學的互動模式 34
2.12網路教材多媒體設計的理論基礎 37
2.12.1多媒體的定義 37
2.12.2多媒體在教學上的影響 37
2.12.3多媒體的設計原則 37
2.13網路教材評量的理論基礎 39
2.13.1評量的種類 39
2.13.1評量的內容與方法 40
2.14文字編排設計(Typography)之研究 41
2.14.1 Typography的定義 41
2.14.2文字編排設計的歷史發展 46
2.14.3中文字的構成與結構 52
2.14.4數位中文字型特性與意象 54
2.15網路介紹與其目前發展 57
2.15.1網路之種類 57
2.15.2網路目前之發展 58
2.16小 結 59
三、研究方法
3.1 第一階段文獻探討 60
3.2 第二階段國內大專院校視覺傳達設計領域網路教材現況調查 60
3.3 第三階段使用者需求調查與特質分析 61
3.4 第四階段擬定教學計畫 63
3.5 第五階段教材規劃與設計 63
3.6 第六階段教材製作前形成性評量 63
3.7 第七階段教材發展與製作 63
3.8 第八階段教材實行期形成性評量與修正 64
四、研究結果與分析
4.1國內大專院校視覺傳達設計領域網路教材現況調查結果 66
4.2使用者需求調查結果與使用者特質分析 70
4.3教學計畫之擬定 74
4.3.1教學結構 74
4.3.2教學目標 75
4.3.3教學模式 75
4.3.4教學方法 76
4.3.5教學媒體運用 76
4.4 教材規劃與設計 77
4.4.1教材架構規劃 77
4.4.2教材功能設計 79
4.4.3教材內容設計 79
4.4.3教材內容設計 79
4.4.4教材介面設計 82
4.4.5教材視覺設計 82
4.5教材製作前形成性評量結果 83
4.6教材實行期形成性評量結果與修正 83
4.6.1實行期形成性評量之態度量表結果統計分析 83
4.6.2實行期形成性評量之意見與建議彙整 86
4.6.3修正結果 86
五、 結論與建議
5.1 結論 123
5.2 建議 125

參考文獻 126
附錄 132
中文部份
1.王明嘉,1997,字的解析--談字體編排設計的基本素養 (上),設計,第七十四期,pp.8-13
2.王文科,1994,認知發展理論與教育—皮亞傑理論的應用,五南圖書,台北
3.王文科主譯,1989,學習心理學:學習理論導讀,五南圖書,台北
4.朱則剛,1993,教學設計核心理念──學習理論與教學理論知識基礎的研究,視聽教育雙月刊,第三十五卷第二期,pp.1-32
5.朱則剛,1996,建構主義對教學設計的意義,教學科技與媒體,第26期,pp.3-12
6.朱敬先,1988,教育心理學,五南圖書,台北
7.光相中、鄒治中、丁子國,1999,多媒體概論,第三波,台北
8.向漢城,1997,WWW上的非同步互動社會學習環境,中原大學資訊工程工程學系碩士論文
9.交通部統計處,2001,台灣地區民眾使用網際網路狀況調查摘要分析,台北
10.朱廣豔,2002,基於網路環境的課堂教學設計,教育技術研究,第一期,合肥
11.朱仁,2001,談多媒體課件的情境創設,教育技術研究,第一期,合肥
12.李海北,2001,試論網路教學的特點與模式,教育技術研究,第四期,合肥
13.李賢輝,1999,美術教育網頁教材規劃與設計,遠距教學系統化教材設計國際研討會論文集,台北
14.呂淑豔 楊改學,2002,網路教育的由來及發展現狀分析,教育技術研究,第二期,合肥
15.何克抗,2001,網路教學結構與網路教學模式探討,教育技術研究,第二期,合肥
16.邱貴發,1996,情境學習理論與電腦輔助學習──學習設群理念探討,師大書苑,台北
17.沈中偉,1944,教育科技的研究派典,教學科技與媒體,第十四期,pp.3-11
18.余清華,1994,電腦輔助教學──理論與實踐,松崗電腦,台北
19.林寶山,1988,教學原理,五南圖書,台北
20.林麗娟,2000,電腦視覺設計──動態性因素與學生特質探討,輔仁大學出版社,台北
21.洪明洲,1999,網路教學,華採軟體,台北
22.洪榮昭,1992,電腦輔助教學之設計原理與應用,師大書苑,台北
23.洪榮昭、劉明洲,1997,電腦輔助教學之設計原理與應用,師大書苑,台北
24.洪志成,1990,建構主義初探:兼論其在教育上的應用,台灣省第一屆教育學術論文發表會論文集,pp.1~14
25.洪啟元,1995,建構主義取向的電腦輔助合作學習設計之研究,交通大學傳播研究所碩士論文
26.財團法人資訊工業策進會,1996,多媒體通訊網路應用與發展趨勢,財團法人資訊工業策進會,台北
27.孫林樺,2001,多媒體網路教學的互動模式,教育技術研究,第四期,合肥
28.許健哲、李世忠,2002,英語會話網路教材之設計與發展,視聽教育雙月刊,第四十三卷第四期,pp.2-11
29.陳淑英,1986,視聽媒體與方法在教學上應用之研究,文景書局,台北
30.陳俊宏、楊東民,2000,視覺傳達設計概論,全華科技圖書公司,台北
31.黃俊華,1998,數位化文字設計輔助課程建構之研究,國立雲林科技大學視覺傳達設計系碩士論文
32.張春興,1994,教育心理學:三化取向的理論與實踐,東華書局,台北
33.劉清榕,2000,機率與取樣,社會及行為科學研究法,東華書局,台北
34.張世忠,2000,建構教學──理論與應用,五南圖書,台北
35.彭聃齡、張必隱,2000,認知心理學,東華書局股份有限公司,台北
36.楊坤原,2000,教學主義與建構主義對電腦輔助教學設計的意含,視聽教育雙月刊,第四十二卷第三期,pp.14-27
37.葉榮木、張素惠,2000,從學習的觀點探索現代教學科技與教學改革,教學科技與媒體,第四十九期,pp.2-8
38.溫嘉榮、吳明隆,1999,新時代資訊教育的理論與實務應用,松崗電腦圖書資料股份公司,台北
39.壽大衛,2001,資訊網路教學,師大書苑,台北
40.劉冰,2001,教育網站設計,網路傳播與現代教育,北京廣播學院出版社
41.鄭昭明,1994,認知心理學,桂冠圖書,台北
42.羅綸新,1994,多媒體設計,松崗電腦,台北
43.羅莉玲,1991,編輯事典,大村文化出版社,台北
44.羅豪章、江新合,1994,設計具有自我建構特徵的互動式電腦輔助學習軟體──物理幾何光學部分,科學與教育學報,第四期,pp.139-160
45.嚴貞,1998,視覺傳達設計課程教學媒體應用之探討,教學科技與媒體,pp.8~14,台北
46.Gunther Kress & Theo Van Leeuwen著,桑尼譯,1999,解讀影像:視覺傳達設計的基本原理
47.Henry Gleitman著 洪蘭譯,1997,Psychology,遠流出版社,台北
48.Mayer R. E.著 林清山譯,1997,教育心理學──認知取向,遠流出版社,台北
49.Robert Heinich、Michael Molenda、James D. Russell & Sharon E. Smaldino著 張霄亭總校閱,2002,雙葉書廊有限公司,台北
50.Solso R. L.著 吳玲玲譯,1998,Cognitive Psychology,華泰書局,台北

英文部分
1.Boyle T.,1997,Design for multimedia learning,Prentice Hall
2.Forman G. & Putfall P. B.,1988,Constructivism in the computer age:A reconstructive epilogue,Constructivism in the computer age,pp.235-250,Hillsdale,NJ
3.John Hedberg,Christine Brown & Michael Arrighi,Interactive multimedia and web-based learning: similarities and differences,Web-based instruction,
4.Louis Rosenfeld & Peter Morville,1998,Information Architecture for the World Wide Web,O’Reilly & Associates
5.Park I. & Hannafin M.J.,1993,Empiricaly-base guidelines for the design of interactive multimedia,Educational Technology Research and Development,Vol.4,pp.63-85
6.Richey R. C.,1995,Instructional design theory and a changing field,Educational Technology Publications,NJ
7.Verderber R. F.,1996,Communicate!,Wadsworth Publishing Company
8.Saunders A.C.,1994,Graphics and how they communicate,Visual Literacy,pp.183-208,Educational Technology Publication,NJ
9.Seels B.,1989,The instructional design movement in educational technology,Educational Technology,Vol.89 No.5,pp.11-15
10.Simons P. R. J.,1993,Constructive learning:The role of the learner,Designing environments for constructive learning,pp.291-313,Berlin
11.Siegel & Kirkley,1996,Moving toward the digital learning environment : the future of web-based insturction,Web-based instruction,pp.263-270,Educational Technology Publication,NJ
12.Spector J. M.,Muraide D. J. & Marlino M. R.(1992),Cognitively based models of courseware development,Educational Technology Research & Development,Vol.40 No2,pp.45-54
13.Sutcliffe,1989,Human-computer interface design,Plenum,NY
14.Teal Triggs,1995,Communicating design──Essays in visual communication,B.T. Batsford Ltd,London
15.Winn W.,1993,Perception principle,Instructional message design:Principles from the behavioral and cognitive sciences,pp.55-126,Educational Technology Publication,NJ
16.William Winn,1998,Learning in virtual environments:a theoretical framework and considerations for design,教學科技與終身學習國際學術研討會論文集,pp.42-65
17.Zimmerman B. J.,1990,Self-regulated learning and academic achievement:An overview,Educational Psychologist,Vol.25 No1,pp.3-17

網頁資料
1.尹青海,2002,教育部「遠距教學計畫」之現況,http://140.111.1.22/moecc/art/
8609/8609a7.htm (2002/8/20)
2.交通部電信總局,2003,http://www.dgt.gov.tw/Chinese/Data-statistics/11.3/
annual-report-91/broadband.shtml (2003/6/1)

本研究教材之課程內容設計所參考的書籍與相關資料
1.王無邪,1999,平面設計原理,雄獅圖書股份有限公司,台北
2.王受之,2000,世界現代平面設計,藝術家出版社,台北
3.王鍊登,1984,圖文造形,北星出版社,台北
4.田中正明著 蘇守政譯,1988,視覺傳達設計,六合出版社,台北
5.丘永福,1991,字學:文字造形的理論與實務,藝風堂,台北
6.呂昭慧,1994,電腦中文字體之意象調查與分析,國立台灣工業技術學院工程技術研究所設計技術學程碩士論文
7.林榮觀,1990,商業廣告設計,藝術家出版社,台北
8.林品章,1989,字學:文字造形設計的技法實務,星狐出版社,台北
9.畢子融、黃炎鈴、鄭偉宗合編著,1985,草圖與正稿:平面設計製作技法,教育出版社,台北
10.張碧珠主編,2000,文字造形設計篇,藝風堂,台北
11.張道一,1996,美哉漢字:傳統民間美術字,漢聲雜誌社,台北
12.黃文宗,1994,企業識別系統中文標準字意象研究,國立交通大學應用藝術研究所碩士論文
13.朝陽堂編輯部,2000,現代廣告表現事典,朝陽堂文化,台北
14.粟津潔、佐野寬、渡邊嘉子著 汪平、井上聰譯,1997,VISUAL DESIGN--2字體設計•標誌符號,龍溪出版社,台北
15.詹鄞鑫,1995,漢字說略,洪葉文化,台北
16.楊宗魁,1987,中國文字藝術,瑞昇文化,台北
17.裘錫圭,1995,文字學概要,萬卷樓,台北
18.賴郁芳,1998,常用印刷字體之易讀性與其意象研究,國立雲林科技大學視覺傳達設計研究所碩士論文
19.顏鎮榮,1998,設計字法,全華科技圖書,台北
20.顏鎮榮,1999,文字編排設計之研究,嶺東學報,第十期,pp.51-56
21.蘇宗雄,1988,文字造形與文字編排,檸檬黃公司,台北
22.魏朝宏,1983,文字造形,眾文圖書公司,台北
23.Craig Denton著 劉錫權等譯,1998,視覺傳達-平面設計,六合出版社,台北
24.Georges Jean著 曹錦清、馬振馳譯,1994,文字與書寫,思想的符號,時報文化出版公司,台北
25.Malcolm Grear著 呂靜修譯,1997,編排設計的構成與形式,六合出版社,台北
26.Rob Carter著 許明傑譯,2000,字體的編排設計與應用,龍溪出版社,台北
27.文字編排設計課程專業教師嚴貞之授課內容
28.Ruari Mclean,1992,The Thames and Hudson Manual of Typography,Thames & Hudson,London
29.Rob Carter、Ben Day & Philip Meggs,1993,Typographic Design:Form and Communication,Van Nostrand Reinhole,NY
30.Stanley Morrison,1996,Nla First Principles of Typography,Academic Press Leiden,Netherlands
31.Herbert Spencer,1990,Pioneers of Modern Typography,Lund Humphries Publishers Ltd,London
32.Michael Gosney and others,1990,Verbum book of digital typography,Hungry Minds,NY
QRCODE
 
 
 
 
 
                                                                                                                                                                                                                                                                                                                                                                                                               
第一頁 上一頁 下一頁 最後一頁 top
系統版面圖檔 系統版面圖檔