DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 成功的UI設計案例分享:移動UI設計師參考
成功的UI設計案例分享:移動UI設計師參考
編輯:關於網頁技巧     

俗話說,熟能生巧,UI設計師快速提高設計創作能力的最佳辦法就是不斷地練習,但我們不提倡閉門造車。要有豐富的創作想象力,要多看前人的設計,獲得創作靈感並在別人的基礎上創新。最重要的是,借鑒優秀設計師的作品可以減少很多時間,少走很多彎路。

來自美國TNW的設計編輯Harrison Weber 為我們帶來了15大優秀的移動UI設計,或許可以激發很多設計師的創作靈感。但是有必要提一下的是,UI設計和實際的用戶體驗是兩碼事,不過下面要介紹的這些UI都已成功在實際產品中應用。希望對廣大讀者有所啟發:

1. 76 Synthesizer

蘋果在應用設計中最喜歡使用的Skeuomorphic(模仿過去的現實物品,強調界面與用戶過往經驗的一致性,例如iPad虛擬鍵盤上F鍵和J鍵上的虛擬定位小橫槓)設計,讓用戶感覺自己和應用之間的互動更加直觀自然。這樣就會讓用戶從冷冰冰的科技產品中體驗到與應用互動的樂趣以及親切感

2. Camera Genius

整個界面看起來就和真實的單反數碼相機一樣。明確強烈的視覺層次感,再加上高分辨率以及高質量的Retina視網膜顯示屏,整個UI看起來非常逼真、簡單明了,用戶使用起來相當方便。

3. Hype Peak

超清晰和引人入勝的移動UI界面,和 Web頁面完美呼應。

4. FL Studio Mobile

FL Studio Mobile是FL studio iPhone版,使你可以在iPod、iPhone和iPad上創建完整的多軌工程,它讓你的iPhone就像是全功能的錄音室,漂亮的大混音盤,先進的創作工具,讓你的音樂突破想象力的限制。

5. Dro.pt

整個UI界面內容豐富並且井然有序,對於那些希望沉浸在優美圖片當中的用戶來說簡直就是完美,一個有序的界面能讓用戶輕松的使用。

6. Envisioning

整個UI非常有趣,呈現在用戶面前的是非常科幻的界面,畫面效果也是相當震撼。

7. Music Player App Concept

這款應用改變了打破了人們慣有的思維,將音樂播放器形象地在移動設備上完美地呈現了出來,和實際的音樂播放器看起來幾乎是一樣的。

8. Galeria

雖然這個應用的界面大體來說比較循規蹈矩,但還是有些原創和有趣的元素在裡面,但還是可以從中找到一些原創和有趣的元素。

9. iOS Weather App Concept

只需要一個頁面,就能獲悉重要的天氣信息,漂亮多樣的背景給每天繁忙的工作生活增添了美的享受。

10. Bloodnote

Bloodnote是一款非常簡單的應用,可以來檢查血壓,掌控自己的身體狀況。該應用讓測血壓這種枯燥無味的工作變得更加簡單。

11. iORGEL

說實話,我們應當給這款應用頒發一枚獎牌,它試圖把一個經典音樂盒放到移動設備上,將其設計成一個成熟的應用。事實上,他已經成功地做到了。

12. Belongings

這個應用可以讓用戶將所擁有的一切財產記錄下來,原本聽起來非常乏味的工作,就在這麼一個清晰簡潔得 UI 中體現了。

13. Twidy

Twidy 明快、鮮艷的色彩使得它很容易從眾多的應用中脫穎而出。

14. Craigslist Premium

將原本視覺體驗很糟糕的網站轉變為一種視覺享受,本身就是件難能可貴的事情,簡直就是化腐朽為神奇!

15. Billr

對於喜歡AA制但數學又不太好的朋友來說,這款應用絕對不容錯過,用餐完畢,每個人該付多少錢一目了然,另外包括該付多少小費也清晰地顯示在手機屏幕上。

以上提到的案例都是一些成功的UI設計,它們不僅讓應用變得有個性有品味,還讓應用的操作變得舒適、簡單、自由,充分體現出應用的的定位和特點。人類是貪戀美的,美麗的事物常常會讓人無法抗拒,出色的UI設計對於應用的銷售與推廣,有著舉足輕重的作用,應用界面的美觀與否,很大程度上關系到應用設計的成敗。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved