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

我們都知道各種移動(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)之外的眼界。

iphone 設(shè)計(jì)

以上兩圖顯示的是進(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ì)交互效果到底哪里好。哪里還有所欠缺等。

appmei2

第三點(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屏幕,合理顯示且平易近人。

別讓我思考 設(shè)計(jì)書籍推薦

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

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

所以,我們?cè)谠O(shè)計(jì)iphone界面ui的時(shí)候,可以遵循這樣的過程:

1、你會(huì)決定先詢問還是先瀏覽。

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

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

一般來說,你會(huì)在主頁上尋找該站點(diǎn)的欄目清單(就像商場(chǎng)的部門標(biāo)志),

然后點(diǎn)擊一個(gè)看起來差不多的欄目。

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

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

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

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