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)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)、景泰網(wǎng)絡(luò)推廣、重慶小程序開(kāi)發(fā)公司、景泰網(wǎng)絡(luò)營(yíng)銷、景泰企業(yè)策劃、景泰品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供景泰建站搭建服務(wù)，24小時(shí)服務(wù)熱線：028-86922220，官方網(wǎng)址：www.rwnh.cn

應(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。

圖標(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)格等等。

ios設(shè)計(jì)規(guī)范?

1、可直接操作：當(dāng)用戶旋轉(zhuǎn)設(shè)備或使用手勢(shì)影響屏幕內(nèi)容時(shí)，直接操作，這樣可以吸引人們并促進(jìn)理解。反饋：內(nèi)置的iOS應(yīng)用程序?yàn)橛脩舻拿恳粋€(gè)動(dòng)作提供了可感知的反饋。

2、設(shè)置圖標(biāo) 設(shè)置圖標(biāo)指在列表式的表格視圖中左側(cè)功能圖標(biāo)，圖標(biāo)設(shè)計(jì)尺寸為58x58 Web Clip圖標(biāo) Web Clip圖標(biāo)指如果你有Web小程序或者網(wǎng)站，可以制定一個(gè)小圖標(biāo)。用戶可以把它直接放在桌子上，用戶可單擊圖標(biāo)直接訪問(wèn)網(wǎng)頁(yè)內(nèi)容。

3、目前主流的是以iPhone 6為主，設(shè)計(jì)尺寸是750*1334px，7寸。

4、iOS界面規(guī)范首先蘋果分為兩種尺寸，一種是中碼比如6s、8等，這種我們一般切圖命名為@2X。還有一種就是Plus版本，這種一般切圖命名為@3X。蘋果6s 的尺寸750px * 1334px，6s Plus的尺寸就是1242px * 2208 px。

5、內(nèi)容區(qū)域(content)：就是屏幕中間的區(qū)域，其高度為：1334px-40px-88px-98px=1108px iOS是由蘋果公司開(kāi)發(fā)的移動(dòng)操作系統(tǒng) 。

圖標(biāo)規(guī)范標(biāo)準(zhǔn)(IOS/Android)

1、通知圖標(biāo)48PX(38mm)55px(42mm) 首屏圖標(biāo)和?？磮D標(biāo)80px(38mm)88px(42mm) 短看圖標(biāo)172px(38mm)196px(42mm) 菜單情景圖標(biāo)(App內(nèi)的功能圖標(biāo)) 圖標(biāo)大小70px，實(shí)際圖標(biāo)大小46px。(38mm) 圖標(biāo)大小80px，實(shí)際圖標(biāo)大小54px。

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

3、iOS設(shè)計(jì)規(guī)范系列共10篇。本文是第8篇，介紹圖標(biāo)和圖像(IconsandImages)。 圖片尺寸和分辨率(ImageSizeandResolution) iOS屏幕上放置內(nèi)容的坐標(biāo)系統(tǒng)，是基于以點(diǎn)為單位的測(cè)量值，該測(cè)量值是映射到顯示器的像素。

4、分辨率以iPhone 6 設(shè)計(jì)為主：750*1334px （字體 Helvetica/華文細(xì)黑，實(shí)際中運(yùn)用黑體簡(jiǎn)或者Hiti-sc 最接近系統(tǒng)中所帶字體）工具欄height：88px 如搜索、選擇、刪除、回復(fù)等。

5、在標(biāo)簽欄中肯定就是ICON圖標(biāo)了，Android和IOS的圖標(biāo)點(diǎn)擊范圍最小都是24px，IOS±4px調(diào)整，Android±8px調(diào)整。

6、清理內(nèi)存等等。iOS暫時(shí)還不支持這樣的浮窗。越獄的貌似可以。

手機(jī)app的圖標(biāo)一般是多大尺寸?

LDPI(LowDensityScreen，120DPI)，其圖標(biāo)大小為36x36px。MDPI(MediumDensityScreen，160DPI)，其圖標(biāo)大小為48x48px。HDPI(HighDensityScreen，240DPI)，其圖標(biāo)大小為72x72px。

- Android：應(yīng)用程序圖標(biāo)的大小可以是多種尺寸，具體取決于設(shè)備的屏幕密度。最常用的圖標(biāo)大小是 192 x 192 像素。- Windows：Windows 10 應(yīng)用程序圖標(biāo)的大小應(yīng)該是 256 x 256 像素。

androidapp界面設(shè)計(jì)是按720*1280的，切圖上可以點(diǎn)9切圖做到所有手機(jī)的適配。

蘋果6s的尺寸750px*1334px，6splus的尺寸就是1242px*2208px。兩者之間的關(guān)系就是5倍，怎么說(shuō)呢，就是6s之類的手機(jī)想要變成Plus，我們?cè)O(shè)計(jì)師稍微想要偷懶一下設(shè)計(jì)，只需要整體擴(kuò)大5倍，比如圖標(biāo)。

APP設(shè)設(shè)計(jì)規(guī)范尺寸、切圖詳解——IOS和Android

分辨率以iPhone 6 設(shè)計(jì)為主：750*1334px （字體 Helvetica/華文細(xì)黑，實(shí)際中運(yùn)用黑體簡(jiǎn)或者Hiti-sc 最接近系統(tǒng)中所帶字體）工具欄height：88px 如搜索、選擇、刪除、回復(fù)等。

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

首先蘋果分為兩種尺寸，一種是中碼比如6s、8等，這種我們一般切圖命名為@2X。還有一種就是Plus版本，這種一般切圖命名為@3X。蘋果6s 的尺寸750px * 1334px，6s plus的尺寸就是1242px * 2208 px。

androidapp界面設(shè)計(jì)是按720*1280的，切圖上可以點(diǎn)9切圖做到所有手機(jī)的適配。

iOS開(kāi)發(fā)所需圖片常規(guī)尺寸一覽

桌面圖標(biāo) (app icon)xcode9 之后，要全部上傳，1024*1024的app store的圖片，不能加通道和設(shè)置透明度。

目前蘋果手機(jī)的尺寸及分辨率iPhone界面尺寸：320*480、640*960、640*113750*1331080*1920等。iPad界面尺寸：1024*762048*1536等。

IOS界面設(shè)計(jì)尺寸規(guī)范（以iPhone6為例）界面尺寸規(guī)范 界面尺寸大小是：750x1334px。

掃掃下載 AppIOS開(kāi)發(fā)---&IOS7guan 方推薦圖標(biāo)和圖像尺寸 圖標(biāo)和圖像大小 每一個(gè)應(yīng)用程序需要一個(gè)應(yīng)用程序圖標(biāo)和啟動(dòng)圖像。

新聞名稱：ios開(kāi)發(fā)應(yīng)用圖標(biāo)尺寸 ios設(shè)計(jì)app store圖標(biāo)的尺寸為多少像素
本文網(wǎng)址：http://www.rwnh.cn/article22/dgdpijc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供、網(wǎng)站排名、全網(wǎng)營(yíng)銷推廣、網(wǎng)站改版、面包屑導(dǎo)航、外貿(mào)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)