UI設(shè)計(jì)師一定要知道的ICON設(shè)計(jì)規(guī)范之圖標(biāo)尺寸

在功能上，icon分為不可點(diǎn)擊的顯示圖標(biāo)和可點(diǎn)擊的按鈕圖標(biāo)：顯示圖標(biāo)不能點(diǎn)擊，是為了輔助后面的文字內(nèi)容，側(cè)重于文字，一般尺寸為24×228×232×32。

創(chuàng)新互聯(lián)于2013年創(chuàng)立，先為宏偉等服務(wù)建站，宏偉等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為宏偉企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。

應(yīng)用程序圖標(biāo)（Icon）應(yīng)當(dāng)是一個(gè)Alpha通道透明的32位PNG圖片。由于安卓設(shè)備眾多，一個(gè)應(yīng)用程序圖標(biāo)需要設(shè)計(jì)幾種不同大小，如：LDPI(LowDensityScreen，120DPI)，其圖標(biāo)大小為36x36px。

尺寸規(guī)范：在分辨率1024px*768px的情況下，滿屏寬度為1003px，通常定義可視范圍為920px~1000px之間。常見：寬960px、980px、1000px，一屏高度650px。

圖標(biāo)規(guī)范 很多設(shè)計(jì)師以為ui設(shè)計(jì)就是設(shè)計(jì)圖標(biāo)和設(shè)計(jì)界面。雖然事實(shí)并非如此，但圖標(biāo)的設(shè)計(jì)在整個(gè)ui設(shè)計(jì)中是比較基礎(chǔ)的一個(gè)環(huán)節(jié)。

而且整體的圖標(biāo)都需要保持風(fēng)格一致，例如圖標(biāo)的線條粗細(xì)、邊角弧度、圖標(biāo)高度寬度比例、風(fēng)格等等。

尺寸 我們要將頁(yè)面上有所需要告知尺寸的內(nèi)容進(jìn)行標(biāo)注，例如圖標(biāo)、圖片、頭像等等。關(guān)于尺寸維度的標(biāo)注我們需要注意的是：有圓角的地方，需要將圓角半徑標(biāo)出。

一般蘋果手機(jī)ui設(shè)計(jì)尺寸為多大?

如果以iPhone為設(shè)計(jì)設(shè)備，尺寸一般是使用750x1334，1125 x 2436，1242 x 2208這三種尺寸設(shè)計(jì)都可以，750x1334是2倍圖設(shè)計(jì)，1125x2346和1242x2208都是3倍圖來(lái)進(jìn)行設(shè)計(jì)。

要根據(jù)不同手機(jī)不同的屏幕分辨率來(lái)規(guī)定尺寸。一般做效果圖主流都是做480*800來(lái)測(cè)試，iphone4（或s)就用640*960，但這個(gè)都只是效果圖，真正開發(fā)還需要切圖用點(diǎn)9來(lái)做屏幕適配。

蘋果手機(jī)iOS界面設(shè)計(jì)尺寸和分辨率 （1）界面尺寸：5英寸（iPhone1/2/3/4/4S）、4英寸（iPhone5/5S/5C）、7英寸（iPhone6/6S）、5英寸（iPhone6 plus/6S plus）等。

iOS應(yīng)用圖標(biāo)像素大小、圖標(biāo)命名要求、啟動(dòng)圖等要求

和頂部欄的原則一樣，底部導(dǎo)航欄的圖標(biāo)不能超過(guò)其高度的一半，若底部導(dǎo)航欄高度為98 px，圖標(biāo)不要超過(guò)48 px， 再加上底部導(dǎo)航欄的文字48 px高的圖標(biāo)也不太合適，所以以我的經(jīng)驗(yàn)之談，最佳高度是44 px。

iOS系統(tǒng)規(guī)定了不同尺寸的圖標(biāo)大小，以適應(yīng)不同的設(shè)備和屏幕分辨率。在iPhone上，主屏幕上的應(yīng)用程序圖標(biāo)大小為180x180像素，其他頁(yè)面的應(yīng)用程序圖標(biāo)大小為120x120像素。

針對(duì)不同分辨率的圖片，蘋果規(guī)定了一個(gè)命名規(guī)范：假如一個(gè)普通分辨率的圖片，文件名是“abc.png”，那么與其對(duì)應(yīng)的高分辨率的文件名就應(yīng)該是“abc@2x.png”，多了“@2x”。下面是IOSAPP 圖標(biāo)格式和尺寸規(guī)范。非常詳細(xì)。

ios應(yīng)用程序的icon圓弧是多大

mm。蘋果此前獲得的諸多關(guān)于 iPhone 和 iPad 的專利中或多或少都會(huì)包含一些實(shí)際的功能，比如 Home 鍵、背面輪廓設(shè)計(jì)或者前面板整體玻璃覆蓋設(shè)計(jì)等。但此次獲得的專利卻單單描述了一個(gè)設(shè)備的外觀設(shè)計(jì)，矩形圓角。

APP圖標(biāo) APP圖標(biāo)指應(yīng)用圖標(biāo)，圖標(biāo)尺寸為120x120，如果是游戲類應(yīng)用，這個(gè)圖標(biāo)也會(huì)被用在Game Center中。

iOS標(biāo)準(zhǔn)中Tab欄一般有五個(gè)、四個(gè)、三個(gè)圖標(biāo)的方式，總寬均分，icon規(guī)格約30x30pt（60px）。iPhone得出了四種不一樣的標(biāo)識(shí)欄圖標(biāo)規(guī)格供大伙兒設(shè)計(jì)時(shí)參照。其實(shí)際意義是讓不一樣外觀的圖標(biāo)看起來(lái)是類似，確保圖標(biāo)的均衡。

800x800px不屬于ios的app_icon尺寸

x36px圖標(biāo)可以畫圖區(qū)域大小可以設(shè)為34x34px，四周留出1個(gè)像素用于填充（無(wú)底色）。

Android界面尺寸：480*800、720*1280、1080*1920。由于安卓設(shè)備眾多，一個(gè)應(yīng)用程序圖標(biāo)需要設(shè)計(jì)幾種不同大小，如：LDPI(LowDensityScreen，120DPI)，其圖標(biāo)大小為36x36px。

iOS標(biāo)準(zhǔn)中Tab欄一般有五個(gè)、四個(gè)、三個(gè)圖標(biāo)的方式，總寬均分，icon規(guī)格約30x30pt（60px）。iPhone得出了四種不一樣的標(biāo)識(shí)欄圖標(biāo)規(guī)格供大伙兒設(shè)計(jì)時(shí)參照。其實(shí)際意義是讓不一樣外觀的圖標(biāo)看起來(lái)是類似，確保圖標(biāo)的均衡。