iOS 系統(tǒng)圖標(biāo)設(shè)計 規(guī)則 iOS 系統(tǒng)圖標(biāo)設(shè)計規(guī)則 三

深圳職業(yè)技術(shù)學(xué)院/SHENZHENPOLYTECHNIC三手機(jī)UI的圖標(biāo)設(shè)計UI設(shè)計/主講：高博iOS系統(tǒng)圖標(biāo)設(shè)計規(guī)則1iOS系統(tǒng)圖標(biāo)設(shè)計規(guī)則1深圳職業(yè)技術(shù)學(xué)院/SHENZHENPOLYTECHNIC(一）程序圖標(biāo)、小圖表、文檔圖標(biāo)、快捷方式預(yù)備每個app都需要一個應(yīng)用圖標(biāo)和一個啟動畫面。此外，一些app還需要自定義導(dǎo)航欄、工具欄和標(biāo)簽欄上的圖標(biāo)以呈現(xiàn)app的特有的內(nèi)容、功能或模式。所有圖像和圖標(biāo)都推薦使用PNG格式，但要避免使用交錯的PNG圖片。圖標(biāo)和圖像標(biāo)準(zhǔn)色彩深度是24位，即給8位的紅、綠、藍(lán)加上一個8位的alpha通道。你不需要強(qiáng)制使用web安全色。深圳職業(yè)技術(shù)學(xué)院/SHENZHENPOLYTECHNIC1.程序圖標(biāo)

程序圖標(biāo)常放在桌面，點擊可啟動程序，是程序有機(jī)的組成部分，是品牌宣傳和視覺設(shè)計的結(jié)合，具有高度可辨。程序圖標(biāo)也會被用在GameCenter中。

設(shè)備不同要創(chuàng)建與其相應(yīng)的程序圖標(biāo)。一般會提供3中尺寸的圖標(biāo)。

為iPhone和iTouch設(shè)計的圖標(biāo)：57像素X57像素114像素X114像素（高分辯率）

在桌面顯示時會自動添加以下效果：

有90度角、沒有高光效果、不使用透明層iOS系統(tǒng)自動為圖標(biāo)添加園角深圳職業(yè)技術(shù)學(xué)院/SHENZHENPOLYTECHNIC2.小圖標(biāo)

iOS程序還需要一個小版本的圖標(biāo)，用于在Spotlight搜索結(jié)果里展示某個程序。

在iPhone和iPodTouch中，iOS在Spotlight搜索結(jié)果和Settings里用的是同一個圖標(biāo)，如果沒提供這個版本，iOS會把程序圖標(biāo)壓縮做成程序展示圖標(biāo)。

對于iPhone，應(yīng)用圖標(biāo)尺寸如下：29像素X29像素58像素X58像素（高分辯率）深圳職業(yè)技術(shù)學(xué)院/SHENZHENPOLYTECHNIC3.文檔圖標(biāo)

如果iOS程序定義了自己的文檔類型，也要制作一款圖標(biāo)來識別。如果沒有提供定制的文檔圖標(biāo)，iOS會把程序圖標(biāo)改成用作默認(rèn)的文檔圖標(biāo)。如果你的iOSapp建了一個自定義類型的文檔，你想讓用戶一眼就能認(rèn)出這些文檔，iOS會使用你的應(yīng)用圖標(biāo)去生成文檔圖標(biāo)。深圳職業(yè)技術(shù)學(xué)院/SHENZHENPOLYTECHNIC

可根據(jù)程序運(yùn)行的平臺的不同，創(chuàng)建兩種尺寸的文檔圖標(biāo)。對于iPhone版iOS圖標(biāo)，創(chuàng)建兩種尺寸的文檔圖標(biāo)22像素X29像素44像素X58像素

可將制作的圖標(biāo)居中或縮放填充在規(guī)定的格子里。如創(chuàng)建完整的64素X64像素的文檔圖標(biāo)，先加入Margin,創(chuàng)建安全區(qū)。深圳職業(yè)技術(shù)學(xué)院/SHENZHENPOLYTECHNIC疊加遮罩前的120x120像素圖標(biāo)疊加遮罩后的120x120像素圖標(biāo)當(dāng)iOS在設(shè)備的“主屏幕”頁面中顯示一個應(yīng)用圖標(biāo)時，它會自動疊加一個圓角遮罩。4.Web快捷方式圖標(biāo)

若制作的程序中帶有Web小程序或者網(wǎng)站，可為其定制一款圖標(biāo)放在桌面上，點擊圖標(biāo)可直接訪問網(wǎng)頁內(nèi)容。

最好將網(wǎng)頁中有特色的照片或可識別的顏色主題應(yīng)用到圖標(biāo)里。為確保圖標(biāo)在設(shè)備上更美觀

在iPhone和iPodTouch中，創(chuàng)建兩種尺寸的圖標(biāo)57像素X57像素114像素X114像素深圳職業(yè)技術(shù)學(xué)院/SHENZHENPOLYTECHNIC創(chuàng)建一個大尺寸的應(yīng)用圖標(biāo)，以展示在AppStore中。這個版本要能立即被識別成你的應(yīng)用圖標(biāo)，它可以擁有更豐富的細(xì)節(jié)。AppStore需要創(chuàng)建兩種尺寸