UI設(shè)計(jì)規(guī)范一iOS字體和切圖及規(guī)范

1、我個(gè)人設(shè)計(jì)時(shí)按照iOS設(shè)計(jì)尺寸 iPhone6（750px*1334px）來進(jìn)行頁面的設(shè)計(jì)。在iOS開發(fā)中iPhone7是共用一套字體規(guī)范。在設(shè)計(jì)中按iPhone6設(shè)計(jì)版尺寸（750px*1334px）中適合的字體大小來定義。

專注于為中小企業(yè)提供做網(wǎng)站、成都網(wǎng)站建設(shè)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)西山免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了成百上千企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

2、iOS切圖尺寸規(guī)則：設(shè)計(jì)圖：1242x2208 三倍圖：按1242x2208來切 二倍圖：按750x1334來切 一倍圖：在二倍圖的基礎(chǔ)上壓縮成50 iOS啟動(dòng)圖：圖標(biāo)按照最大1024x1024來設(shè)計(jì)，之后按照比例縮小到每個(gè)尺寸。

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

4、然后我們要按照 功能_ 類型_ 名稱_ 狀態(tài)@倍數(shù)來命名每個(gè)切圖，比如我們導(dǎo)航條上有一個(gè)搜索圖標(biāo)，那么它的名稱就是：一套APP應(yīng)該有3-5種主題色和輔助色；5-10種不同變化的字體樣式。

5、總的來說著就我們IOS UI的設(shè)計(jì)規(guī)范了，其他還有就是內(nèi)容區(qū)域的文字大小規(guī)范了，一般來說都是11112這四個(gè)文字大小，具體根據(jù)需求進(jìn)行設(shè)計(jì)。

IOS和Android標(biāo)注圖片的尺寸多少合適

眾所周知iOS設(shè)計(jì)的像素尺寸是640*960/1136，Android主流的hdpi模式下的像素尺寸是480*800。

IOS與Android 共用一套效果圖 750*1334 上面提到，750*1334 640*1136 640*960同為@2x，所以750跟640用同一套圖標(biāo)，同一套字體就可以了，至于其他的尺寸大小，只要跟著尺寸延伸就沒問題了。

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

在ios手機(jī)開發(fā)時(shí)需要的icon切圖有哪幾種規(guī)格

1、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)看起來是類似，確保圖標(biāo)的均衡。

2、App Icon 在設(shè)計(jì)iOS App Icon時(shí)，設(shè)計(jì)師不需要切圓角，直接矩形就可以。

3、如bg-xxx@2x.png、btn-xxx@2x.png 、icon-xxx@2x.png。在命名時(shí) bg-xxx.png 中間的 – 可以改為 _ 。iOS 上寫 Desktop icon 檔案命名使用 -，如果切圖只給 iOS 使用，可以和 iOS 采用相同的命名方式。

4、在 iOS 開發(fā)中，目前只需要 @2x 和 @3x 兩種切圖，所以導(dǎo)出 2 倍和 3 倍的 png 圖片即可。

5、應(yīng)用圖標(biāo)(AppIcon) 每個(gè)應(yīng)用程序都需要一個(gè)美麗而令人難忘的圖標(biāo)，該圖標(biāo)在AppStore中引起人們的注意，并在主屏幕上脫穎而出。您的圖標(biāo)是交流您的應(yīng)用目的的第一時(shí)間。它也出現(xiàn)在整個(gè)系統(tǒng)中，例如在“設(shè)置”和“搜索結(jié)果”中。

6、* 100 (iOS5-6)167 * 167 (iPad Pro)APP啟動(dòng)頁，即LaunchImages，需要五張不同尺寸大小的圖，切記一定要選擇png格式，否則打包時(shí)報(bào)錯(cuò)，導(dǎo)致APP適配失敗。