淺談蘋果手機(jī)的圖形用戶界面設(shè)計

孫志華

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

【關(guān)鍵詞】蘋果手機(jī) 圖形用戶界面 界面設(shè)計 圖形設(shè)計 文字設(shè)計

中國古代有“以象觀道”之說，部分學(xué)者認(rèn)為圖形比文字更接近事物的本質(zhì)，具有更豐富的內(nèi)涵和哲學(xué)。信息圖形的設(shè)計可以增加界面的易理解性。圖形用戶界面（GUI）是以人的視覺 感知系統(tǒng)為基礎(chǔ)的，包含了表示系統(tǒng)對象的圖形和功能的圖形。為了選擇適當(dāng)?shù)闹?令，用戶必須區(qū)分各種圖形所表達(dá)的內(nèi)容。

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

圖形很容易地表達(dá)出一些具體、形象的信息或概念?？芍^一圖勝千言。圖 像可以靈活地表現(xiàn)出一些文字難以表達(dá)的信息，并且可以使用戶更容易理解和記 憶。Edward R. Tufte 認(rèn)為好的圖形設(shè)計能夠“對復(fù)雜的信息進(jìn)行清楚、準(zhǔn)確、有 效地描述 ”。

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

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

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

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

文字設(shè)計的指導(dǎo)準(zhǔn)則 1、確保文本與背景對比明顯，不要使用沖突的顏色，以免影響可讀性。

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

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

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

易讀性關(guān)注的是文本的字體形式或個性化特征?？勺x性考慮的則是文本的閱讀速度和輕松度。單個文字或許是清晰易讀的，但當(dāng)文字聚在一起，可讀性也許會大大降低。層次、引導(dǎo)、結(jié)構(gòu)和版面設(shè)計，任何一個元素對到達(dá)可讀性的最佳點都是至關(guān)重要的。

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

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