跳到主要內容

臺灣博碩士論文加值系統

(18.97.9.169) 您好!臺灣時間:2025/02/18 00:19
字體大小: 字級放大   字級縮小   預設字形  
回查詢結果 :::

詳目顯示

: 
twitterline
研究生:江品萱
研究生(外文):Ping-hsuan Chiang
論文名稱:災害警示圖像符號之動態設計研究
論文名稱(外文):A Study on Disaster Emergency of Dynamic Pictogram Design
指導教授:林家華林家華引用關係
指導教授(外文):Chia-Hua Lin
口試委員:林家華
口試委員(外文):Chia-Hua Lin
口試日期:2017-07-04
學位類別:碩士
校院名稱:大同大學
系所名稱:工業設計學系(所)
學門:設計學門
學類:產品設計學類
論文種類:學術論文
論文出版年:2017
畢業學年度:105
語文別:中文
論文頁數:128
中文關鍵詞:災害警示圖像符號動態設計
外文關鍵詞:disaster warningpictogramdynamic design
相關次數:
  • 被引用被引用:2
  • 點閱點閱:315
  • 評分評分:
  • 下載下載:45
  • 收藏至我的研究室書目清單書目收藏:0
臺灣地區的災害數量多且頻繁,近年來情況也愈趨嚴重,因此現有的防災措施也需要因應災害型態的變化而改變。臺灣災害應變的體制,根據不同的災害負責單位也有所不同,災害圖像欠缺統一性亦造成彼此之間的誤解,以及資訊傳達的錯誤。加上靜態圖像符號仍然具有傳達誤解的情況,無法在單一型態中,以完整形式呈現動作、類別、屬性等。因此本研究預期將災害情報有效的融合在動態圖像中,使圖像能傳遞跨越語言和文化的訊息,進行快速溝通與理解。
本研究將歸納災害類別與定義,與防災專家進行深度訪談調查。針對不同災害進行項目定義、災害情況、災害應變方式進行瞭解與分析;並以四項主要災害:地震、海嘯、颱風、豪雨;兩項延伸災害:水災、土石流為主,以及其應對方式共十三項設計項目,以此為基礎,請十位專業設計師進行動態圖像設計,後續以圖像分析、動態分析進行設計元素的萃取與歸納,並根據分析結果重新設計動態圖像。
此外,為了理解動態圖像之傳達性,以六個動態災害圖像符號進行識認性調查,圖像安排順序為「主要災害」接續「延伸災害」以及「應對方式」,項目為以下六種:(1)地震、(2)海嘯、(3)豪雨避免出門、(4)颱風儲水、(5)颱風垂直疏散、(6)豪雨土石流前往避難所。根據問卷結果顯示,六個項目中理解率皆達到66.7%以上識認性,顯示動態圖像能融合災害的警示,以及傳達應對方式,皆可達到一定的理解度;相關性分析中顯示,動態引起的注意性,容易提高使用者觀看的興趣,並正確傳達資訊;而動態圖像的美觀性與喜歡的風格兩者具有高度正相關,達到提高使用者的觀看體驗;而根據受測者回饋中皆有表示圖像時間長度過長的建議,動態圖像時間長度應介於0.2~0.5秒之間,以避免使用者疲勞的情況,因此,主要災害加上延伸災害的方式會使圖像時間長度過長,所以將災害分別敘述的方式進行圖像修正與修改;分析中發現,動態播放的過程中,如果物件在畫面中出現時佔畫面1/2以上,並且瞬間出現的,則具有高度吸引力,而持續且規則的移動則容易被忽略;畫面進行井字分割後,移動的物體放置於中上位置最能傳達訊息。
建議未來研究可以依據圖像風格以及色彩進行調查與調和,並可以開發實際運用在裝置上的系統進行測試。最後,本研究設計出六個項目的動態災害圖像符號,希冀未來能對災害警示系統提供參考與幫助。
Taiwan inhabitants suffered from frequent disasters and the situation has become more serious in recent years. When it comes to disaster prevention system, there are many different units responsible for each kind of disaster in Taiwan. The disaster pictogram is not unity makes misunderstanding and conveying false information. In addition, the static pictogram symbols still make misconception, cannot present in a single type of action, category, attributes. Therefore, this study is expected to effectively integrate the disaster information in the dynamic pictogram, so that the pictogram can pass across the language and culture, make people communication easily.
First, this study will summarize the classification and definition of disasters. Second, this study also interview disaster prevention experts with in-depth interviews method to understand and item definition, situation and strain mode for different disasters.
This study also summarize four major disasters: earthquake, tsunami, typhoon, heavy rain; two extended disaster: floods, mudslide and each item’s strain mode, total of thirteen design items. As a basis, let ten professional designers for pictogram design. Next, to do the pictogram analysis, dynamic analysis of the design element extracted and according to the analysis results to re-dynamic pictogram design.
In addition, in order to understand the communication of dynamic pictograms to conduct a questionnaire survey. The order of the pictograms was arranged as follow: "main disaster", "extend disaster" and then "strain mode", providing complete disaster prevention measures.There are six kinds of items: (1) earthquake, (2) tsunami, (3) heavy rain to avoid going out, (4) typhoon water storage, (5) typhoon vertical evacuation,(6) heavy rain and mudslide go to refuge.
According to the questionnaire results show that the understanding rate of the six items are more than 66.7% recognition, showing dynamic pictograms can fuse the disaster warning, and convey strain mode, also achieving a certain degree of understanding.The relevance analysis shows that the attention caused by the dynamic movement easily improves users’ interest and correctly conveys the information. And both of the aesthetics and the style of the dynamic pictogram are highly positive relevance, improving the users' viewing experience. After the test respondents found that the pictogram has a sufficient degree of understanding, but the pictogram length of time longer, so that subjects feel tired. As the result, the length of the dynamic pictogram should be between 0.2 to 0.5 seconds, so the use of disasters, respectively, the way the image correction and modification.The final Analysis shows that a dynamic pictograms object appearing suddenly in the screen more than 1/2 space in the playing process creates a high degree of attraction. In contrast, it is easily overlooked with continuing and regular movement. After the screen has passed Rule of Thirds, the moving object placed in the middle position can convey a message more clearly.
In the future research, the study can investigate and reconcile pictogram style and color, developing a system with actual function for devices, testing it. In the end, this study designed the dynamic disaster pictogram symbols of six items, hoping to provide reference and help to the disaster warning system in the future.
致謝 2
摘要 3
ABSTRACT 4
目錄 6
表目錄 9
圖目錄 11
第壹章 緒論 13
1.1研究背景與動機 13
1.2研究目的 15
1.3研究範圍與限制 15
1.4研究架構 16
第貳章 文獻探討 17
2.1 圖像符號 17
2.1.1符號學基本理論 18
2.1.2圖像符號的定義 20
2.1.3視覺認知 21
2.1.4圖像認知與辨識 23
2.1.5設計原則與流程 24
2.1.6圖像符號評估 27
2.2動態圖像符號 28
2.2.1動態圖像符號發展 28
2.2.2動態圖像符號的定義 29
2.2.3數位原生的認知理論 29
2.2.4數位原生的圖像視覺素養 31
2.2.5動態圖像符號設計的優勢 31
2.2.6動態圖像符號的原則 32
2.3國內外案例 34
2.3.1各國防災圖像符號 34
2.4小結 42
第參章 研究方法 44
3.1研究流程與架構 44
3.2研究設計 45
3.2.1蒐集與樣本範圍訂定 45
3.2.2防災專家訪談調查 47
3.2.3專業設計師設計災害靜態圖像 48
3.2.4動態圖像設計創作 49
3.2.5設計提案評估 50
3.2.6災害的動態圖像符號最終提案 51
第肆章 研究結果 52
4.1防災專家訪談調查結果 52
4.1.1訪談對象 52
4.1.2訪談分析 53
4.2.3小結 56
4.2專業設計師設計災害靜態圖像結果 58
4.2.1專業設計師背景 58
4.2.2設計師圖像分析 58
4.2.3圖像設計分析 59
4.2.4動態設計分析 72
4.2.5小結 77
4.3動態圖像設計創作說明 79
4.3.1地震 79
4.3.2海嘯 80
4.3.3颱風 81
4.3.4豪雨 81
4.3.5水災 82
4.3.6土石流 84
4.3.7小結 85
4.4識認性問卷調查 85
4.4.1問卷分析結果 86
4.4.2受測者基本資料分析 87
4.4.3動態圖像識認性分析 88
第伍章 討論與分析 101
5.1 圖像符號設計 101
5.1.1 圖像設計識認性與元素整理 101
5.1.2災害的動態圖像符號順序修正 103
5.1.3圖像風格認同度 104
5.2動態圖像符號 105
5.3相關性分析 106
第陸章 結論與建議 108
6.1 研究結論 108
6.2災害動態圖像符號設計提案 111
6.3研究未來建議 114
參考文獻 115
外文部分 115
中文部分 116
附錄一 災害專家深度訪談問卷 120
附錄二 災害專家深度訪談同意書 122
附錄三 設計專家焦點團體法問卷 123
附錄四 識認性調查問卷 125
參考文獻
外文部分
1. Abdullah, R., & Hubner, R. (2006). Pictograms, Icons & Signs. New York: Thames & Hudson.
2. Aradhna, K. (2013).Customer Sense: How the 5 Senses Influence Buying Behavior。Palgrave Macmillan.
3. Barthes, R. (1986). Semiology and the Urban. The city and the sign: An introduction to urban semiotics, 87-98.
4. De Saussure, F. (1916). Cours de linguistique génémale. Paris.Payot.
5. Horton, W. (1994). The Icon Book: Visual Symbols for Computer Systems and Documentation, New York: John Wiley & Sons
6. Hashim, M. J., Alkaabi, M. S. K. M., & Bharwani, S. (2014). Interpretation of way-finding healthcare symbols by a multicultural population: Navigation signage design for global health. Applied ergonomics, 45(3), 503-509.Norman, D. A. (1988). The Design of Everyday Things. New York: Currency.
7. Mayer, R. E., Heiser, J., & Lonn, S. (2001). Cognitive constraints on multimedia learning: When presenting more material results in less understanding. Journal of educational psychology, 93(1), 187.
8. O'Brien, D., & Scharber, C. (2008). Digital literacies go to school: Potholes and possibilities. Journal of Adolescent & Adult Literacy, 52(1), 66-68.
9. Peirce, C. S. (1883). Collected Papers of Charles Sanders Peirce, vols. 1–6, 1931–1935, Charles Hartshorne and Paul Weiss, eds.
10. Prensky, M. (2001). Digital natives, digital immigrants part 1. On the horizon, 9(5), 1-6.
11. Nielsen, J., & Molich, R. (1990). Improving a human-computer dialogue, Communications of the ACM, 33(3), 338-348.
12. Saunders, A. C. (1994). Graphics and how they communicate. In D. M.Moore & F. M. Dwyer (Eds.).Visual literacy, Englewood Cliff, NJ:Educational Technology Publication, 183-208.
13. Tim, F., Sebastian, M.& Stefan, F.(2012).Informotion: Animated Infographics (1 ed.). Gestalten.
14. 大野森太郎、原田利宣、宗森純 (2011)。「動詞」情報量分析基支援。JSSD,58,55-64。
15. 太田幸夫 (1995)。,日本規格教会。
16. 太田幸夫 (1993) 。< 絵文字> 。柏書房。
17. 日本內閣府 (2016)。災害種別図記号。
中文部分
論文
1. 林江輝 (2007)。從形狀辨識理論觀點探討交通運輸場站標誌圖像設計。臺北:國立臺灣科技大學設計研究所。
2. 姚村雄 (2009)。殖民觀點的視覺符號建構-以日治時期美術設計之「臺灣圖像」符號研究。國立雲林科技大學設計學研究所博士論文。
3. 施純銘、林振陽 (1994)。機器產品安全性操作系統之認知性研究-以射出成型機器操作面板設計為例。成功大學碩士論文。
4. 陳曉儒 (2005)。從語意轉換觀點談圖像符號設計之研究-以觀光資源項目為例。國立雲林科技大學視覺傳達設計系碩士班。
5. 楊智傑、黃雅玲 (2011)。探討平面圖像物理性動態轉換的視覺文法。崑山科技大學視覺傳達設計研究所。
6. 蔡婉君 (2007)。博物館標識的視認性與識別性之研究。私立中原大學商業設計研究所論文。中壢市:私立中原大學。
7. 謝育仁 (2000)。指示性圖示之研究—以旅遊地圖為例。國立成功大學工業設計學系。
8. 蕭錦昌 (2001)。網頁介面使用性之探討與意象研究。(未出版碩士論文)。臺南市:成功大學。

