簡易檢索 / 詳目顯示

研究生: 陳思帆
Szufan Chen
論文名稱: 國小學童繪圖軟體介面圖像設計創作與研究
The study and creation of Graphic User Interface for elementary school children
指導教授: 張柏舟
學位類別: 碩士
Master
系所名稱: 設計學系
Department of Design
論文出版年: 2011
畢業學年度: 99
語文別: 中文
論文頁數: 122
中文關鍵詞: 介面設計圖像(icon)設計國小學童
英文關鍵詞: Interface design, the image (icon) design, elementary school children
論文種類: 學術論文
相關次數: 點閱:172下載:7
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報
  • 在整個大環境的變化及進步之下,電腦、行動電話、傳真機、印表機、掃瞄器、i – pod…等3C產品顯然已成為現今社會中的一項全民運動,人人都依賴電子產品的輔助,使得工作更加便捷迅速。而" 電腦 "更是眾多3C產品之中,不論是人與人溝通或是工作、作業的基本操作使用工具介面運用,已經變成一種生活基本的素養條件了。
    本研究中將兒童界定於國小三年級~六年級(8~12歲)之孩童,將電腦軟體限定為繪圖功能軟體,將圖像(icon)介定為軟體工具列之圖像。依據學童的切身需求情形藉由問卷、文獻探討深入瞭解,加上國小教師、設計專家的建議與統合,而量身訂做設計出一套國小學童適用之繪圖軟體系統介面圖像設計,期望達到促進孩童增長繪圖或作業學習的欲望,並幫助孩童於學習過程中更加便捷迅速的易於繪圖軟體使用,讓孩子從小即習慣電子數位工具的應用,可望促成事半功倍的作業效果。
    『繪圖』除了能夠培養並發揮國小學童的想像能力之外,無形中也有宣洩情緒、平衡思緒的隱性正面影響,除了實質的畫筆、圖紙繪圖之外,期望提供多一項藉由電腦繪圖之選擇於國小學童,促進國小學童嘗試在實質圖紙繪畫中不易達到之種種特殊效果,卻可輕易於電腦繪圖中達成,並達到減少紙張及畫筆資源之開發,更提供予家長、教師、學童多一個繪畫方式的選擇。
    有鑒於目前市場上之國小學童較頻繁使用繪圖軟體,其介面圖像設計都過於繁雜並趨於成人化設計。因此企圖深入瞭解國小中、高年級學童的認知層度及需求項目,重新修改、設計出一套專為國小學童電腦繪圖軟體介面圖像設計,將使國小學童於繪圖軟體的使用上,更明確而具趣味性。

    In the modern society, 3C products such as computers, mobile phones,fax machine, printer, scanner, iPod... etc, they all play an important role in people's life. Most people depend on electronic devices to make get their work done faster and their life easier. Among the products mentioned, "personal computer" is the basic tool and interface that can help communication and daily operation. And it has become the fundamental part in our everyday life.

    In this research, the term "children" is referred to kids that are in 3rd to 6th grade in elementary school (normally aged 8 to 12). The "computer software" is defined as graphics/ image editing software, and "icons" means the icons appear on the toolbar of the software. A set of icons for graphics software's interface is designed. It is tailor-made for elementary school children for the purpose that we can improve their ability for drawing, and also help them easily know how
    to use the icons during their learning process, so children can get used to digital tools from their childhood. Surveys, interviews, and literature reviews are conducted to find out children's requirements. Also, advices from elementary school teachers and suggestions from design experts are also taken into consideration.

    Besides developing and express children's imagination, drawing can also help soothing their emotion and balance thoughts. Aside from physical drawing papers and pens, offering computer graphic software can help children try to reach special effects that are not easily
    approached using physical tools. And it can also reduce the usage of papers and pens and other resources, and it also offers an alternative way for parents, teachers and children to draw.

    Since the current market for graphics software are mostly for adults, children do not have their choices. Therefore, this research aims to understand children's recognition and requirements thoroughly, and modify/design an icon set especially for elementary school children. In this way, the elementary school students can use graphics software more precisely and with more fun.

    中文摘要 ………………………………………………………………… I 英文摘要 ………………………………………………………………… II 謝誌 ……………………………………………………………………… III 目錄 ……………………………………………………………………… IV 圖目錄 …………………………………………………………………… VII 表目錄 …………………………………………………………………… IX 第壹章 緒論………………………………………………………………… 1 1.1 研究背景與動機 ……………………………………………………… 1 1.2 研究目的 ……………………………………………………………… 2 1.3 研究限制 ……………………………………………………………… 4 1.4 研究架構與流程 ……………………………………………………… 5 第貳章 文獻探討 ………………………………………………………… 7 2.1 兒童認知心理學 …………………………………………………… 7 2.1.1認知心理學…………………………………………………… 7 2.1.2兒童認知心理學…………………………………………… 10 2.1.3皮亞傑與維果次基的觀點………………………………… 11 2.2 繪圖軟體介面設計 ………………………………………………… 22 2.2.1 介面設計的定義………………………………………… 22 2.2.2 介面的演進……………………………………………… 23 2.2.3 運用心理學的知識……………………………………… 24 2.3 電腦運用圖像(icon)……………………………………………… 28 2.3.1 圖像(icon)的定義與組成……………………………… 28 2.3.2 圖像(icon)的類型……………………………………… 29 2.3.3 圖像(icon)設計原則…………………………………… 34 2.3.4 圖像(icon)設計流程…………………………………… 38 2.4 小結……………………………………………………………………39 第參章 研究方法……………………………………………………… 40 3.1 問卷實驗流程…………………………………………………………40 3.1.1 問卷調查目地……………………………………………… 42 3.1.2 受測對象取樣……………………………………………… 42 3.2 研究樣本圖像分析………………………………………………… 43 3.2.1 研究樣本圖像軟體選擇概述………………………………… 43 3.2.2 研究樣本圖像篩選…………………………………………… 44 3.2.3 研究樣本圖像分類………………………………………………59 3.3 問卷設計………………………………………………………………68 3.3.1 問卷 I.:國小學童繪圖軟體工具列圖像認知程度問卷……69 3.3.2 問卷II.:國小學童繪圖軟體工具列圖像清楚程度問卷……76 3.3.3 問卷調查實施……………………………………………………86 第肆章 結果分析……………………………………………………… 87 4.1 問卷I.:國小學童繪圖軟體工具列圖像認知程度問卷結果………87 4.2 問卷II.:國小學童繪圖軟體工具列圖像清楚程度問卷結果……91 4.3 結果分析………………………………………………………………95 4.3.1 問卷I.繪圖軟體圖像(icon)認知程度問卷 結果分析………95 4.3.2 問卷II.繪圖軟體圖像(icon)清楚程度問卷 結果分析……95 4.4 小結………………………………………………………………… 100 第伍章 學童適用之工具列圖像設計創作……………………………102 5.1 設計作品………………………………………………………………102 5.1.1 圖像廣告作品………………………………………………102 5.1.2 圖像設計作品………………………………………………104 5.1.3 原始圖像設計與Drawing圖像設計比對…………………113 5.1.4 圖像介面作品……………………………………………….117 第陸章 結論與建議…………………………………………………119 6.1 研究結果…………………………………………………………………117 6.1.1 國小學童使用之軟體圖像設計優劣條件…………………119 6.1.2 兒童適用圖像設計的原則特性……………………119 6.2 後續研究建議……………………………………………………………120 參考文獻……………………………………………………………………121

    中文部份
    1. 林美珍譯(2004)。Robert S.Siegler。兒童認知發展:概念與應用。台北市:心理。
    2. 王甦 汪安聖(2004)。認知心理學。五南圖書出版有限公司。
    3. 方裕民(2004) 。人與物的對話 互動介面設計理論與實務。田園城市。
    4. 唐納‧諾曼(Donald A. Norman)在《日常物品的設計》。
    5. 蕭淑芳(2004) 。電腦繪圖軟體圖像設計形式對圖像意義傳達影響之研究,成功
    大學工業設計研究所。
    6. 李子翎(2001) 。CAD/CAID軟體圖像形態設計研究,銘傳大學設計管理研究所
    在職專班。
    7. 林榮泰、莊明振(1991) 。「從圖像語意探討人機介面圖像的設計」,工業設計,
    第二十期,第85-93頁。
    8. 鄭麗玉(1993)。認知心理學‧理論與應用。五南出版社。
    9. 張悟非(1992)。「從認知心理的觀點來探討視覺資訊設計的方向」。
    10. 董芳武、鄧怡莘(2007)。邁向社會化的設計─探討語音和表情符號對兒童參與
    數位學習的影響,設計學報第12卷第4期。
    11. 黃怡莉(2002),繪圖軟體圖像大小對作業空間操作干擾之研究,私立樹德科技
    大學應用設計研究所碩士論文。
    12. 陳哲暉(2000),以動態方式呈現抽象圖像之研究─以影像編輯軟體為例,私立
    大同大學工業設計研究所碩士論文。
    13. 陳立民、張栢烟、黃俊綸、陳怡欣(2005)。從隱喻手法探討圖形使用者介面之
    溝通意涵,2005 數位設計研討會-數位內容之教學、研發與產學合作,臺中技術學院,156-165。
    14. 李幼蒸(1997)。哲學符號學。台北:唐山。
    15. 古添洪(2001)。皮爾斯。台北:東大圖書。
    16. 謝育仁(2000)。指示性圖示之研究-以旅遊地圖為例,國立成功大學工業設計研
    究所碩士論文。

    西文部份
    1. Arnheim, R.(1978). Visual Thinking. University of Califormia Press,
    Berkeley,Ca.
    2. Crow,D.(2003). Visible signs. New York: AVA Publishing.
    3. Horton,W.(1994). The Icon Book. NY: John Wiley & Sons.
    4. Marcus,A.(1984).Baby Face:User-Interface Design for Small Displays.ACM, 18-23.
    5. Preece,J.(1998).A Guide to Usabiltiy Human Factors in Copmuter. New York Wily Computer Publishing.

    下載圖示
    QR CODE