圖標(biāo)的圓角和光暈效果

10余年的青山湖網(wǎng)站建設(shè)經(jīng)驗，針對設(shè)計、前端、開發(fā)、售后、文案、推廣等六對一服務(wù)，響應(yīng)快，48小時及時工作處理。全網(wǎng)營銷推廣的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動調(diào)整青山湖建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計，從而大程度地提升瀏覽體驗。創(chuàng)新互聯(lián)從事“青山湖網(wǎng)站設(shè)計”,“青山湖網(wǎng)站推廣”以來，每個客戶項目都認(rèn)真落實執(zhí)行。

圓角效果。圖標(biāo)的圓角效果是系統(tǒng)自動加上的，我們不能控制。這也是為什么我們看到的每個圖標(biāo)，其圓角效果是完全相同的。

光暈效果。光暈效果也是系統(tǒng)加上的，和“圓角”不同的是，光暈效果是一個可選項。我們可以通過設(shè)置app的光暈參數(shù)（UIPrerenderedIcon），告訴系統(tǒng)是否要為我們的圖標(biāo)打上光暈效果。

總結(jié)：1）設(shè)計圖標(biāo)時請記得，圖標(biāo)的圓角效果是系統(tǒng)自動加上的，且是我們無法控制的。 2）設(shè)計圖標(biāo)前先決定，是否要使用系統(tǒng)內(nèi)建的“光暈效果”。

每個圖標(biāo)都有相同的圓角。左邊的兩個圖標(biāo)有光暈效果，右邊的兩個沒有。

啟動畫面

我們可以為app設(shè)置啟動畫面，以便在app啟動的時候顯示。蘋果在其開發(fā)文檔中，很明確地表示：啟動畫面的作用是給使用者一種錯覺，一種app啟動很快速的錯覺。即，啟動畫面的初衷不是為了給用戶某種“視覺上的沖擊”。所以，蘋果建議開發(fā)者使用app的“空白”界面作為啟動畫面。蘋果自己的app就是這樣做的。如果我們無視這種約定，而是使用和app界面完全無關(guān)的“插畫”作為啟動畫面（很多app都是這樣），那么一般情況下，會有“地攤貨”的嫌疑。雖然大多數(shù)的普通用戶不清楚啟動畫面“應(yīng)該”是什么樣子：或許用戶會喜歡有“視覺沖擊力的”插畫；或許用戶會奇怪為何到了4月，啟動畫面卻仍舊是春節(jié)的主題；又或許用戶什么感覺也沒有。如果一定要使用插畫，那么不妨先回答這樣一個問題：考慮到蘋果開發(fā)的app，其啟動畫面使用的都是樸素的“空白”界，那么我們的app是否有足夠充分的理由，來支持使用插畫呢？

如果要讓啟動畫面漂亮，我們可以先讓app的界面漂亮；App的界面漂亮，那app的“空白”界面也就漂亮；App的“空白”界面漂亮，啟動畫面也就漂亮了。

系統(tǒng)自帶的“時鐘”app。第一張是啟動畫面：使用的是app的“空白”界面。第二張是app運行時的截圖。

App的界面漂亮 ＝ App的“空白”界面漂亮，啟動畫面也就自然漂亮。比如，Tweetbot的啟動畫面。

Retina

iPhone 4和iPod Touch 4有一個新的特性：在屏幕尺寸不變的前提下，分辨率提升一倍（320 x 480 =》 640 x 960）。蘋果將這個特性命名為Retina。

用蘋果的話講：

Retina顯示屏的超高像素密度已超過人眼能分辨的范圍。

Retina對圖像設(shè)計（圖標(biāo)、啟動畫面和其它所有像素有關(guān)的東西）有什么影響呢？如果我們的app要支持Retina，就要提供高分辨率的（寬x2，高x2）的圖片。同時，為了支持沒有Retina的設(shè)備，仍舊要準(zhǔn)備低分辨率的版本。換言之，我們要準(zhǔn)備兩套圖。

