iOS7界面設(shè)計(jì)規(guī)范(11) - UI基礎(chǔ) - 圖標(biāo)與圖形

2013-06-29 16:16:26來(lái)源:Be For Web作者:

不知?jiǎng)e人如何,我自己來(lái)講,平時(shí)很習(xí)慣很有動(dòng)力去做的一些事,譬如博客吧,一旦生活中出現(xiàn)一些讓自己很難受的狀況,就很容易受到影響;像是,你平時(shí)所習(xí)慣的生活狀態(tài)都是基于某種東西的,一旦這種東西崩塌,會(huì)影響到

不知?jiǎng)e人如何,我自己來(lái)講,平時(shí)很習(xí)慣很有動(dòng)力去做的一些事,譬如博客吧,一旦生活中出現(xiàn)一些讓自己很難受的狀況,就很容易受到影響;像是,你平時(shí)所習(xí)慣的生活狀態(tài)都是基于某種東西的,一旦這種東西崩塌,會(huì)影響到的范圍遠(yuǎn)遠(yuǎn)超過(guò)自己的想象。不過(guò)現(xiàn)在還是決定鍛煉自己嘍,讓自己應(yīng)該做的事盡量不要受到生活的影響。不以物喜,不以己悲。不因外物的好壞和自己的得失而喜或悲,要做到真心好難。這算麻木么?

重要:這是針對(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-29

應(yīng)用圖標(biāo)

每個(gè)應(yīng)用都需要一個(gè)漂亮的圖標(biāo)。很多時(shí)候,人們都會(huì)根據(jù)應(yīng)用圖標(biāo)來(lái)預(yù)判一款應(yīng)用的質(zhì)量、用途和可信賴(lài)性。

\

當(dāng)你開(kāi)始構(gòu)思應(yīng)用圖標(biāo)的時(shí)候,應(yīng)該將以下幾點(diǎn)牢記在心。另外,當(dāng)你著手創(chuàng)建圖標(biāo)的時(shí)候,可以參考應(yīng)用圖標(biāo)一節(jié)來(lái)了解更多的規(guī)則和指導(dǎo)。

  • 應(yīng)用圖標(biāo)是產(chǎn)品品牌的重要組成部分。要將圖標(biāo)的設(shè)計(jì)看做是向用戶(hù)講述產(chǎn)品故事并與他們建立情感關(guān)聯(lián)的重要機(jī)遇。
  • 最好的應(yīng)用圖標(biāo)都是獨(dú)特、簡(jiǎn)潔和吸引人的。
  • 應(yīng)用圖標(biāo)在不同的尺寸規(guī)格下都應(yīng)該表現(xiàn)良好,并且能夠適應(yīng)各種背景。另外需要注意的是,某些在大尺寸圖標(biāo)中可以增強(qiáng)視覺(jué)效果的元素,一旦縮小,有可能會(huì)使小號(hào)圖標(biāo)看上去非常臟亂。

其他圖標(biāo)

iOS提供了很多小圖標(biāo),用來(lái)在標(biāo)簽欄、工具欄和導(dǎo)航欄當(dāng)中代表那些最常見(jiàn)的任務(wù)或內(nèi)容類(lèi)型。要盡可能多的使用這些預(yù)設(shè)圖標(biāo),因?yàn)橛脩?hù)已經(jīng)很清楚它們的含義了。

當(dāng)然,你可以在需要表現(xiàn)自定義行為或內(nèi)容類(lèi)型的時(shí)候使用訂制化的圖標(biāo)。這些小巧而具有現(xiàn)代感的圖標(biāo),在設(shè)計(jì)方式上與應(yīng)用圖標(biāo)有很大的區(qū)別;可以參考欄按鈕圖標(biāo)一節(jié)來(lái)了解更多。

圖形

iOS應(yīng)用往往包含有豐富的圖形元素。無(wú)論是顯示用戶(hù)照片還是訂制化的插圖,以下這些原則都是需要遵守的:

支持Retina屏幕。確保為所有的圖形元素提供Retina所需的@2x規(guī)格支持。

按照原始的長(zhǎng)寬比例顯示照片和圖形,另外放大比率不要超過(guò)100%。你不會(huì)希望自己應(yīng)用當(dāng)中的圖形元素看上去歪扭失真。此外,要讓用戶(hù)可以根據(jù)自己的需要對(duì)圖片進(jìn)行縮放。

不要在你的設(shè)計(jì)當(dāng)中使用那些代表蘋(píng)果公司產(chǎn)品的圖形。這些圖形的使用會(huì)涉及到版權(quán)問(wèn)題,而且產(chǎn)品設(shè)計(jì)本身是經(jīng)常會(huì)發(fā)生變化的。

贊助商鏈接: