簡易檢索 / 詳目顯示

研究生: 陳可欣
Ko-Shin, Chen
論文名稱: 國際品牌的使用者圖形介面之風格研究
A study on the graphic user interface design of the international brand
指導教授: 梁桂嘉
學位類別: 碩士
Master
系所名稱: 設計學系
Department of Design
論文出版年: 2012
畢業學年度: 100
語文別: 中文
論文頁數: 91
中文關鍵詞: 使用者經驗圖形使用者介面視覺要素
英文關鍵詞: User Experience, Graphic User Interface, Visual Design Element
論文種類: 學術論文
相關次數: 點閱:136下載:27
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報
  • 近年來,智慧型手機、平板電腦等急速的普及於我們的生活圈當中,電腦自 發展以來,不超過一個世紀的時間,卻已經完全的扭轉了人類的生活形態。不少 人一天花了大半的時間與電腦溝通,而電腦以一個系統的形態、建構一個虛擬的 環境,或稱「心智模型」(Mental Model ),建立起與使用者溝通的模式,這樣 一個使用經驗的建立,囊括了人因工程、人機介面、互動設計、圖形視覺設計、 與工程開發、行銷...等等的串聯。
    研究者希望透過對文獻的整理與具指標性之品牌的探討,累積產業在這方面 較少著墨的內容,拋磚引玉,幫助累積、整理較具有系統性的資料,以及統合業 界經驗,提出更接近業界可執行層面的研究觀點。
    本研究專注於圖形介面外觀的設計作探討,透過文獻瞭解到其外觀由四個元 素所構成:圖像(icon)、字型(font)、色彩(color)、與操作元件 (controls ),進而針對四項元素做深入探討,接著藉由現今市場普及率較高的 三個系統作為案例分析對象,進行解構分析,並且與其品牌個性與背景作共同討 論,推斷出各個系統的風格特性。
    透過文獻探討與案例分析的綜合比較後,本研究發現認為理念一致、視覺統 一的介面外觀,能夠增加使用者對該系統的認同,現今的系統平台也都有達到這 樣的目的。並且整體科技生態呈現:大環境影響操作系統的構成、操作系統影響 使用者的使用習性、使用者構成大環境的科技生態循環。

    In these years, smart phone and tablet PC are more and more popular in our life, they occupy most of our life. However, the history of computer is no more a century, but it is absolute change the life of human being. Most of us cost lots of time to communicate with computer, but how? Computer establish as a system, that’s a kind of invented environment, or you can call it “Mental Model”. To build up a communication mode between computer and human. “User Experi- ence” is a hot topic around these years, it includes lots of theory, like Ergo- nomics, Human-Computer Interaction, Interaction Design, Graphic User Inter- face design, and Research/Development.
    This study made a literature review focus on Graphic User Interface Design, to find the element of it, they are icon, color, font, and controls. Use these four topics to deeply review three most popular systems of market share. To know how the background and personality of system brand to effect their interface de- sign?
    After the study, we found that, if computer system making all the appear- ance of interface identical, can increase the sense of trust form user, as the sys- tem we saw in the world. and these computer systems, user, science and technol- ogy are make a cycle to satisfy each other.

    摘要 ⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯I ABSTRACT ⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯II 目錄 ⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯III 圖目錄 ⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯V 表目錄 ⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯VII 第一章 緒論 ⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯ 9 第一節 研究背景⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯ 9 第二節 研究動機⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯ 11 第三節 研究目的⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯ 11 第四節 研範圍與限制⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯ 12 第五節 研究流程與架構⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯ 12 第二章 文獻探討 ⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯14 第一節 使用者經驗設計意涵與開發流程 ⋯⋯⋯⋯⋯14 第二節 圖形使用者介面起源與名詞定義 ⋯⋯⋯⋯⋯19 第三節 圖形使用者介面設計原則 ⋯⋯⋯⋯⋯⋯⋯⋯21 第四節 圖形使用者介面之視覺要素 ⋯⋯⋯⋯⋯⋯⋯23 第五節 文獻總結 ⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯40 第三章 研究方法與案例分析 ⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯42 第一節 研究方法 ⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯42 第二節 案例分析_圖形介面元素 ⋯⋯⋯⋯⋯⋯⋯⋯ 45 第三節 案例分析_整體統和 ⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯ 76 第四章 創作成果解析 ⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯ 80 第一節 創作理念 ⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯ 80 第二節 創作方法 ⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯ 81 第三節 創作成果 ⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯ 83 第五章 案例分析結果與綜合討論 ⋯⋯⋯⋯⋯⋯⋯⋯86 第一節 案例分析結果 ⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯ 86 第二節 研究討論 ⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯ 87 第三節 後續研究與建議 ⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯ 89 參考文獻 ⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯ 90

    中文文獻
    參考文獻
    1.葉錦睿(2010)。互動設計概論。台北:藝術家。
    2. 李青蓉(1998)。人機介面設計。台北:空中大學。
    3. 姚美玲(2004)。 彩色銀幕手機主選單圖像符號設計研究。 國立交通大學應
    用藝術研究所碩士論文。
    4. 林錦全(2004)視覺設計要素在洗衣機操作界面上之運用研究。私立銘傳大學
    設計管理研究所碩士論文。
    5. 王明嘉(2010)。字母的誕生。台北:積木文化。
    6. 張閩生(1990)。版面設計。台北:幼獅文化事業。
    7. 周陟(2010)。UI進化論。台北:上奇。
    8. 鄭文俊(1999)。資訊產品銀幕圖像操作介面設計思索與實務。大葉學報,第
    八卷。
    9. 張悟非(1992)。從認知心理的觀點來探討視覺資訊設計的方向。明志工專學
    報。 10.林榮泰、莊明振(1991)。從圖像語意探討人機介面圖像的設計。工業設計,
    第20卷,第二期。 12.鄭國裕、林磐聳(1987)。色彩計劃。台北:藝風堂。 13.歐秀明、林文昌(2005)生活色彩搭配。台北:雄獅。
    英文文獻
    1. David A. Aaker(1995). Building Strong Brand. Free Press.
    2. Kevin Cox & David Walder(1990).User Interface Design. Prentice Hall.
    3. Preece, J.(1994).Human-Computer Interaction.Massachusetts.
    4. Shneiderman, B.(2005)Design the user interface:Strategics for effective
    human-computer interaction.
    3. Jenifer Tidwell(2005).Patterns for Effective Interaction Design. 台北:諅
    峯.
    90
    4. Kim Goodwin(2009)Designing For The Digital Age. John Wiley & Sons Inc.
    5. Kathryn Best(2008). Design Management. 台北:麥浩斯。
    6. Tullis, T.S.(1988,Screen design). In Helander, M. G. (Ed.). Handbook of
    Human–Computer Interaction. NT:Elsevier Science Publishing.
    7. Huang et al.(2002).International Jornal of industrial Ergonomics:Factors
    affecting the design of computer icons.
    網路資料
    1.R. Kayne (2003). www.wisegeek.com/what-is-the-difference-betweenhardware- and-software.htm
    2. Android Ice Cream Sandwich Design guideline (2012). developer.android.com/ design/index.html
    3. Mac OS X Developer Library (2010). http://developer.apple.com/library/mac/ navigation/
    4. Vox-ATypl Classification (2012). http://en.wikipedia.org/wiki/Vox- ATypI_classification
    5. Graphic User Interface (2012). http://en.wikipedia.org/wiki/ Graphical_user_interface
    6. Montparnas,What Is User Experience Design (2006) www.montparnas.com/articles/what-is-user-experience-design/ 7. Affordance (2009). http://zh.wikipedia.org/wiki/%E6%89%BF %E6%93%94%E7%89%B9%E8%B3%AA
    8. R. Kayne,What’s the difference between hardware and software (2003)
    http://www.wisegeek.com/what-is-the-difference-between-hardware-and-soft ware.htm
    9. Nielsen Norman Group (1998) http://www.nngroup.com/
    10.UX Design Defined (2010) http://uxdesign.com/ux-defined

    下載圖示
    QR CODE