iPhone應用設計趨勢
iPhone App Design Trends
在過去的兩年里，你能想象的一些很爛的應用設計也入駐了優雅的iPhone。通過它周邊的宣傳，使得世界各地的設計者們都利用這個新的移動工具來一展身手。結果雖搞出了成千上萬的iPhone應用，但通常不好用也不直觀。然而有些設計師則是花費大量時間為創造更好用的界面而努力著（是的，這些都是好用且有創意的界面）。
本文探究了如何讓設計師利用圖形元素和屏幕交互，制作出易識別又易操控的iPhone應用。目的在于揭示iPhone應用設計的普遍趨勢和設計方法——請注意，這些未必是設計和可用性中的最佳觀點。
1. 鏡像iPhone原生界面元素
Facebook (iTunes Link)
在新版Facebook 3.0中，你會發現這樣一個柵格布局，用戶可以通過左右滑動屏幕進入更多分類。因為它鏡像了蘋果的原生界面，所以用戶根本不用再學如何使用。網頁設計中存在類似方法：用戶會預料到logo在左上角，導航也在上面，等等。Facebook把這它延續到了移動應用上，用大按鈕可以輕松的被識別和點擊。
Where (iTunes link)
Where使用了相同的概念，它允許用戶通過左右滑動屏幕來獲取更多信息。
Tweetdeck (iTunes link)
Tweetdeck是用戶界面設計中一個很好的例子。高亮顯示的最近更新多吸引注意力啊。此應用能以歸類或標簽列表形式，在新窗口中顯示更新。但不會替換掉一個已顯示的對話菜單，它可以作為跳轉到具體類目或清掉消息提醒的跳板。
2. 簡化界面
提到在小空間內展示大量核心功能，Facebook的第一版就做的非常到位。當然，這里指的是展示所有信息和擁有直觀的界面。3.0與之相比，你會發現它使用“跳板”的方式來簡化界面，既保持了直觀又維護了功能。
Flickr (iTunes link)
Flickr 對功能、視覺設計和小屏幕移動設備顯示這三者間平衡上的處理同樣出色。試想之：Flickr的核心是什么？照片。它的用戶或許不希望看到又大又笨的導航；他們想要的是照片。Flickr已經設法調整核心功能，去掉那些標題和該死的導航。事實上，很多導航元素已經在照片本身的交互上實現了。真是個既簡單又聰明的辦法。
3. 模擬硬件界面
Convertbot (iTunes link)
Convertbot的輪盤讓我們想起小學時候，不同的是它更具特色、更新穎、更有創意。
Little Snapper (iTunes Link)
Little Snapper模擬的就是一臺普通數碼單反的旋鈕。
iHandy Level (iTunes Link)
iHandy Level的樣子和功能都仿至一個真實好用的水平儀。
Where To? (iTunes Link)
這個應用看起來像是屬于奔馳車的。豪華的皮革、磨砂的按鈕：上乘的技術。我們可以想象，每個按鈕按下去都那么結實，都那么有力道。
4. 豐富、漂亮的列表視圖
基本上，用戶通過尋找下一步的快照，來決定是否需要了解更多。而又大又漂亮的按鈕就是途徑之一。通過色彩、圖標和排版讓人感覺這個大按鈕背后隱藏著好多信息。
Delivery Status Touch (iTunes Link)
看看Delivery Status是怎樣通過不同顏色的大按鈕來區分不同品牌的。并用良好的排版建立起信息層次。
Be Happy Now (iTunes Link)
Be Happy Now的大按鈕通過柔和的色彩體系與明亮清晰的字體傳達“be happy”的主旨。
Next Read (iTunes link)
Next Read這個應用允許在朋友間分享圖書。在這里所有書都是關于時下某一特定話題的，包括書名、封面、評分以及評論數。注意看每個導航選項的間隙和留白，它讓這個區域更容易被點擊。
Nike (iTunes link)
Nike為女性開發了這個應用，精致的視覺元素和插畫都很符合它的品牌。在設計上打破了傳統界面的束縛，充分表達了品牌，不讓用戶為如何使用它而感到困惑。
Borange (iTunes link)
Borange是一款“社交情況”的應用，它可以幫你統籌與朋友們的約會。列表展示了很多信息：要一起出行的朋友，本地會議，并可以形象的表示哪個朋友有空。
5. 分層的界面
- 減少了必要的傳統導航元素數量（即更少的按鈕有助于避免界面混亂）
- 為用戶獲取信息提供了快速通道
- 有更多屏幕空間承載有用信息
Tweetie利用層把具體信息傳遞給你每位Twitter好友。你看，所有信息都裝在這一個屏幕里！
Barnes & Noble (iTunes link)
Barnes & Noble讓你可以快速的通過上面的層進入新商品，通過下面的層切換到更多分類。
USA Today (iTunes link)
USA Today在它的圖片一欄中對層做了細微改變：利用滑動面板顯示信息區塊。盡管第一眼看上去很亂，但能很容易跳過它。最有趣的部分在于，在每個面板里，都可以通過左右滑動來查看更多圖片。
myPantone (iTunes link)
我們何嘗不希望色卡少一點？上面的拾色器就是一個層，你可以通過色彩范圍、類別來取色，也可以通過滾動打開/關閉細節窗口。
6. 在列表中使用圖標
iStudiez (iTunes Link)
這個應用利用各種不同的教學用具圖標，清晰地表達了應用的目的。通過這些具象的暗示，學生瞄一眼就知道今天發生了什么。
Top Floor (iTunes Link)
Top Floor利用簡單易識別的圖標，快速引導用戶進入他們選擇的類別。
New York Times
應用可以讓你想做什么就做什么，是不是很不可思議哦？對于一個像紐約時報樣的應用，用戶必然有他喜歡的章節。你猜怎么著？紐約時報這樣做：它讓你自定義標簽欄，把你喜歡的章節都加進來。拖動一個圖標到標簽欄即可。不過這樣做也不是十全十美，在視覺呈現上打了折扣。
Filemaker(iTunes link)
另一個漂亮圖片的案例，說它好是因為圖標的使用上不混亂、不混淆。設計師永遠不要為了使用圖標而使用圖標。作為設計師，我們希望圖標能夠盡可能的反應出用戶所選的內容。Filemaker，干的漂亮。
7. 插圖的使用
Magnetic Personalities (iTunes link)
這是個非常好的例子，看看如何讓按鈕變得不像標準按鈕那么普通。
SugarSync (iTunes link)
這個界面可以輕松地走遵循傳統列表視圖的路線。但設計師沒有這么做，而是通過一個漩渦將視覺連接在一起來傳達這個應用。這很不尋常，同時需要花點時間來適應它。
Mom Maps (iTunes link)
另一個使用插圖取得成功的例子，它將很多概念都融入了這個應用。
8. 使用手勢
Mover (iTunes link)
Mover列舉了如何使用手勢來分享聯系方式、照片和書簽。打開兩個設備，把文件從這個共享到那個里。
ABC Animals (iTunes link)
這個應用寓教于樂。用手指在屏幕上書寫字母是另一個通過觸摸iPhone控制的例子。
All Recipes (iTunes link)
此應用可以讓你通過手勢來混合眾多元素，作為你的美餐。
本文系作者授權數英發表，內容為作者獨立觀點，不代表數英立場。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
本文系作者授權數英發表，內容為作者獨立觀點，不代表數英立場。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本內容為作者獨立觀點，不代表數英立場。
本文禁止轉載，侵權必究。
本文禁止轉載，侵權必究。
本文系數英原創，未經允許不得轉載。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）