蘋果公司行動裝置作業系統之介面圖示設計分析_以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)

《嶺東學報》 35期 (2014/07) Pp. 241-259

摘要

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

關鍵字

人機介面 ； 介面設計 ； 圖示設計 ； iOS作業系統

並列摘要

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.

並列關鍵字

Human-Computer Interaction ； interface design ； Graphic Design ； iOS System

參考文獻

何慧儀、鄭宇廷(2013)。APP 圖像設計元素分析。中華印刷科技年報。2013，399-411。

岳修平、林維真、李孟潔、林慧軍、羅悅綺(2012)。高齡使用者對於 iPad 閱讀操作之研究。教學科技與媒體。101，65-78。

易建成(2013)。平板電腦電子書閱讀器使用介面操作易用性研究─以 iPad 為例。中華印刷科技年報。2013，245-255。

林品章、張照聆(2009)。圖像傳達系統化之理論基礎。設計學研究。12(2)，45-68。

范植洪(2005)。隨身電子產品全適化視聽對應介面開發及使用性驗證(碩士論文)。國立台北科技大學。