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

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

今天，25學(xué)堂跟大家來聊一聊如何設(shè)計好iPhoneUI界面交互設(shè)計？

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

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

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

所以，iPhoneUI界面設(shè)計新手一定要多閱讀多看成熟的APP應(yīng)用界面設(shè)計作品。

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

第二點：邊設(shè)計邊總結(jié)

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

第三點：學(xué)會充分利用iphone自帶的一些比較好的組件交互設(shè)計,提高設(shè)計效率

比如，Page indicator是多個頁面進行滑動切換的標(biāo)識，是iPhone平臺的一個聰明設(shè)計組件。

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

右圖是手機QQ瀏覽器新版的首頁，將快速鏈接以page indicator的形式來組織，恰當(dāng)利用了iPhone用戶的使用習(xí)慣，應(yīng)用非常的巧妙。

第四點：沿用用戶習(xí)慣

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

Do not make me think（別讓我思考）在線pdf閱讀地址：

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

所以，我們在設(shè)計iphone界面ui的時候，可以遵循這樣的過程：

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

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

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

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

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

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

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

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