淺談蘋果手機的圖形用戶界面設計

孫志華

【摘要】本文借鑒了交互設計、信息設計、視覺傳達設計、感官設計等科學理論，通過分析當前手機設計的典型案例，提出手機設計應從視覺美等美感著眼，最后闡明如何運用圖形和文字語言設計手機信息。

【關鍵詞】蘋果手機 圖形用戶界面 界面設計 圖形設計 文字設計

中國古代有“以象觀道”之說，部分學者認為圖形比文字更接近事物的本質，具有更豐富的內涵和哲學。信息圖形的設計可以增加界面的易理解性。圖形用戶界面（GUI）是以人的視覺 感知系統為基礎的，包含了表示系統對象的圖形和功能的圖形。為了選擇適當的指 令，用戶必須區分各種圖形所表達的內容。

信息時代是一個視覺為主的時代，圖像將取代文字的統治地位。視覺印象具 有喚起各種情感的力量。在所有感官中，視覺是非常重要的。視覺比其他感覺器官 都要發達，這與其能接觸到外界大量的信息有關。視覺也是用戶和手機交流最普遍 的渠道。視覺刺激的影響既是立刻發生的又是持久發生的。用戶直接操作成功的關 鍵是豐富的視覺反饋。iPhone手機采用的高分辨率屏幕，可以顯示更多的視覺信 息。iPhone手機的圖標設計清晰易懂，細節豐富。

圖形很容易地表達出一些具體、形象的信息或概念。可謂一圖勝千言。圖 像可以靈活地表現出一些文字難以表達的信息，并且可以使用戶更容易理解和記 憶。Edward R. Tufte 認為好的圖形設計能夠“對復雜的信息進行清楚、準確、有 效地描述 ”。

iPhone界面劃分成上下兩大區域，界面上方區域顯示一些較常用的功能圖標（ 共十二個，采用大圖標加小號文字的組合方式），在界面下方區域顯示重要的四個功 能。這兩個區域之間有明顯地距離間隔，便于用戶快速識別出下方重要的功能圖標。 用戶對圖形的識別能力要遠大于文字，好的圖標設計可以降低視線搜索的時間，會大 大地提高用戶操作的效率。

使用形象化圖形能提高對符號和控制裝置的識別。利用圖標形象化使顯示的動 作、物件和概念更易發現、認識、學習和記憶。圖標可用在標識、電腦、手機以及控 制信號等方面。可以識別身份，可用作文本替代物以節省空間，也可以把注意力從眾 多顯示的信息吸引到某一條目上來。Edward R Tufte所說：“圖形化的優點在于使 用最小的的空間，最少的墨水，在最短的時間內給觀看者最大量的信息 ”。iPhone 手機提供了新的圖形介面的隱喻，讓用戶能夠愉悅的同手機進行交互。

圖形標識能降低執行負荷，節約顯示和控制標志的時間。跨文化和語言交際 時，圖標使得符號和控制裝置更易理解。圖形可以分為四類：相似圖形、體例圖 形、象征圖形和任意圖形。標志簡單具體時，用相似圖標；復雜時，用體例圖標； 涉及已為大眾所接受、易辨認的符號時，用象征圖標；用作規格標準時考慮使用任 意圖標。為了達到最佳的效果，圖標往往約定俗成，并具有常見的直觀性（形狀和 顏色）。iPhone 的“聊天式短信設計（Text like you chat）”以聯系人為單位，把消 息用IM聊天的形式表現，讓人覺得更像是在對話，給人一種和對方在交互對話的感 覺。iPhone的應用程序容易識別又易操作。圖形設計的目的是保持其簡單性，但是 容易犯過分簡單的錯誤。

文字能夠描述一些抽象的概念，它可以準確地對信息進行描述，受眾容易控制閱 讀時的速度，可以反復閱讀和體會。人們處理可視信息比處理文本信息更容易時，這 意味著使用視覺元素導航比使用文本元素導航效率更高。處于導航的目的，最好把文 本做視覺元素考慮，文本必須簡單，便于認知和記憶。iphone文本形成可識別的形 狀，大腦把它當做視覺對象進行分類。每個單詞有一個可識別的形狀，這就是為什么 全部大寫的單詞更難辨認的原因。大寫單詞缺乏可讀性，我們不得不花費更多的精力 去辨認寫的是什么。在手機的界面設計中要避免全部大寫的單詞。識別文字和閱讀不 同，閱讀只需掃一眼單詞就能根據上下文了解它的意思。故界面設計應通過最少量文 本的閱讀來成功實現導航。

文字設計的指導準則 1、確保文本與背景對比明顯，不要使用沖突的顏色，以免影響可讀性。

2、選擇合適的字體和字號，小于10磅的字難于閱讀，對于簡短的文本，如標簽或簡 短說明，要用清晰的非襯線體（sans-serif），如Arial和Helevatica 字體，iPhone手 機使用的是Helevatica、Helevatica light、黑體等無襯線字體。

3、文本組成段落后便于理解，用最少量的文字表達最清楚的意思。詞組必須明確， 避免用縮略語，即使必須用縮略語，也要用標準縮略語。

4、聯想輸入與智能糾錯，iPhone手機根據你所使用的應用程序，在輸入時，智能鍵 盤會自動建議拼寫修正來幫助你避免拼寫錯誤。

易讀性關注的是文本的字體形式或個性化特征。可讀性考慮的則是文本的閱讀速度和輕松度。單個文字或許是清晰易讀的，但當文字聚在一起，可讀性也許會大大降低。層次、引導、結構和版面設計，任何一個元素對到達可讀性的最佳點都是至關重要的。

iPhone手機號碼的顯示方式采用喬治.米勒的組塊理論，容易記憶。因為iPhone手機把電話號碼分成三個組塊。把信息組塊有助于記憶信息或利用信息解決問題，但 不要把快速查找或瀏覽的信息組塊。喬治 米勒（George Miller）發現：雖然人的短 期記憶容量不同，卻都可以用組塊作為度量標準，組塊表示一組單一的信息單元。大 腦在短期記憶階段可以記住七個組塊，總量上下不超過兩組。但通過重新組塊或重新 編碼，大腦可以記住更大量的信息。對主題和核心內容越熟悉，就越容易記住更大量 的信息。組塊同時也與記憶輔助物有關。使用組塊原則將復雜的數字或信息簡單化， 方便大眾接受、理解和回想。將復雜或冗長的信息分解成小的組塊，并始終以“七， 加減二”的原則為指導，利用設計的連貫性將組塊納入更多信息之中。

信息傳達的目的并不是通過強烈的視覺沖擊來吸引人們的注意，而是把信息慢慢的滲透到五官中去。在人們還沒注意到其存在時，成熟、隱秘、精密、有力的傳達工具已悄然問世。如果仔細探究技術與通訊的內在關系，我們會發現技術的發展并非只是讓我們能在各種顯示器上看到網絡的信息。我們應該用心審視信息的復雜性和深度。在認知科學領域，視覺、聽覺以外的感覺，即以觸覺為中心和各種細膩感覺，近年來受到人們的廣泛關注。人類極為細膩的感覺作為尖端技術得到了重視。人們在與世界交流的過程中，是以多種感覺器官為介質的，所以，我們應該細細地品味自身的感覺。目前，設計與技術都在朝著這個方向前進。