簡易檢索 / 詳目顯示

研究生: 陳韋禎
Chen,Wei-chen
論文名稱: 以『九柱性格』為主的創意介面設計創作研究
A research on the creation derived from a Graphic User Interface developed From "Enneagram of Personality"
指導教授: 許和捷
學位類別: 碩士
Master
系所名稱: 美術學系
Department of Fine Arts
論文出版年: 2011
畢業學年度: 99
語文別: 中文
論文頁數: 133
中文關鍵詞: 使用者圖形介面智慧型行動裝置心智模型九柱性格學互動
英文關鍵詞: Graphic User Interface Design, Smart mobile device, Mental Models, Enneagram of Personality, Interactionism
論文種類: 學術論文
相關次數: 點閱:205下載:10
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報
  • 因科技與通訊的發達,行動裝置成為生活上不可或缺『個人性』之產品,除了聯繫的通訊作用之外,行動裝置更讓使用者的生活便利、娛樂增添其豐富性。本創作研究利用文獻探討以及個案分析的方式,利用『九柱性格』(Enneagram of Personality)之形象特徵與設計語言符號之特徵作交叉比對,媒合出九大類性格所合適的視覺基本圖型。從第貳章文獻探討得知於運用行動裝置上的使用者圖形介面必須要做到『統一性的操作邏輯』、『易理解、易學習』、『使用者熟悉之介面隱喻』、『提供及時反饋』、『符合大眾邏輯分類』、『親和性與美學感受』之條件。而裝置介面與使用者之間的訊息互動若要成功,必須兩者兼具相同的感知頻率,以縮短使用者與介面之認知差異。第參章討論關於使用者圖形介面設計之策略方法,包含設計的程序、創意策略之定位方法...等,分析與歸納出『九柱性格』與『視覺基本幾何形』之形象特徵,將以上各類元素作為轉化為圖形介面的構成的所需之參考素材。第肆章個案研究,為熟悉市場之脈絡,整理現今市場上之智慧型行動裝置的品牌以及其設計風格、構圖、元素。第伍章根據前面章節之論述,達成介面的基本條件後,再進行滿足更高層次的情感需求;所謂的更高層次的情感需求,就是針對不同性格所能觸動其心靈感觸的美感經驗之達成。而因不同類型使用者對感知的刺激源不盡相同,故利用『九柱性格』將人類性格群聚區分為完美型、助人型、成就型、感覺型、思考型、忠誠型、享樂型、領袖型、和平型。本創作研究結論得到,利用九柱性格與幾何形之性格形象特徵可成為規劃視覺策略的方法之一,但每個人對於特徵的觀察角度以及立基的不同,所感受到之形象概念也會有所差異。所以欲使用此方式來群化目標使用者,必須得讓資料庫跟隨時間增長,以得更具說服性之參考依據。本論文整理出,一個良好的使用者介面操作行為設計基本條件、設計策略方法以及九柱性格創意介面之創作案例,將提供行動裝置之使用者圖形介面設計者,設計原則的建議以及創意思維之提示作用。

    With the advance of technology and communication, mobile device has become an inevitable tool for individual’s life, entertainment and communication. The main purpose of the present study is to exploit the features of Enneagram of Personality and the design of language symbols to cross analyze a visual graph that matches the nine categories in Enneagram of Personality.
    In chapter two, namely, literature review, research has indicated that to use mobile device, the user interface must have the following features: a united operation logic, understandable and learnable, familiar metaphorical user interface, feedback in real time, common logical grouping, and user friendliness and feeling of esthetics. Besides, if the interaction between the interface and users need to happen successfully, both of their perception must be nearly the same, which helps eliminate the differences of mutual understanding.
    In chapter three, methods regarding how the design of user interfaces are discussed. This chapter includes the explanation of the overall design process, creative strategies, the analysis of Enneagram of Personality and basic geometry terms, which altogether serve as the design reference for the creation.
    Chapter four is about a case study. An analysis of various brands of mobile device on the market, along with their design styles, layouts and elements.
    After the discussion in previous chapters, which satisfy a basic understanding of user interface, an advanced need is necessary. Therefore, I utilized Enneagram of Personality to group people into nine categories as Reformer Perfectionist, Helper/Giver, Achiever / Motivator, Artist / Individualist, Thinker / Observer, Team Player / Loyalist, Enthusiast, Leader, and Peace-maker.
    The thesis points out that features of Enneagram of Personality and basic geometry terms can be one of the strategies for user interface creation. However, due to the differences between individual’s observations, the expression vary. Thus, to group the participants appropriately and to have a more accurate result by this way, more time and database is suggested.

    The study is conducted to bring suggestive design principles and thinking directions for those who face a design case of mobile device graphic interface.

    目錄 致謝詞 i 中文摘要 ii Abstract iii 目錄 iv 表目錄 v 圖目錄 vi 第壹章 緒論 第一節 研究動機與背景 01 第二節 研究目的 02 第三節 名詞釋義 03 第四節 創作研究範圍與限制 04 第五節 創作研究方法與流程 05 第貳章 使用者圖形介面之文獻探討 第一節 使用者圖形介面互動行為研究 08 一、 互動的定義 08 二、 使用者圖形介面互動過程的行為基本模 09 三、 使用者需求層次影響介面操作行為 10 四、 使用者圖介面互動行為要點 12 第二節 使用者對訊息判斷理解之程序 一、 使用者心智模型 13 二、 感知影響訊息的傳輸的完整性 14 三、 依循『認知行為』的圖形介面建構手法 16 四、 使用者圖形介面之訊息判斷在視覺設計上之應用重點 20 第三節 圖像訊息傳達相關基本理論分析 21 一、 記號與符號 21 二、 使用者圖形介面—訊息符碼化 25 三、 使用者圖形介面—溝通圖像的表現要點 25 四、 使用者圖形介面—訊息符碼的傳達模式分析 27 五、 圖像訊息傳達之整體概念內涵 32 第參章 使用者圖形介面設計之策略方法 35 第一節 圖形介面設計程序 35 一、 設計的內外程序 35 二、 符合市場機制的設計程序 38 三、 圖形介面設計程序之實質內涵 41 第二節 創意策略定位之方法分析研究 41 一、 創意產生之四時期 42 二、 創意發想累積之思維方法 43 三、 市場定位 44 第三節 圖像構成素材之研究 46 一、 人的性格特質 46 二、 視覺基本幾何形特性探討 55 三、 性格形象概念與造型原理之轉換 61 第肆章 個案研究 64 第一節 智慧型行動裝置之市場概況 65 一、 智慧型行動裝置之主流品牌簡介 65 二、 各行動裝置品牌市佔率 69 第二節 智慧型行動裝置介面設計分析 71 一、 智慧型行動裝置介面構圖方式分析 71 二、 常見圖型標誌設計手法分析 75 三、 智慧型行動裝置介面風格分析 80 第伍章 以『九柱性格』創意介面設計創作 86 一、 創作主題與形式分析 86 二、 創作形式 87 三、 創作方法 87 四、 作品呈現 90 第陸章 結論 126 參考文獻 129 表目錄 表1-1:山農與韋佛 ( Shannon and Weaver) 溝通理論的修正模式 04 表2-1:第貳章節 結構表 07 表2-2:皮爾斯將記號分為三種類型:圖像記號(icon)、指式型 (index)、象徵型(symbol) 22 表3-1:第三章節結構表 34 表3-2:綜合歸納法表 36 表3-3:九柱性格感性描述語彙表 54 表3-4:格拉斯哥風格演變表 55 表3-5:線的感性描述語彙綜合描述表 56 表3-6:線的方向性與陰陽性表 57 表3-7:幾何基本型的感性描述語彙表 60 表4-1:第肆章節 結構表 64 表4-2:Top Five Smartphone Vendors, Shipments, Market Share, and Year-Over-Year Growth, First Quarter 2011 69 表4-3:Worldwide Smartphone Operating System 2011 and 2015 Market Share 70 表5-1:第伍章節 結構表 86 表5-2:性格類型、能量中心、幾何形對照表 89 圖目錄 圖1-1 : 研究流程圖 06 圖2-1 : 人本互動模式 (human-centered interaction model) 10 圖2-2 : 馬斯洛的理論的需求五層次 11 圖2-3 : 物理刺激的感知 15 圖2-4 : 心理因素的感知 16 圖2-5 : 形成『記號』的組織圖 21 圖2-6 : 符徵符旨擴充關係 22 圖2-7 : 抽象化過程 24 圖2-8 : 圖像元素的階層關係 27 圖2-9 : 理想型的傳達 28 圖2-10: 山農與韋佛溝通理論的修正模式 29 圖2-11: 傳達的三層面 30 圖2-12: 結合了「過程」和「語意」學派,形成一個雙重的模式 30 圖2-13: Jakobson 所提出『傳達六因素』與『傳達六種功能模式』相對的位置。 31 圖3-1 : 設計的內外部程序 36 圖3-2 : GUI Design Process 37 圖3-3 : 以人為中心的設計程序 39 圖3-4 : BenQ 遵循之設計流程模型 40 圖3-5 : 使用者圖形介面設計線性流程 41 圖3-6 : 基本九柱圖組成結構 48 圖3-7 : 九柱性格 48 圖3-8 : 基本九柱圖能量中心分布結構 49 圖3-9 : 九柱性格第一型 50 圖3-10: 九柱性格第二型 50 圖3-11: 九柱性格第三型 50 圖3-12: 九柱性格第四型 51 圖3-13: 九柱性格第五型 51 圖3-14: 九柱性格第六型 52 圖3-15: 九柱性格第七型 52 圖3-16: 九柱性格第八型 52 圖3-17: 九柱性格第九型 53 圖4-1:Apple、BlackBerry、Sony Ericsson、MOTORORA、LG、HTC、Samsung、NOKIA 65 圖4-2:Apple iOS 構圖結構 71 圖4-3:BlackBerry 構圖結構 72 圖4-4 :Android 構圖結構 72 圖4-5 :Android/XPERIA 構圖結構 73 圖4-6 :Android /HTC SENCE 構圖結構 73 圖4-7 :WindowsPhone構圖結構 74 圖4-8 :行事曆圖標造型意象象限表 75 圖4-9 :撥號圖標造型意象象限表 75 圖4-10:拍照圖標造型意象象限表 76 圖4-11:音樂媒體圖標造型意象象限表 76 圖4-12:時間圖標造型意象象限表 76 圖4-13:簡訊圖標造型意象象限表 77 圖4-14:設定圖標造型意象象限表 77 圖4-15:電子郵件圖標造型意象象限表 77 圖4-16:照片集圖標造型意象象限表 78 圖4-17:影音多媒體圖標造型意象象限表 78 圖4-18:使用者圖標造型意象象限表 78 圖4-19:瀏覽器圖標造型意象象限表 79 圖4-20:Apple iOS4、5組圖 80 圖4-21:HTC Sence 3.0 組圖 81 圖4-22:SonyErrison-XPERIA 組圖 82 圖4-23:Samsumg 各系列介面組圖 83 圖4-24:iida 各系列介面組圖 84 圖4-25:Windows Phone 各系列介面組圖 85 圖5-1 :九柱性格第一型創意介面圖形標誌 90 圖5-2 :九柱性格第一型創意介面設計組圖 91 圖5-3 :九柱性格第一型創意介面設計—男性 92 圖5-4 :九柱性格第一型創意介面設計—性 92 圖5-6:九柱性格第二型創意介面設計組圖 95 圖5-7 :九柱性格第二型創意介面設計—女性 96 圖5-8 :九柱性格第二型創意介面設計—男性 96 圖 5-9:九柱性格第三型創意介面圖形標誌設計 98 圖5-10:九柱性格第三型創意介面設計組圖 99 圖5-11:九柱性格第三型創意介面設計—男性 100 圖5-12:九柱性格第三型創意介面設計—女性 100 圖 5-13:九柱性格第四型創意介面圖形標誌設計 102 圖5-14:九柱性格第四型創意介面設計組圖 103 圖5-15:九柱性格第四型創意介面設計—男性 104 圖5-16:九柱性格第四型創意介面設計—女性 104 圖5-17:九柱性格第五型創意介面圖形標誌設計 106 圖5-18:九柱性格第五型創意介面設計組圖 107 圖5-19:九柱性格第五型創意介面設計—男性 108 圖5-20:九柱性格第五型創意介面設計—女性 108 圖5-21:九柱性格第六型創意介面圖形標誌設計 110 圖5-22:九柱性格第六型創意介面設計組圖 111 圖5-23:九柱性格第六型創意介面設計—男性 112 圖5-24:九柱性格第六型創意介面設計—女性 112 圖5-25:九柱性格第七型創意介面圖形標誌設計 114 圖5-26:九柱性格第七型創意介面設計組圖 115 圖5-27:九柱性格第七型創意介面設計—女性 116 圖5-28:九柱性格第七型創意介面設計—男性 116 圖5-29:九柱性格第八型創意介面圖形標誌設計 118 圖5-30:九柱性格第八型創意介面設計組圖 119 圖5-31:九柱性格第八型創意介面設計—女性 120 圖5-32:九柱性格第八型創意介面設計—男性 120 圖5-33:九柱性格第九型創意介面圖形標誌設計 122 圖5-34:九柱性格第九型創意介面設計組圖 123 圖5-35:九柱性格第九型創意介面設計—男性 124 圖5-36:九柱性格第九型創意介面設計—女性 124

    一、中文書籍文獻

    中原著,九型人格使用手冊,(2009.9.1),福建省廈門市:鷺江出版社。
    林崇宏著,(1999),造型.設計.藝術,台北:田園城市文化事業有限公司。
    丘永福譯(1991),造型構成心理,藝風堂出版社,台北。
    呂清夫著(1991),造形原理,雄獅圖書股份有限公司,台北。
    吳玲玲譯(1998),認知心理學,Solso R. L.:Cognitive Psychology,華泰書局,台北
    李素卿譯(2003),認知心理學,Eysenck, M. W. & Keane, M. T.:Cognitive Psychology-A Student's Handbook,五南圖書出版股份有限公司,台北。
    康丁斯基著,吳瑪 譯 ,(1985),點線面,台北:藝術圖書公司。
    劉悅笛著,(2008),視覺美學史:從前現代、現代到後代,濟南:山東文藝,108。

    二、中文期刊文獻

    王韋堯、許峻誠著 ,2006,等距圖形簡化之設計實作研究。藝術教育研究,11,33-55。
    管倖生、陳鴻源著,應用感性工學於圖標設計之研究,民93.04,科技學刊(人文社會類),卷期:13:1,33-43。
    李佩玲、楊裕富著,民92,格拉斯哥風格的式樣分析--以麥金塔的作品為例,師大學報:人文與社會類,48(2),135-148。
    陳俊文、游萬來著,2002,地圖學中的視覺傳達設計--設計研究,2,117-127。
    張繼文著,(1995),從認知心理觀點探討記號設計,屏東師院學報,8,472-500。
    楊朝順著,(2002),探討廣告手法導入產品設計開展下物品意義傳遞,3,10-12。
    劉瑞芬,(2006),設計程序與設計管理研究,臺北科技大學學報第三十九期,1,187。
    管倖生、童鼎鈞與謝承勳著,(2008),圖標設計之局部特徵屬性對整體感性之研究 。
    蔡寧,希望點列舉法在工業設計中的應用,民風,2008年12期
    鍾蔚起(1989),簡介符號互動論及其在教育上之應用,教育文粹,I8,頁I8-29。
    蘇文清著,(2007),人文暨社會科學期刊第三卷 第一期,符號學與認知心理學基處理論於視覺傳達設計之運用研究 。
    蘇文清、嚴貞、 李傳房著,(2005),符號學與認知心理學基處理論於視覺傳達設計之運用研究 。
    劉宛育著,(2006),建築風格辨識觀點的轉換—數位風格的浮現。

    三、外文文獻
    Archer, L. B., 1984, ‘Systematic Method for Designers’, in Cross, N. (ed.) Developments in Design Methodology, (1st edition), John Wiley & Sons Ltd.
    Berelson & Steinter,Human Behavior: An Inventory of Scientific Findings ( New York: Harcourt Brace, 1964), 88.
    Chan, C. S., 1992, Exploring Individual Style in Design, Environment and Planning B: Planning and Design, 1992, Vol. 19, P503-523.
    Current Biology, 2008, 『The Functional Impact of Mental Imagery on Conscious Perception』.
    Erdem DEMİR, 2008, The Field of Design andEmotion: Concepts, Arguments, Tools, and Current Issues, Middle East Technology University, Journal of the Faculty of Architecture, 2008/1 P135-152.
    Fortin,
    Paul cobley and Litza Jansz, 1999, Semiotics, icon Books Ltd.
    Riding, R. J. and Ashmore, J., 1980, Verbaliser- Imager Learning Style and Children’s Recall of Information Presented In Pictorial versus Written Form, 認知Education Studies, =vol. 6, pp. 141-145.
    Susan Dellinger, 2011, Communicating Beyond our Differences...... Introducing the Psycho-Geometrics? System.
    Tullis, T. S., 1988, Screen Design in Handhelder. M. (ed.), 377-411.
    Weiss, S, 2002, Handheld Usability, John Wiley & Sons, New York, USA.
    Severin, Werner J, 2000, Communication Theories-Origins,Methods,and Uses in the Mass Media.

    四、網路資料
    ASK知識網, http://www.sourcevision.com.tw/Course.aspx?Image15&category_ID=1&course_id=21(瀏覽時間:2011.5.03 )
    AppleInsider ,http://forums.appleinsider.com/(瀏覽時間:2011.4.25 )
    BeePhone,http://www.beephone.com.tw/(瀏覽時間:2011.4.25 )
    Care ACE,http://www.careace.net/2010/04/21/videotouch-wiz-3-0-much-improved-from-previous-version/(瀏覽時間:2011.2.13 )
    Gadget Planet , http://gadgetplanet.info/samsung-touchwiz-ux-for-android-1-3-honeycomb-demonstrated-in-the-video(瀏覽時間:2011.6 )
    MonileWith, http://www.mobilewitch.com/Sony-Ericsson-XPERIA-X10-review-Android-Power_review_details_21_page_2.htm(瀏覽時間:2011.4.6)
    MobileAi, http://www.mobileai.tw/(瀏覽時間:2011.6.3 )
    intomobile,http://www.intomobile.com/(瀏覽時間:2011.6.3 )
    This empty space, http://hk.myblog.yahoo.com/ jw!zZQUo3SQHxj5kVbaLIAUwA--/article?mid=437 (瀏覽時間:2011.2.14 )
    iida,http://iida.jp/ (瀏覽時間:2011.5.10 )
    九型人格使用手冊,http://big5.xinhuanet.com/gate/big5/news.xinhuanet.com/book/2009-11/02/content_12372642_5.htm (瀏覽時間:2011.1.4)
    九型人格學府,http://www.enneagraminstitute.com.hk/bencandy.php?fid=15&id=498(瀏覽時間:2011.1.5.5)
    中國九型人格學院,http://www.cnenn.cn/(瀏覽時間:2011.6.7 )
    mazaha 設計藝術建築書評,王明嘉,2005,視覺語言初探,http://blog.roodo.com/mazaha/archives/196062.html (瀏覽時間:2011.4.3 )
    中文九型測驗題,http://o3o.cc/ninetest(瀏覽時間:2011, 5.5)
    全球藝術教育網 ,藝術觀念的寓言故事—第17篇 http://gnae.ntue.edu.tw/art_forum/viewtopic.php?f=2&t=324&start=10&st=0&sk=t&sd=a&sid=e44ad1d70f5b35195cf3da8d7d4f68e8 (瀏覽時間:2011, 5.17)
    全國教育通識網,從繪畫創意教學.對應全球同化,朱麗麗,http://www.ourartnet.com/araarts/arts-Z/20070904-2.asp(瀏覽時間:2011, 6.3)
    胡挹芬九型人格,http://www.ctrueself.tw/(瀏覽時間:2011, 6.4)
    英文九型測驗題,http://similarminds.com/advtest.html(瀏覽時間:2011, 6.4)

    下載圖示
    QR CODE