第一章 緒論
1-1 研究背景與動機
隨著行動裝置的普及化，它不僅方便人們的生活更豐富感官經驗。行動裝置 應人們的需求不斷求新求變，運用在行動裝置上的 App 應用程式必須符合人們的 需求和使用習慣，在使用 App 應用程式中好看易用的介面會影響使用者的心情，
而視覺上的圖形介面設計，能夠提供比文字更傳達訊息與完整的視覺概念，帶來 趣味性與記憶點。最明顯的例子即是圖像沒有語言和文化的隔閤，對複雜的意念 表達也往往比文字更精簡明快(張悟非，1992)。
好的圖形介面設計會影響到銷售或者使用者意願等，而圖形介面設計的開發 初始點就是更方便簡單、滿足人性。設計的優劣將影響使用者的喜好觀感；如李 青蓉等人(1998)認為介面設計除加強功能及使用效率外，介面的整體美感與統一 品質，更會讓使用者留下深刻印象及給予正面評價。足以看見圖形介面設計影響 到整體視覺感受的重要性。
研究者本身從事 App 應用程式開發視覺設計，對於使用者介面設計有濃厚興 趣，工作之中需要幫客戶界定很多圖形介面，發現到不同的主題會影響到圖形介 面的設計，而看似簡單的圖像符號設計，卻是影響到整體 App 使用者介面視覺經 驗的關鍵；過去國內在圖像符號領域有許多關於圖像辨視的研究，但辨視只是影 響圖像認知的要素之一，對於圖像符號運用在 App 應用程式上所涉及到主題與視 覺設計風格的論述卻付之闕如。藉由分析圖像符號，探討圖像符號應用於 App 的 整體視覺風格影響，可作為日後設計師或相關觸控視覺上運用的設計參考方法。
2
1-2 創作研究目的
根據上述之研究動機，歸納本研究之主要目的有幾點，分述如下:
1. 探討圖像符號應用在手機 App，對於主題與主選單介面視覺風格之影響。
2. 經由文獻探討圖像符號建構、意義、轉換中，達到設計的目的。運用在行動裝 置螢幕上所需之注意事項，其中包含使用者認知心理、圖像符號之轉換以及使 用者介面設計原則等。
3. 分析現有展覽類型 App 之設計運用模式，並探討現有展覽類型 App 主題與圖 像符號主選單介面之關聯性。
4. 以使用者中心為基礎，將分析結果創作不同風格之展覽活動 App 主題視覺介 面與圖像符號主選單介面。最後提出結論與後續研究建議，提供設計相關人士 作為日後參考。
1-3 名詞釋義
1. 圖形使用者介面 (Graphic User Interface) :
指採用圖形方式顯示的操作用戶介面。畫面上顯示視窗、圖示、按鈕等圖形，
表示不同目的之動作，使用者透過滑鼠等指標裝置進行選擇。(維基百科，2014) 2. 行動裝置應用程式(mobile Apps) :
行動裝置應用程式（英語：mobile application，簡稱 mobile app、app），或手 機應用程式、行動應用程式、手機 app 等，是指設計給智慧型手機、平板電腦 和其他行動裝置上運行的應用程式。
(1) Android : 是一個以 Linux 為基礎的半開放原始碼作業系統，主要用於行動 設備，由 Google 成立的 Open Handset Alliance（OHA，開放手機聯盟）
持續領導與開發中。
(2) Windows Mobile : 是 Microsoft 針對移動産品而開發的精簡操作系統。
(3) iOS（原名：iPhone OS）: 是由蘋果公司為行動裝置所開發的操作系統，
3
支援的裝置包括 iPhone、iPod touch、iPad、Apple TV。與 Android 及 Windows Phone 不同，iOS 不支援非蘋果硬體的裝置。(維基百科，2014) 3. 主選單介面(Springboard) : 使用者經驗設計專家 Theresa 分析在行動應用程
式中的主要選單模式的 Springboard 模式，不受限於作業系統，能用在各種裝 置上，有時它也會被用來指 Launchpad。Springboard 的特徵是有一個到達頁，
上面有選單項目，作為應用程式的入口；Facebook 按照 ios 系統首頁的 Springboard 設計，很快地其它應用程式也仿效它們。3x3、2x3、2x2 和 1x2 的格狀版面是最常見的版型，不過 Springboard 不一定得用格狀版面，有些選 項在比例上可以比較大，傳達比較重要的意涵，例如 iphone 的 Masters 應用 程式裡的影音選項比其它選單項目大 2 到 3 倍 (Neil,2012) 。
圖 1-1 Springboard 用的格狀版面(Neil,2012)
4. 主題介面 (Launch Image) : 是所有應用程式在上架時都必須準備的一張圖 片，也是將來使用者在開啟此應用程式時第一眼所看到的影像。此圖片是代表 此 App 的主題圖片，它增強了應用程序的整體經驗，往往會提供一個更專業的 感覺 (AppArchitect,2014) 。在本研究中將它定義為「主題介面」。
5. 使用性 : 使用性是一種以使用者為中心的設計概念，使用性設計的重點在於讓 產品的設計能夠符合使用者的習慣與需求。(維基百科，2014)
6. 使用性工程 : 是指以使用者為中心，評估系統或使用介面之使用性的方法 (Nielsen,1993)，主要探討如何與使用者溝通、觀察使用者的工作環境、情境 分析等。
4
1-4 創作研究方法與架構
創作研究方法
1.
運用文獻探討法，分析圖像符號理論，了解圖像符號在使用者介面上之應用 要點；運用在行動裝置螢幕上所需之注意事項，其中包含使用者認知心理、圖像符號之轉換以及使用者介面設計原則等。
2.
以使用性工程中的啟發式評估法來探討展覽類型 App 的現有問題，以及使用 展覽類型 App 感受，以瞭解展覽活動 App 主題視覺與主選單圖像符號設計的 風格關係。分析其構成元素，及使用上的優缺點，分析適合視覺設計師在設 計相關 App 圖形介面設計時，可使用之設計方法及模式。3.
運用文獻探討結論與研究方法評估分析結果，所歸納與思考出的設計程序，進行不同風格之展覽類型 App 設計創作。
5
研究流程步驟
圖 1-2 研究流程步驟
6
1-5 創作研究範圍與限制
本創作研究將以「展覽類型 App 圖像符號設計」之案例進行研究，並將範圍 限定在行動裝置 App 系統主題介面與主選單介面作為創作依據。針對目前國內對 於展覽有興趣，並且使用行動裝置 App 之使用者作為研究對象。現今科技發展之 行動裝置 App 包含文字、圖形、聲音、動態影片等元素，由於時間限制，所以將 本創作研究限制範圍如以下 :
1. 針對五吋以內面板行動裝置展覽類型 App 作為研究對象。
2. 對於動態圖像、聲音等元素，因涉及研究範圍過大，僅以靜態之圖像設計運 用在行動裝置上主選單介面設計為主要研究對象。
3. 創作主題以展覽活動 App 主題介面與主選單介面設計為主。
7