App圖像設計元素分析探究－以美國推出之遊戲類為例

A Study of App Icon Design Elements-A Case Study of Game Apps Published in USA

葉立安(Li-An Yeh)；方彩欣(Tsai-Shin Fong)

圖像設計 ； 遊戲 ； App ； Icon Design ； Game

設計研究學報

6期（2013 / 07 / 01）

80 - 97

繁體中文

圖像（Icon）隨著時代的推演而有所轉變，並依照著技術的進步逐漸發展成熟。2008年蘋果公司創造了App Store，App應用軟體在短短五年間，數量蓬勃發展。App的圖像是使用者最先看到的視覺圖像，它是打開App的唯一入口，也同時代表著應用軟體的視覺形象，更影響著使用者下載率的高低。本研究從「圖像設計與應用」等理論出發，以蘋果公司App Store中上架的美國地區遊戲類App圖像為研究範圍，經篩選後得108個研究樣本，並進行內容分析法，建構遊戲類App圖像設計之設計要素，藉此推論目前App圖像設計之發展趨勢。結果歸納如下：（1）App圖像設計可分類為四大設計要素：分別為「簡潔性」、「顯著性」、「可識性」、「含意性」。（2）遊戲類App圖像主要呈現方式，多由遊戲角色、遊戲道具或場景來呈現。（3）美國地區遊戲類App圖像設計，多以明喻作為傳達的方式；若使用隱喻手法之圖像需引起觀者共鳴，避免使用者誤解。本研究統整出現今遊戲類App視覺設計要素、趨勢與設計建議，希望藉此研究結果提供相關設計師與產業之參考。

After the rapid rise of smart phones, icon design has been changing dramatically. Apple Inc. created the App Store in 2008, since then, Apps has been very prosperous in five years. App icons are the first visual image in the Apps download interface page, and also represent the visual image of Apps. An attractive icon design plays an important role between the Apps and users. This study was based on the ”icon design” theories and the research samples are chosen by Apple's App Store in the United States game category. Then use the content analysis method to construct the game App icon design elements and find the trends of the App icon design. The results are summarized as follows: (1) The study based on theories and summarized four design elements of game Apps icon design: ”Simplicity”, ”Significance”, ”Identification” and ”Meaning”. (2) Most of the game Apps icon main images are game characters, game props or game scene. (3) Most of the United States game Apps icon use ”Similes” to convey image content, it can help users recognize and notice an icon. ”Metaphor” is also a common way to communicate, but the images have to link or associate with users and reduce misunderstanding. The study propose App visual design elements, trends and design suggestions, providing designers and industry design reference.

1. 王韋堯、周穆謙(2002)。包裝弧面曲度對中英文標準字體設計之視認性比較。設計學報，3，13-29。
   連結：
2. 羅凱、林品張(2010)。圖像文字的蛻變與新貌。設計學研究，14，24-48。
   連結：
3. Michael Flarup, 2013, Jan 15, iPhone App Icon Design: Best Practises. Retrieved from http://www.pixelre-sort.com/blog/iphone-app-icon-design-best-practises/
4. Jessica E. Lessin, Spencer E. Ante, 2013, Apr. 15. Apps Rocket Toward $25 Billion in Sales. Retrieved from http://online.wsj.com/
5. App Promo, 2013, Apr 23, Wake Up Call – If You Spend It, They Will Come .Retrieved from http://app-promo.com/wake-up-call-infographic/
6. Vicky Wenderlich, 2013, Mar 03, 5 Tips For Making A Game App Icon. Retrieved from http://www.vicki-wenderlich.com/2012/02/5-tips-for-making-a-game-app-icon/
7. Abdullah, Rayan,Hübner, Roger(2006).Pictograms, Icons, and Signs.London:Thames & Hudson.
8. Clark, Josh、鄭巧玉譯(2011)。Tapworthy：打造完美的 iphone 應用程式。台北:碁?資訊。
9. Galitz, Wilbert O.(2002).The Essential Guide to User Interface Design.John Wiley & Sons Inc..
10. Gupta, Sunil、洪慧芳譯(2013)。別在手機上打廣告。哈佛商業評論全球中文版，70，55-60。
11. Horton, William(1994).The Icon Book: Visual Symbols for Computer Systems and Documentation.
12. McCann, Tyson、王志毅譯(2012)。App Store 經營之道。台北:果禾文化。
13. Poulin, Richard、林潔盈譯(2012)。設計的語言。台北:城邦文化出版社。
14. Shirk, Henrietta Nickels,Smith, Howard T(1994).Some issues influencing computer icon design.Society for Technical Communication,41
15. 王受之(2002)。世界現代平面設計。台北:時報文化。
16. 林伯鴻(2012)。人性化的行動裝置介面。科學發展，472，44-49。
17. 林榮泰(1993)。評估圖像符號方法的研究。明志工專學報，25，239-256。
18. 孫皓瓊(2012)。解構圖像隱藏在圖像設計間的訊息傳達。台北:佳魁資訊。
19. 張悟非(1992)。從”認知心理”的觀點來探討”視覺資訊設計”的方向。明志工專學報，24，163-174。
20. 陳娜文(2011)。碩士論文(碩士論文)。台南應用科技大學應用設計研究所。
21. 陳娜文、王藍亭(2011)。網頁視覺圖像意涵之訊息傳達研究。設計與產業學報，8，82-115。
22. 廖正雄(2012)。碩士論文(碩士論文)。國立中央大學管理學院高階主管企管碩士班。
23. 蔡劼明(2005)。碩士論文(碩士論文)。國立台北科技大學創新設計研究所。

1. 劉瑞芬,朱依靜(2018)。社交通訊類App icon設計之使用者經驗研究。台北海洋科技大學學報，9(2)，105-119。
2. 薛霖鈺,蔣世寶(2022)。醫療系統的環境視覺設計現況調查－以斗六地區為例。嶺東學報，49，283-307。