雖然策劃優(yōu)雅的用戶(hù)體驗以及調整每種交互很重要，但是也不能忘記使這一切成為可能的像素。當然，我談?wù)摰氖且曈X(jué)設計，即移動(dòng)應用程序的實(shí)際外觀(guān)。設計優(yōu)秀的移動(dòng)應用程序將把許多學(xué)科集中到一起，但是我堅持認為視覺(jué)設計息其中最重要的。你可以把所有適當的部分組裝起來(lái)，并且完美地計劃每個(gè)屏幕界面，但是如果你的設計很糟糕，那么隨著(zhù)時(shí)間的推移,所有這一切都會(huì )變得毫無(wú)意義。優(yōu)秀的視覺(jué)設計師就像能夠擊中投球手投出的90英里1小時(shí)(mph)的快球的天才。一些設計師從- -開(kāi)始就讓人驚艷，而其他設計師會(huì )有較好的表現，并且隨著(zhù)時(shí)間的推移通過(guò)實(shí)踐變得讓人驚艷。一些 人開(kāi)始時(shí)身體里沒(méi)有藝術(shù)細胞, 但是他們]極其努力地工作，并且在整個(gè)職業(yè)生涯中一直在磨練他們的技能。 不管你多么有才華，總是可以利用一些通用的原則使自己的作品更上一層樓。我的頭腦中自始至終都會(huì )想著(zhù)這些珍貴的話(huà)語(yǔ)。就像高爾夫球手在揮桿擊球時(shí)會(huì )牢記幾條關(guān)鍵的原則-樣。

1. 對比

良好的對比對于移動(dòng)應用程序至關(guān)重要，因為它會(huì )影響用戶(hù)查看設計的方....確確實(shí)實(shí)是這樣。對比指不同或類(lèi)似的元素相對于彼此是如何顯示的。如果設計中的所有內容看起來(lái)都非常相似，那么用戶(hù)將不知道首先觀(guān)看哪里:屏幕上將是一-堆亂七八槽的RGB值。如果你對用戶(hù)應該先觀(guān)看哪些界面元素不敏感，那么將不能夠有效地設置每個(gè)元素的優(yōu)先級。不佳的對比可能需要用戶(hù)在界面中觀(guān)看第二次或第三次才會(huì )注意到的最重要的功能，或者根本就不會(huì )看到它。為了獲得良好的對比，不同的元素應該能夠讓人很明顯地看出它們是不同的。如果它們看起來(lái)只是稍有不同，那么用戶(hù)將會(huì )混淆，并忽略它們之間的視覺(jué)關(guān)系。強烈的視覺(jué)對比可以沿著(zhù)屏幕指引用戶(hù)的眼睛從一個(gè)元素移到另一個(gè)元素。如果處理得當，那么用戶(hù)將以你想要的精確順序查看所有的元素。如果處理不當，那么可能會(huì )掩蓋重要的元素,從而引起混淆。

2. 重復

要使用戶(hù)信任和熟悉你的應用程序，你. 需要使他們感到可以舒適地使用它。有多種方式可以達到這個(gè)目的。就視覺(jué)設計而言，可以通過(guò)注意你在整個(gè)應用程序中編排相關(guān)項的樣式來(lái)建立信任。通過(guò)為相似的元素重復使用樣式，可以使用戶(hù)適應應用程序的含義及其元素的重要性。忽視這一點(diǎn)將產(chǎn)生混淆。因此, 要使相關(guān)的元素看上去和感覺(jué)上是相關(guān)的，尤其是在一行中出現多個(gè)這樣的元素時(shí)。一個(gè)剪貼板管理器，用于存儲文本、圖像、URL及復制到; iPhone中的其他項目。復制項目的列表是應用程序中的一個(gè)關(guān)鍵屏幕，不管存儲的項目類(lèi)型是什么，視覺(jué)設計都是熟悉的，并且相關(guān)的動(dòng)作將保持一致。由于每個(gè)項目都沒(méi)有它自己的外觀(guān)，用戶(hù)就知道他們將能夠以一致的方式操作這些項目。

3. 對齊

