隨著ipad進(jìn)入到人們的視線，把我們帶進(jìn)了平板電腦的時(shí)代。對(duì)于ui設(shè)計(jì)師來(lái)說(shuō)如何舍去傳統(tǒng)的電腦更有效的利用ipad進(jìn)行設(shè)計(jì)呢？下面小編給大家介紹了如何利用ipad ui設(shè)計(jì)出優(yōu)秀的用戶界面，一起來(lái)看看吧。

1.模擬真實(shí)，沉浸其中

　　大的屏幕、可以觸摸的操作、支持多種手勢(shì)…這一切條件都為讓用戶能沉浸于你的設(shè)計(jì)中提供了條件，那么如何將設(shè)計(jì)與用戶生活的環(huán)境、習(xí)慣更好的結(jié)合，獲得最佳的體驗(yàn)，就成為了一個(gè)挑戰(zhàn)。

　　Flipboard是一個(gè)非常好的例子，他沒(méi)有任何的導(dǎo)航，但是卻在你打開使用他的第一時(shí)間，使你能馬上沉浸其中。你不會(huì)因?yàn)闆](méi)有導(dǎo)航而迷失，因?yàn)槊恳粋€(gè)界面所展示的內(nèi)容會(huì)讓你一直保持跟隨的思路。

　　為什么這本非紙質(zhì)的雜志，能吸引用戶，讓用戶在打開它的那一刻就感覺自己像真正在閱讀紙質(zhì)雜志而投入其中呢?

　　打開這個(gè)應(yīng)用后的第一個(gè)界面，讓用戶頓時(shí)感覺在看一本雜志的封面，情景很好的與用戶傳統(tǒng)的閱讀習(xí)慣相結(jié)合。占滿整個(gè)封面的背景圖、雜志名、少數(shù)簡(jiǎn)介無(wú)一不是參考了傳統(tǒng)的紙質(zhì)雜志的方式。

　　翻開第一頁(yè)，有序的排列著主要提供瀏覽的內(nèi)容，讓用戶一目了然，不需要進(jìn)行思考的就能選擇自己喜歡閱讀的內(nèi)容。翻頁(yè)的動(dòng)畫效果也真實(shí)的模擬了傳統(tǒng)紙質(zhì)的翻頁(yè)方式，提供給了用戶一個(gè)相當(dāng)熟悉的生活環(huán)境和閱讀環(huán)境。這樣的沉浸感，用戶如何會(huì)不愛呢?

（圖片來(lái)自網(wǎng)絡(luò)）

　　2.激發(fā)探索，恰到好處

　　無(wú)可否認(rèn)iPad給予了ui設(shè)計(jì)師們更多的創(chuàng)作靈感。那些各具設(shè)計(jì)感的界面不但在視覺上令人賞心悅目，交互體驗(yàn)上也多種多樣。然而對(duì)于設(shè)計(jì)師來(lái)說(shuō)內(nèi)容的布局，信息的層次是難以把握的難題。并不是所有內(nèi)容都需要逐一擺在界面上，那些適度隱藏了的某些內(nèi)容，正是等待用戶去發(fā)現(xiàn)的地方。

　　在 Cool Hunting 的應(yīng)用中，一些聰明的用戶在沒(méi)有任何提示的情況下會(huì)發(fā)現(xiàn)：可以通過(guò)左右滑動(dòng)上部的欄目來(lái)顯示更多圖片內(nèi)容，這些設(shè)計(jì)的小細(xì)節(jié)會(huì)令迅速發(fā)現(xiàn)了這一項(xiàng)很cool的設(shè)計(jì)的用戶，獲得一絲探索的喜悅和成就感。

　　可還有一些用戶卻無(wú)法察覺到這些，他們可會(huì)花掉更長(zhǎng)的時(shí)間，最后即使發(fā)現(xiàn)了也會(huì)抱怨：“連個(gè)提示都沒(méi)有，讓我找半天”。

　　好的設(shè)計(jì)要有一定的空間給予用戶來(lái)探索，但如果藏得太深又容易陷入類似的體驗(yàn)困擾。在激發(fā)用戶探索的同時(shí)，也應(yīng)該注意必要時(shí)刻應(yīng)給用戶以提示，避免讓用戶陷入謎團(tuán)中。

