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

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

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

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

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

在桌面顯示時(shí)會(huì)自動(dòng)添加以下效果：

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

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

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

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

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

可根據(jù)程序運(yùn)行的平臺(tái)的不同，創(chuàng)建兩種尺寸的文檔圖標(biāo)。對(duì)于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è)備的“主屏幕”頁面中顯示一個(gè)應(yīng)用圖標(biāo)時(shí)，它會(huì)自動(dòng)疊加一個(gè)圓角遮罩。4.Web快捷方式圖標(biāo)

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

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

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