對齊是優(yōu)秀視覺(jué)設計的標志，它在移動(dòng)應用程序中特別重要。元素應該對齊到某個(gè)物體:其他元素、網(wǎng)格、黃金比例框架、屏幕的邊緣。沒(méi)有對齊的界面元素和構件看上去好像出錯了，就像它們居無(wú)定所、沒(méi)有穩固的基礎一樣。不需要許多設計技能即可正確地排列元素，但它確實(shí)可以吸引敏銳的眼睛:某個(gè)元素是否完美地與別的元素對齊。只是接近還不夠，它必須是完美的。為了把元素對齊到像素精度，我通常會(huì )放大畫(huà)布，直到我可以清晰地看見(jiàn)像素的開(kāi)始和結束位置。我還會(huì )拖人一些水平和垂直輔助線(xiàn)，以使對齊更容易。不要用目光粗略地測量它,要確保它是完美的。在兩條邊緣之間居中顯示按鈕或構件時(shí)，是進(jìn)行對齊的關(guān)鍵時(shí)刻。在為移動(dòng)應用程序設計界面時(shí)，我發(fā)現自己執行該操作的次數比所有其他的對齊任務(wù)都要多。在工具箱中居中顯示按鈕、在標簽中居中顯示文本、在按鈕中居腫顯示圖像、在方框中居中顯示控件一-它們隨時(shí)都會(huì )發(fā)生。 像素完美的對齊可以使設計從合格上升到優(yōu)秀。在用于iPone的Twiter中可以找到對齊的最佳示例。當用戶(hù)在時(shí)間線(xiàn)中點(diǎn)擊推特時(shí)，一組圖標將漸現， 提供了用于推特的快捷動(dòng)作。無(wú)論推特有多長(cháng)，這些圖標都是跨行均勻分布的，并且在行內居中顯示。除非你習慣于各個(gè)像素或者極小的移動(dòng)屏幕，否則確定蹩腳的對齊可能需要少許實(shí)踐。但是一旦你開(kāi)始注意到拙劣的對齊方式，那么到處就可以看到它。

4. 接近度和分組

應該把相似或相關(guān)的元素組織在一起，構成一個(gè)聚合的整體。其好處是，用戶(hù)將能夠更快地瀏覽項目集合，并且更容易確定元素間的關(guān)系。為了能夠通過(guò)接近度顯示項目的關(guān)系，首先必須理解項目的層次結構。MoneyWell (一款用于iPhone的個(gè)人理財應用程序)具有清晰地設計的界面。它的主要財務(wù)屏幕顯示了一個(gè)簡(jiǎn)單的表格視圖，以及每一行上的開(kāi)支。開(kāi)支的類(lèi)型作為標簽顯示在左邊，那個(gè)項目的費用則右對齊。為什么不把開(kāi)支直接放在左邊的標簽旁邊呢?下面的模擬圖顯示了這樣做的效果。

5. 紋理

物理物體的表面并不是完全平坦或均勻的:它們具有瑕疵和棱角。像皮革、紙張、衣服和木頭這樣的有機物質(zhì)都有許多瑕疵。使界面逼真意味著(zhù)要注意紋理。沒(méi)有什么東西只具有一種單調的顏色。任何物體都有細微的紋理，甚至在最亮的表面上也是如此。環(huán)顧你的工作空間: 觀(guān)察每個(gè)表面和物體.上的紋理。作為練習，嘗試在你所選的設計工具中再現其中一些表面。要在你的工具箱中保存許多紋理,以便使你能夠制作出更豐富的界面類(lèi)型。

6. 光線(xiàn)

何時(shí)使用漸變是合適的?陰影是用于什么的?邊緣高光色怎么樣?所有這些事情具有什么共性?它們]都通過(guò)適當地使用光線(xiàn)使界面元素看起來(lái)更逼真。漂亮的用戶(hù)界面設計的秘訣是真實(shí)感:使屏幕上的2D物體看起來(lái)好像位于3D空間里，并且它們具有可以在現實(shí)生活里發(fā)現的體積、表面性質(zhì)和棱角。這些偽造的3D物體具有高光和陰影,就像你看到的桌子上的物體一樣。為了使2D物體看起來(lái)像三維的，必須欺騙用戶(hù)的眼睛，認為它是從屏幕中凸出來(lái)的，可以通過(guò)操縱光線(xiàn)來(lái)實(shí)現這種效果。在設計界面時(shí)，要使之看起來(lái)好像光源位于屏幕頂部，向下照射所有的文本、構件和按鈕。這種光源應該投射陰影并創(chuàng )建高光色，這依賴(lài)于它以什么順序照射到什么。圓角按鈕看起來(lái)就像是扁平的，除非光線(xiàn)好像正在照射它，并且漸變、高光色和陰影都在這種騙術(shù)中起著(zhù)各自的作用。