　　思考：探索之愁就在這個(gè)“度”的把握上。既要讓用戶獲得一些探索的小喜悅，又要安撫用戶的耐心并讓應(yīng)用保持良好的體驗(yàn)，是值得我們每一個(gè)設(shè)計(jì)師需要深思的問(wèn)題。

（圖片來(lái)自網(wǎng)絡(luò)）

　　3.大道至簡(jiǎn)，一目了然

　　優(yōu)秀的iPad應(yīng)用的用戶界面共性是什么?簡(jiǎn)單的操作和優(yōu)雅的用戶體驗(yàn)，加上“少而精”的功能總是能吸引眾多愛慕者。首先保持應(yīng)用的操作簡(jiǎn)單，在設(shè)計(jì)中不要指望著用幫助按鈕來(lái)解釋說(shuō)明如何操作，那些只是留給少數(shù)用戶的耐性測(cè)試題。試問(wèn)需要不斷的一邊閱讀產(chǎn)品說(shuō)明書，一邊琢磨怎么進(jìn)行操作的體驗(yàn)會(huì)讓用戶覺得流暢么?

　　此外，在iPad的界面設(shè)計(jì)中還有一個(gè)更大的誤區(qū)：傳統(tǒng)的小屏幕的iPhone設(shè)計(jì)師們來(lái)到iPad這塊廣闊的大舞臺(tái)上，容易抵擋不住大屏幕的誘惑，在界面上設(shè)計(jì)出更多的UI。而事實(shí)上一個(gè)更大的屏幕并不意味著你需要全部將其顯示出來(lái)。

　　這一點(diǎn)Pages就做的非常不錯(cuò)：

　　它看上去像一個(gè)閱讀的app，但當(dāng)你需要與它進(jìn)行交互的時(shí)候，與編輯相關(guān)的界面就呈現(xiàn)出來(lái)了。

　　思考：選擇性地保留或者隱藏掉一些界面，直到用戶需要的時(shí)候及時(shí)被“呼喚”出來(lái)，讓用戶“所見即所得，所得則會(huì)用”，這種大道至簡(jiǎn)的設(shè)計(jì)思想正是讓你應(yīng)用保持魅力的關(guān)鍵所在。

（圖片來(lái)自網(wǎng)絡(luò)）

　　4.方向適配,布局多變

　　相比而言，傳統(tǒng)的UI界面設(shè)計(jì)就像是在一塊指定大小的畫布上進(jìn)行繪畫。而 “縱” 與 “橫” 的轉(zhuǎn)變 (portrait and landscape) 給設(shè)計(jì)師們帶來(lái)了新的需求，他們需要關(guān)心的不僅僅是界面展現(xiàn)上的美感， 更要考慮界面如何適配這2種視圖的改變以及如何優(yōu)化這些變化對(duì)體驗(yàn)的影響。

　　iPad和iPhone最大的不同之處是屏幕大小。iPad有更多的空間來(lái)展示，所以在設(shè)計(jì)app時(shí)盡可能的減少頁(yè)面層級(jí)，避免讓用戶打開一個(gè)又一個(gè)的頁(yè)面來(lái)完成整個(gè)操作流程。

　　Mail利用氣泡形式收納起了導(dǎo)航部分，當(dāng)用戶需要時(shí)，點(diǎn)開一個(gè)按鈕即可展示，同時(shí)可以在右側(cè)進(jìn)行相關(guān)其他操作。 由豎變橫時(shí)，隨著寬度的增加，設(shè)計(jì)師在設(shè)計(jì)時(shí)就將原本隱藏的導(dǎo)航部分，展示了出來(lái)。 在布局層次上保持了一致，用戶對(duì)整個(gè)流程的體驗(yàn)也得到了優(yōu)化。

　　很多應(yīng)用在iPad上的展示都如此：

　　由此可見，在遭遇橫豎屏轉(zhuǎn)換時(shí)，應(yīng)避免改變用戶在橫豎屏切換中的使用習(xí)慣。即使屏幕進(jìn)行了橫豎切換，在層級(jí)架構(gòu)、頁(yè)面布局、展示上保持基本原則上的一致，這樣才能保證用戶不會(huì)在使用過(guò)程中迷路。

（圖片來(lái)自網(wǎng)絡(luò)）

　　以上就是小編給大家介紹的如何利用ipad ui設(shè)計(jì)出優(yōu)秀的用戶界面，想要設(shè)計(jì)出優(yōu)秀的用戶界面不妨參考小編的文章哦。