期刊
1. 方彩欣、鄧淑珨 (2015)。跨領域媒體融合~動態圖像符號設計之傳播發展應用探討。設計研究學報,(8),16-29。
2. 內政部 (2017)。防災地圖作業手冊修正規定。行政院災害防救委員會。
3. 行政院(2016)。105年個人家戶數位機會調查報告。行政院國家發展委員會。
4. 何慧儀、鄭宇廷 (2013)。APP 圖像設計元素分析。中華印刷科技年報,399-411.
5. 李新富 (2003)。環境視覺規劃與設計要點之探討。商業設計學報,第7卷,201-228。
6. 林振陽、洪嘉永 (1995)。射出成型機操作面板操作安全性之設計提案 (行政院科學委員會專題研究計劃成果報告,NSC83-0415-E006-007.)。臺南市:國立成功大學。
7. 林榮泰(1991)。從圖像語意探討人機介面圖像的設計。技術學刊,6(2),195-202。
8. 張悟非 (1992)。從「認知心理」的觀點來探討視覺資訊設計的方向。工業設計,明志工專學報24期,2-11。
9. 許有麟、張繼文、林大維 (2015)。設計構想過程之意象特徵研究- 以國立屏東大學校徽設計為例。視覺藝術「藝術中的視覺性」研討會論文集。
10. 孫秀蕙 (2010)。「結構符號學與傳播文本:理論與研究實例」。專書寫作計畫,行政院國家科學委員會專題研究計畫,國立政治大學廣告學系。
11. 郭介誠 (2003)。以圖像符碼視覺語彙營造國際化的生活環境。研考雙月刊,27卷3期,29-40。
12. 陳瀚凱 (2014)。動態圖像符號之視覺特徵在認知性與審美性分析上之研究。大葉大學視覺傳達設計學系,科技學刊第23卷,人文社會類第2期,111-121。
13. 陳瀚凱、管倖生 (2012)。動態圖像符號信息在模糊邊緣與明度對比分析上之視覺評量方法研究。設計學報,第17卷第1期,59~80。
14. 陳瀚凱、管倖生 (2008)。液晶顯示器呈現動態畫面品質在色彩偏移分析上之視覺評量方法研究。設計學報,第13卷第1期,51-70。
15. 黃崇冀 (1990)。人之因素與電腦介面-圖像研究(先期研究)。行政院國家科學委員會計劃。臺北市:淡江大學。
16. 項靖 (2003)。邁向資訊均富: 我國數位落差現況之探討。
17. 楊裕隆 (2012)。符號理論與應用。樹德科技大學視覺傳達設計系。科學發展,科技部,(478),10。
18. 葉立安、方彩欣 (2013)。App 圖像設計元素分析探究- 以美國推出之遊戲類為例。設計研究學報第六期,80-97。
19. 管倖生、謝育仁 (2000)。旅遊地圖上圖示之評估。設計學報,五卷一期,63-73。
20. 錢眞珠、孔方正、陳合進 (2011)。各國藥品圖像標示之比較。元培學報,18,57-83。
21. 謝長明 (2008)。日本觀光地區道路指示標誌報告書。交通部觀光局。
22. 蘇文清、嚴貞、李傳房(2007)。符號學與認知心理學基礎理論於視覺設計之運用研究-以 “標誌設計”為例。人文暨社會科學期刊,第三卷第一期,95-104。
23. 國家災害防救科技中心(2013)。災害防救資訊圖式規範(草案)。
24. 羅凱、楊小青、林品章(2010)。市售商品包裝警告圖像之識認性調查與分析。設計學研究,13(2),19-40。

