近年來,智慧型手機、平板電腦等急速的普及於我們的生活圈當中,電腦自 發展以來,不超過一個世紀的時間,卻已經完全的扭轉了人類的生活形態。不少 人一天花了大半的時間與電腦溝通,而電腦以一個系統的形態、建構一個虛擬的 環境,或稱「心智模型」(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.

中文文獻
參考文獻
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