新手如何設計好iPhoneUI界面交互設計?

我們都知道各種移動終端設備交互設計有一致也有不同,由于平臺本身的特性,不能照搬其他平臺的UI設計,讓用戶感覺是在真正的使用一個Android軟件或者iPhone軟件。

所以,每一個平臺對人機界面交互有一個說明文檔。iphone就有ios設計規(guī)范,android也有android設計模式等等。

今天,25學堂跟大家來聊一聊如何設計好iPhoneUI界面交互設計?

第一點:iPhoneUI界面設計要創(chuàng)新

設計師的設計意識形態(tài)來源,除了遵循平臺的一些UI特性,但也要“突破”在平臺之外的眼界。

iphone 設計

以上兩圖顯示的是進行TAB排序的不同方法,雖然YouTube這種設計方式很優(yōu)秀,但YELP也不錯,這兩種不同的具體設計方式(我想可以稱之為設計等價式)同樣達到了功能需求,而YELP這種設計方式更在平臺UI之外,即使我們在web頁面,甚至在Android平臺看到這樣的方式也不足為奇,更談不上誰抄襲誰,誰照搬誰,只要是好的設計方式和設計特性,我們都可以去粗取精,合理應用。

所以,iPhoneUI界面設計新手一定要多閱讀多看成熟的APP應用界面設計作品。

也有人說偉大的用戶體驗植根于對細節(jié)的用心,所以在創(chuàng)新的同時,在思想上保持應用設計中用戶體驗至高無上的位置必不可少,從開始任務的方式,應用開始與停止的方式,按鈕使用的方式。探索指南影響下應用的外觀與行為,無論一般或者特殊的設計。

第二點:邊設計邊總結(jié)

看完成熟iphone界面的設計樣本之后,你臨摹了之后感覺跟他的還是差很遠,沒樣本好看或者是體驗比較差。這里說的就是要總結(jié)??赐曛笠此?,它這種設計交互效果到底哪里好。哪里還有所欠缺等。

appmei2

第三點:學會充分利用iphone自帶的一些比較好的組件交互設計,提高設計效率

比如,Page indicator是多個頁面進行滑動切換的標識,是iPhone平臺的一個聰明設計組件。

上圖顯示的appstore對某個產(chǎn)品進行介紹,產(chǎn)品圖片的瀏覽模式,恰當?shù)氖褂胮age indicator,一方面防止過多的圖片累加導致頁面過長,另一方面在初期獲取數(shù)據(jù)的時候也適當?shù)木徑饬朔掌鞯膲毫Α?

右圖是手機QQ瀏覽器新版的首頁,將快速鏈接以page indicator的形式來組織,恰當利用了iPhone用戶的使用習慣,應用非常的巧妙。

第四點:沿用用戶習慣

這點可參考Do not make me think(別讓我思考),產(chǎn)生的聰明設計“下拉刷新”,對于寸土寸金的iPhone屏幕,合理顯示且平易近人。

別讓我思考 設計書籍推薦

Do not make me think(別讓我思考)在線pdf閱讀地址:

http://pan.baidu.com/share/link?shareid=3698602835&uk=385948940&fid=199542552

所以,我們在設計iphone界面ui的時候,可以遵循這樣的過程:

1、你會決定先詢問還是先瀏覽。

區(qū)別是,在網(wǎng)站上沒有一個真人會站在那兒告訴你東西在哪。在界面設計上做等價的服務是搜索。

2、如果選擇瀏覽,你將通過標志的引導在層次結(jié)構(gòu)中穿行。

一般來說,你會在主頁上尋找該站點的欄目清單(就像商場的部門標志),

然后點擊一個看起來差不多的欄目。

3、最后,如果找不到想要的東西,你會離開。

在網(wǎng)站上,這比如你在逛商場或者是買東西是一樣的。

如果你確信他們沒有你要的東西,或者你已經(jīng)絕望了,不想再尋找,你會離開。

每天更新,
全站高品質(zhì)素材免費下載!