書籍
1. Fiske, J.(1999)。傳播符號學理論。(張錦華譯)。台北: 遠流,60-61。(原作出版年:1990)
2. H. Gleitman. (1997)。心理學。(洪蘭譯)。台北: 遠流。(原作出版年:1983)
3. R.L.Gregory. (1988) 。視覺心理學。(羅德望譯)。臺北市:五洲。(原作出版年:1987)
4. Robert, L. S. (2008)。視覺藝術認知。(梁耘瑭譯)。臺北市:全華。(原作出版年:2006)
5. Richard, L. G. (2009)。視覺心理學。(瞿錦春、張芬芬譯)。臺北市:五南。(原作出版年:2006)
6. Semir, Z. (2001)。腦內藝術館:探索大腦的審美功能。(潘恩典譯)。臺北市:商周。(原作出版年:1999)
7. 王秀雄 (1975)。美術心理學。高雄市:三信。
8. 方裕民 (2003)。人與物的對話-互動介面設計理論與實務。臺北:田園城市。
9. 古添洪、廖炳惠 (2001)。普爾斯。臺北市:東大圖書。
10. 李幼蒸 (1997)。理論符號學導論(卷二)語意符號學。唐山,26-32。
11. 林品章 (1996)。商業設計。臺北:藝術家。
12. 洪志成、廖梅花 (2003)。焦點團體訪談。嘉義: 濤石。
13. 高熏芳 (2013)。數位原生的學習與教學。台北市: 高等教育文化。
14. 趙毅衡、胡易容 (2014)。符號學: 傳媒學辭典。新銳文創。
15. 葉重新 (2010)。心理與教育測驗。348-349。心理。
16. 鄭麗玉 (1993)。認知心理學。臺北:五南圖書。
17. 劉其偉 (1991)。文化人類學。臺北市:藝術家。
18. 鍾聖校 (1990)。認知心理學。臺北市:心理。