針對不同分辨率的圖片，蘋果規(guī)定了一個命名規(guī)范：假如一個普通分辨率的圖片，文件名是“abc.png”，那么與其對應(yīng)的高分辨率的文件名就應(yīng)該是“abc@2x.png”，多了“@2x”。

舉一個例子：

Icon.png

Icon@2x.png

這里需要注意的是，雖然在瀏覽器中，第二張圖片的面積是第一張的4倍，但是在支持Retina的iPhone中，顯示的大小是一樣的。

格式和尺寸

圖標(biāo)和啟動畫面的格式：推薦使用PNG格式，可以是標(biāo)準(zhǔn)的24位顏色（紅、綠和藍(lán)各用8位），外加alpha通道的8位。不要在app圖標(biāo)上使用透明色。

圖標(biāo)的尺寸：蘋果有一份完整的文檔，列出了app所需的全部圖標(biāo)尺寸，和其各自的使用環(huán)境。

Technical Q&A QA1686： App Icons on iPad and iPhone

App程序包必須包含以下標(biāo)記為“必須”的圖標(biāo)。

圖片尺寸的單位是px。

表格一：只支持iPhone的app圖標(biāo)要求。

尺寸文件名用途是否必須備注

512×512iTunesArtworkAd Hoc iTunes可選，但建議加入文件應(yīng)該是PNG格式，但文件名不要使用.png后綴。

57×57Icon.pngiPhone/iPod touch的App Store和主屏幕（Home screen）

114×114Icon@2x.png高分辨率的iPhone 4主屏幕可選，但建議加入

72×72Icon-72.png主屏幕，為了兼容iPad可選，但建議加入

29×29Icon-Small.pngSpotlight和設(shè)置app可選，但建議加入

50×50Icon-Small-50.pngSpotlight，為了兼容iPad如果app有設(shè)置程序包，那么建議加入。否則可選，但建議加入。

58×58Icon-Small@2x.png高分辨率的iPhone 4的Spotlight和設(shè)置app如果app有設(shè)置程序包，那么建議加入。否則可選，但建議加入。

表格二：只支持iPad的app圖標(biāo)要求。

尺寸文件名用途是否必須備注

512×512iTunesArtworkAd Hoc iTunes可選，但建議加入文件應(yīng)該是PNG格式，但文件名不要使用.png后綴。

72×72Icon-72.pngiPad的App Store和主屏幕

50×50Icon-Small-50.pngiPad的Spotlight可選，但建議加入。

29×29Icon-Small.pngiPad的設(shè)置app如果app有設(shè)置程序包，那么建議加入。否則可選，但建議加入。

表格三：Universal的app圖標(biāo)要求。

尺寸文件名用途是否必須備注

512×512iTunesArtworkAd Hoc iTunes可選，但建議加入文件應(yīng)該是PNG格式，但文件名不要使用.png后綴。

57×57Icon.pngiPhone/iPod touch的App Store和主屏幕（Home screen）

114×114Icon@2x.png高分辨率的iPhone 4主屏幕可選，但建議加入

72×72Icon-72.pngiPad的App Store和主屏幕

29×29Icon-Small.pngiPad和iPhone的設(shè)置app，iPhone的Spotlight如果app有設(shè)置程序包，那么建議加入。否則可選，但建議加入。

50×50Icon-Small-50.pngiPad的Spotlight可選，但建議加入。

58×58Icon-Small@2x.png高分辨率的iPhone 4的Spotlight和設(shè)置app如果app有設(shè)置程序包，那么建議加入。否則可選，但建議加入。

啟動畫面的尺寸：

尺寸單位是px，寬x高。

iPhone/iPod Touch的啟動畫面是全尺寸，iPad的則要去掉“狀態(tài)欄”（Status bar）的高度（20px）。

iPad的啟動畫面是分模式的：豎排（portrait）和橫排模式（landscape）。

當(dāng)前名稱：iOSApp的圖標(biāo)，啟動畫面及其它
文章出自：http://weahome.cn/article/cpiggo.html