iPhone界面設(shè)計(jì)

新手如何設(shè)計(jì)好iPhoneUI界面交互設(shè)計(jì)？

2991

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

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

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

第一點(diǎn)：iPhoneUI界面設(shè)計(jì)要?jiǎng)?chuàng)新

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

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

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

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

第二點(diǎn)：邊設(shè)計(jì)邊總結(jié)

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

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

比如，Page indicator是多個(gè)頁面進(jìn)行滑動(dòng)切換的標(biāo)識(shí)，是iPhone平臺(tái)的一個(gè)聰明設(shè)計(jì)組件。

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

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

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

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