網站
1. 卓彥利 (2006)。符號學。參考網址:http://page.phsh.tyc.edu.tw/downtext/upload/%B2%C5%B8%B9%BE%C7.doc。查閱日期:2016年6月10日.
2. 災害示警公開資料平台災害圖像。資料來源: https://alerts.ncdr.nat.gov.tw/index_V3.aspx。查閱日期:2017年1月30日
3. 日本yahoo防災速報災害圖像。資料來源:https://emg.yahoo.co.jp/。查閱日期:2017年1月30日
4. 加拿大災難符號和定義參考表。資料來源:https://www.publicsafety.gc.ca/cnt/rsrcs/cndn-dsstr-dtbs/rfrnc-tbl-smbls-dfntns-en.aspx。查閱日期:2017年1月30日
5. 中國氣象災害預警信號。資料來源:中國氣象局http://www.cma.gov.cn/2011zwxx/2011zflfg/2011zgfxwj/201208/t20120803_180761.html 查閱日期:2017年1月30日
6. 臺北市防災資訊網。資料來源:http://www.eoc.gov.taipei/EOC/。查閱日期:2017年2月18日
7. 臺灣抗震網。資料來源:http://www.comedrill.com.tw/。查閱日期:2017年2月18日
QRCODE
 
 
 
 
 
                                                                                                                                                                                                                                                                                                                                                                                                               
第一頁 上一頁 下一頁 最後一頁 top