蘋果公司行動裝置作業系統之介面圖示設計分析_以iOS7為例

Human-Computer Interaction Research_Mobile Device System to iOS 7 Buttons Visual Design as an Example

賴盈雯(Ying-Wun Lai)；蔣世寶(Shyh-Bao Chiang)；陳靜儀(Ching-Yi Chen)

人機介面 ； 介面設計 ； 圖示設計 ； iOS作業系統 ； Human-Computer Interaction ； interface design ； Graphic Design ； iOS System

嶺東學報

35期（2014 / 07 / 01）

241 - 259

繁體中文

科技的創新使電子產品不斷的演變，至近年智慧型裝置的推出後，改變了現今社會大眾對於傳播電子產品的使用者體驗。其外觀及功能的多樣性、整合性、不占空間之特質之外，仍需回歸到產品與消費者所接接觸之源頭－介面之互動，而視覺設計在使用者操作上亦也占了重要的地位。本研究主要以iOS7作業系統介面之視覺設計為研究範圍，以iPad mini為樣本，分析iOS7作業系統之20個介面圖示之形、色、質等構成元素，歸納出iOS7在介 面圖示設計上之４個特點：1.圖像為主；2.背景大多使用漸層的色彩；3.使用漸層背景的圖像以白色居多；4.icon的色彩運用大多不超過3個顏色。並將iOS6及iOS7作業系統作圖示及視任性比較之分析，歸納出之特點可作為往後在介面設計上之參考及運用。

The innovation of technology has led to constant evolution of electronic devices. The launch of smart phones and devices has changed people's experiences of using electronic media devices nowadays. In addition to the diversities of appearance and function and the characteristics of integration and space-saving; the source of consumers' contact with products, the interactivity of interface, is needed to be investigated as well. The main scope of this research is the visual design of the interface of iOS7. This research is the analysis of components of shape, color, and quality of twenty interface icons of iOS7, with iPad mini as sample. Four features of the interface icons of iOS7 are summarized as follows: firstly, icons are mostly images; secondly, icons' backgrounds are generally gradient colors; thirdly, the gradient colors are mainly white; and fourthly, there are no more than three kinds of colors being used in an icon. The aforementioned characteristics can be regarded as references and applications on interface design in the future.

1. 岳修平、林維真、李孟潔、林慧軍、羅悅綺(2012)。高齡使用者對於 iPad 閱讀操作之研究。教學科技與媒體，101，65-78。
   連結：
2. 易建成(2013)。平板電腦電子書閱讀器使用介面操作易用性研究─以 iPad 為例。中華印刷科技年報，2013，245-255。
   連結：
3. 林品章、張照聆(2009)。圖像傳達系統化之理論基礎。設計學研究，12(2)，45-68。
   連結：
4. 楊凱鳴、李來春(2012)。探討智慧型手機手勢操作與使用者認知差異。文化創意產業研究學報，2(2)，159-174。
   連結：
5. EXTREMETECH 網站(http://www.extremetech.com/computing/167450-downgrading-from-ios-7-to-ios-6-why-apple-wont-let-you)
6. 何慧儀、鄭宇廷(2013)。APP 圖像設計元素分析。中華印刷科技年報，2013，399-411。
7. 范植洪(2005)。碩士論文(碩士論文)。國立台北科技大學。
8. 徐蘋、王照明(2013)。智慧生活科技之資訊視覺化研究─以互動設計產品「Serenity」為例。設計研究，9，119-127。
9. 陳芝菁、陳建雄(2011)。智慧型手機操作介面之使用性評估。工業設計，124，52-57。
10. 陳慧玲、陳建雄、陳詩捷(2011)。由體驗觀點探討 Apple 產品之使用者介面設計以 iPod、iPhone 為例。工業設計，124，33-39。
11. 黃馨儀、陳建雄(2012)。社群網站之智慧型行動裝置使用者介面研究。工業設計，127，138-143。
12. 葉立安、方彩欣(2013)。App 圖像設計元素分析探究─以美國推出之遊戲類為例。設計研究學報，6，80-97。
13. 翟治平(2009)。廣告圖像構成型式對消費者認知之研究。高應科大人文社會科學學報，6(1)，29-48。

1. 傅臨超、岳修平(2014)。閱報App之可使用性初探：以聯合報Plus為例。教育傳播與科技研究，109，1-15。