今天的話題是布局,篇幅很短;我自己好喜歡這樣,在還有些剩余時(shí)間和精力的情況下,一個(gè)話題一個(gè)話題的推進(jìn),做做譯文,并熱切的希望這些內(nèi)容在自己接下來(lái)的工作中可以很快派上用場(chǎng);如果同時(shí)能夠給各位朋友帶來(lái)些用得到的價(jià)值則更好。哦另外,如今一旦有機(jī)會(huì)認(rèn)識(shí)一些很酷很酷的同行,或是看到個(gè)很酷很酷的什么產(chǎn)品,仍是覺(jué)得相當(dāng)開(kāi)心,有力氣做事的趕腳;慶幸自己還可以這樣。那么開(kāi)始叭。
重要:這是針對(duì)于正在開(kāi)發(fā)中的API或技術(shù)的預(yù)備文檔(預(yù)發(fā)布版本)。雖然該文檔在技術(shù)精確度上經(jīng)過(guò)了嚴(yán)格的審核,但并非最終版本,僅供蘋(píng)果開(kāi)發(fā)者計(jì)劃的注冊(cè)會(huì)員使用。蘋(píng)果提供這份機(jī)要文檔的目的,是幫助你按照文中描述的方式對(duì)技術(shù)的選擇及界面的設(shè)計(jì)開(kāi)發(fā)進(jìn)行規(guī)劃。這些信息有可能發(fā)生變化,屆時(shí),你的設(shè)計(jì)開(kāi)發(fā)方式需要基于最終版本的操作系統(tǒng)及文檔進(jìn)行相應(yīng)的調(diào)整和測(cè)試。該文檔或許會(huì)隨著API或相關(guān)技術(shù)在未來(lái)的發(fā)展而進(jìn)行更新。
譯文最后更新時(shí)間:2013-06-19
布局所關(guān)乎的遠(yuǎn)不止“界面元素在屏幕上看上去如何”這么簡(jiǎn)單。通過(guò)布局,你可以讓用戶知道哪些東西是最重要的,他們有哪些事情可做,內(nèi)容之間具有怎樣的關(guān)聯(lián)。取決于設(shè)備類型及橫豎屏定向方式,同一款應(yīng)用的界面布局也可能會(huì)有不同的模式。
確保交互元素具有足夠大的尺寸,以便用戶可以很容易的與內(nèi)容和功能進(jìn)行互動(dòng)。可點(diǎn)擊對(duì)象的實(shí)際點(diǎn)擊區(qū)域盡量不小于44*44像素。
將重要的內(nèi)容和功能放在權(quán)重更高的位置上,使用戶的注意力可以更好的聚焦在主要任務(wù)上。通常,將最重要的元素放在前半屏是比較好的做法,另外,對(duì)于閱讀習(xí)慣是從左到右的用戶來(lái)說(shuō),更貼近屏幕左側(cè)的位置也是更容易引起關(guān)注的。
利用視覺(jué)表現(xiàn)形式的權(quán)重和平衡,向用戶展示界面元素之間的相對(duì)重要程度。尺寸較大的元素?fù)碛懈叩臋?quán)重,相比于尺寸較小的元素來(lái)說(shuō),更能吸引目光,看上去也更加重要。
通常情況下,要防止UI元素在外觀上具有不統(tǒng)一的表現(xiàn)形式。盡可能讓具有相似功能的元素同時(shí)具有相似的外觀。人們一旦留意到不一致的外觀表現(xiàn),就很容易假設(shè)這背后是有原因的,并傾向于花費(fèi)時(shí)間去搞清楚這種差異究竟代表什么。
確保界面中的主要內(nèi)容在默認(rèn)尺寸下可以被閱讀和理解。不要讓用戶必須橫向滾屏才能看到完整的文字內(nèi)容,或是必須執(zhí)行放大操作才可以看清楚內(nèi)容圖片。