01、尺寸：iPhone常見設(shè)備尺寸
目前市場上的IOS設(shè)備的尺寸基本上是以下幾種:
5/5C/5S：320x480pt?? 640X1136px
6/6S/7/7S：375x667pt?? 640X1136px
6 Plus / 6S Plus / 7 Plus / 7S Plus：414x736pt?? 1242X2208px
X：375x812pt?? 1125X2436px
iPhone X是我們設(shè)計(jì)時(shí)需要關(guān)注的焦點(diǎn)，它首次使用了OLED屏幕，分辨率達(dá)到1125×2436px @3x与倡，PPI達(dá)到了458ppi距帅。上面狀態(tài)欄88px抖仅，下面的home觸發(fā)區(qū)域?yàn)?8Px，所以IphoneX的設(shè)計(jì)安全區(qū)域?yàn)?280px咏窿。
尺寸：用哪種尺寸適配
UI設(shè)計(jì)師在設(shè)計(jì)IOS端應(yīng)用的時(shí)候只需要出一套設(shè)計(jì)稿斟或，所有的設(shè)計(jì)稿尺寸以750×1334 px來做設(shè)計(jì)稿尺寸。因?yàn)檫@個(gè)尺寸從中間尺寸向上和向下適配的時(shí)候界面調(diào)整的幅度最小集嵌，最方便適配萝挤。如果你是使用Sketch的話，用1倍圖（375X667pt）來做設(shè)計(jì)根欧；如果你是使用ps的話平斩，以750X1334px來做設(shè)計(jì)。
02咽块、字體：字體和字體大小規(guī)范
字體
IOS9：中文字體為冬青黑體绘面，英文字體為Helvetica Neue
IOS10、IOS11：中文字體為蘋方(Ping? Fang SC Light)侈沪，英文字體為San Francisco
大小規(guī)范
導(dǎo)航欄標(biāo)題：? ? 32-36PX
標(biāo)題文字：? ? ? ? 30-32px
內(nèi)容區(qū)域文字：24-28px
輔助性文字：? ? 20-24px
03揭璃、圖標(biāo)：圖標(biāo)的設(shè)計(jì)規(guī)范
圖標(biāo)的設(shè)計(jì)大小：我們設(shè)計(jì)圖標(biāo)的時(shí)候統(tǒng)一在1024X1024的畫板中進(jìn)行制作亭罪，當(dāng)使用的時(shí)候等比縮放瘦馍。
視覺統(tǒng)一：正方形、矩形应役、圓形情组、長方形這幾種情況下的圖標(biāo)需要進(jìn)行一些調(diào)整才能達(dá)到視覺的平衡，具體情況參照上方的圖片示例箩祥。
常見的使用尺寸：系統(tǒng)圖標(biāo)常見的使用尺寸為（12px院崇、14px、16px袍祖、18px底瓣、24px、32px）? ?? 業(yè)務(wù)圖標(biāo)常見的使用尺寸為（32px蕉陋、48px捐凭、64px）
系統(tǒng)圖標(biāo)通常用來表示常用的操作，比如：刪除凳鬓、保存茁肠、編輯。也可以用來表示一個(gè)文件或者狀態(tài)缩举。
業(yè)務(wù)圖標(biāo)不同于系統(tǒng)圖標(biāo)垦梆，本身不帶有功能性的操作匹颤，而是輔助配合文案的一個(gè)抽象化圖形。相較于系統(tǒng)圖標(biāo)奶赔，業(yè)務(wù)圖標(biāo)在設(shè)計(jì)的細(xì)節(jié)上更為豐富，使用的尺寸也比較大杠氢。
（來自https://ant.design/docs/spec/icon-cn）
05、命名：UI設(shè)計(jì)命名規(guī)范
關(guān)于UI命名規(guī)范鼻百，這是最基本的绞旅，但卻也是非常重要的。規(guī)范的命名可以幫助我們高效的和同事温艇、開發(fā)對接因悲，提升工作的效率。對于自己來說勺爱，可以幫助后期文件方便的修改晃琳、查找、整理琐鲁；對于團(tuán)隊(duì)來說卫旱，可以加快項(xiàng)目的協(xié)同，提升整體的工作效率围段；對于開發(fā)來說顾翼，可以節(jié)省大量的時(shí)間成本，加快溝通的效率奈泪。
命名規(guī)則：
模塊_類別_功能_狀態(tài).png
例如：home_button_search_default.png? ? ? ? ? ? ?
釋義為：主頁_按鈕_搜索_默認(rèn).png
作者：品牌體驗(yàn)設(shè)計(jì)師陳凡
鏈接：http://www.reibang.com/p/01768b59bbe1
來源：簡書
簡書著作權(quán)歸作者所有适贸，任何形式的轉(zhuǎn)載都請聯(lián)系作者獲得授權(quán)并注明出處。
