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

孫志華

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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