很多UI新手在開(kāi)始學(xué)習(xí)的時(shí)候，不明白控件的名字是什么，字體應(yīng)該多大，截圖適配哪些，有時(shí)還有哪些等等，一系列令人頭疼的問(wèn)題擺在面前他們，就像來(lái)到BMW一樣，明天會(huì)為大家介紹入門(mén)級(jí)的設(shè)計(jì)規(guī)范，幫助大家快速上手，所以比較基礎(chǔ)。 作為一名專(zhuān)業(yè)的UI設(shè)計(jì)師，我們應(yīng)該溫故知新。 下面我就和大家一起去學(xué)習(xí)iOS，設(shè)計(jì)規(guī)范，適配問(wèn)題做一個(gè)全面的梳理和準(zhǔn)備。

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

蘋(píng)果自2007年1月9日發(fā)布Max以來(lái)，已經(jīng)經(jīng)歷了十三代產(chǎn)品，19年9月11日推出的11、11Pro、沒(méi)有新的規(guī)格，設(shè)計(jì)人員沒(méi)有額外的工作量。 還是按照之前的做法：750*（@2x）或者（375*667pt，@1x）做設(shè)計(jì)稿，然后提供@2x，@3x裁剪圖。

以下是歷代蘋(píng)果手機(jī)產(chǎn)品列表（說(shuō)說(shuō)你擁有過(guò)哪幾代產(chǎn)品，歡迎留言交流）

一代：

第二代：

三代：

四代：4

五代：4s

六代：5

第七代：5s、5c

八代：, Plus

九代：6s、

十代：, Plus

第十一代： , Plus, X

十二代：XS、XSMax、XR

十三代：、、Max

如何有效記憶iOS設(shè)計(jì)規(guī)范，這里我總結(jié)了一個(gè)方法《iOS五點(diǎn)兩圖記憶法》，即五點(diǎn)+兩張圖。

1、設(shè)計(jì)規(guī)范：@1x（@2x）為基準(zhǔn)設(shè)計(jì)。

2.設(shè)計(jì)工具：Adobe XD，

3.預(yù)覽效果：、或

4.圖像切割輸出：@2x@3x 兩組

5.標(biāo)注工具：Blue Lake

測(cè)試你：

1、如何快速做出尺寸的設(shè)計(jì)稿？

2、@2倍圖被開(kāi)發(fā)成@3倍會(huì)有什么后果？

3、為什么要用@1倍圖做設(shè)計(jì)？ （后面也有詳細(xì)解答）

4.文本顯示為34px在上也是34px嗎？

在解釋里面的問(wèn)題的時(shí)候，這里我們先著重理解PX和PT這兩個(gè)單位，搞清楚為什么UI設(shè)計(jì)推薦使用雙圖，這樣設(shè)計(jì)才能以不變應(yīng)萬(wàn)變。 （注：這部分內(nèi)容是根據(jù)靜態(tài)老師的總結(jié)優(yōu)化而來(lái)）

PX大家可能比較熟悉，PX是英文pixel的縮寫(xiě)。 最簡(jiǎn)單的理解就是找一個(gè)放大鏡（不是筆記本里的放大鏡，而是真正的放大鏡），然后對(duì)準(zhǔn)自己面前的顯示器或者手機(jī)屏幕觀看。 大多數(shù)顯示器在放大鏡下會(huì)出現(xiàn)點(diǎn)狀。 這就是我們通常所說(shuō)的像素概念。 在化學(xué)碼率的顯示中，垂直分布1920個(gè)點(diǎn)，水平分布1080個(gè)點(diǎn)。 這種點(diǎn)通過(guò)顯示器的光學(xué)特性為我們合成不同的圖像。

請(qǐng)注意，在不同規(guī)格的顯示器上，這些點(diǎn)的單位面積是不一樣的。 比如22寸1080p液晶顯示器和27寸1080p液晶顯示器，可以發(fā)現(xiàn)兩款顯示器的像素分布是27寸顯示器的顯示效果明顯不如22寸英寸顯示器。 LCD 面板中的“像素”大小不同。

可見(jiàn)，像素的單位是一個(gè)相對(duì)單位，不能用分米、毫米等絕對(duì)計(jì)量單位來(lái)判斷它的寬度或長(zhǎng)度，因?yàn)?個(gè)像素只代表一個(gè)單位的“點(diǎn)”。

另一個(gè)重要的單位是PT，英文point的縮寫(xiě)。 這個(gè)單位也是iOS開(kāi)發(fā)過(guò)程中使用的單位。 與 px 等相對(duì)單位不同，PT（點(diǎn)）是絕對(duì)單位。 英文名稱(chēng)為“磅因數(shù)（或Pound）”（1PT=1/72 inch）。

同樣用一個(gè)簡(jiǎn)單直觀的計(jì)數(shù)器例子來(lái)演示，拿兩個(gè)不同的模型，比如一個(gè)ip11和一個(gè)Max，打開(kāi)同一個(gè)應(yīng)用（比如QQ音樂(lè)），準(zhǔn)備一個(gè)尺子，用尺子檢測(cè)最文本規(guī)范上面的標(biāo)題“音樂(lè)廳”。 經(jīng)過(guò)測(cè)試，可以發(fā)現(xiàn)不同型號(hào)的“音樂(lè)廳”字樣規(guī)格是一樣的。 也可以讓iOS開(kāi)發(fā)者寫(xiě)兩個(gè)相同的適配不同規(guī)格型號(hào)的文件，分別安裝在兩部手機(jī)上，保證這個(gè)文件中的字體使用一個(gè)字號(hào)（30PT）。 在這兩款手機(jī)中運(yùn)行并使用卷尺進(jìn)行測(cè)試，我們發(fā)現(xiàn)它們的化學(xué)規(guī)格完全相同。

請(qǐng)記住px是相對(duì)單位，pt是絕對(duì)單位（類(lèi)似的單位有分米、毫米等）。 在不確定屏幕密度的情況下，沒(méi)有 px 和 pt 之間的比較。

在開(kāi)發(fā)工程師看來(lái)，如果你用750px的幀率畫(huà)圖，如果你在設(shè)計(jì)稿中按照原來(lái)的尺寸標(biāo)注規(guī)格，在開(kāi)發(fā)環(huán)境中也會(huì)被轉(zhuǎn)換成兩倍的規(guī)格。 比如你把字體大小標(biāo)記為 40px ，那么開(kāi)發(fā)工程師最后在代碼中寫(xiě)的就是 20pt ，這是一個(gè)乘以 2 的關(guān)系。而且，如果你使用雙倍的基礎(chǔ)幀率來(lái)繪制，那么你就不會(huì)不需要乘以2，所有規(guī)格的開(kāi)發(fā)工程師都可以直接拿來(lái)隨意使用。

現(xiàn)在，XD和Figma是中國(guó)聯(lián)通的純矢量ui設(shè)計(jì)軟件。 無(wú)論是設(shè)計(jì)還是后期與開(kāi)發(fā)工程師的合作，都嚴(yán)格遵循開(kāi)發(fā)原則。 這些設(shè)計(jì)方法可以最大限度地再現(xiàn)設(shè)計(jì)稿，減少文件。 體積和系統(tǒng)資源消耗，無(wú)論從哪個(gè)角度來(lái)看，都是設(shè)計(jì)師在制作UI界面時(shí)的明智選擇。

最后，讓我們總結(jié)一下激勵(lì)措施。 設(shè)計(jì)者采用雙基準(zhǔn)規(guī)范來(lái)繪制，主要是單位換算方便，輸出方便，理解簡(jiǎn)單。 對(duì)于工程師來(lái)說(shuō)，他們不再需要進(jìn)行復(fù)雜的轉(zhuǎn)換，這有助于完美地再現(xiàn)設(shè)計(jì)稿。

1.引導(dǎo)頁(yè)

導(dǎo)覽頁(yè)為完整圖片，無(wú)法適配，需另行制作設(shè)計(jì)圖。 iOS 總共需要提供 6 套規(guī)范。 事實(shí)上，它也支持視頻。 （目前5以下改編基本淘汰）

2.圖標(biāo)

可根據(jù)規(guī)范制作APP應(yīng)用圖標(biāo)設(shè)計(jì)。 然后利用現(xiàn)成的規(guī)范模板資源，生成一套完整的規(guī)范，一鍵導(dǎo)入。 （模板鏈接：）

注意：最終提交給程序員的切圖是一個(gè)直角的非圓角圖標(biāo)，像畫(huà)框一樣適合框架sketch安卓圖標(biāo)模版，沒(méi)有切圓角！

設(shè)備名稱(chēng)

應(yīng)用圖標(biāo)

應(yīng)用商店圖標(biāo)

圖標(biāo)

設(shè)置圖標(biāo)

,,X,Xs,8P,7P,6sP,6P

像素

像素

像素

87x87 像素

,XR,8,7,6s,6,SE,5s,5c,5,4s,4

像素

像素

80x80 像素

58x58 像素

1,3G,3GS

57x57 像素

像素

29x29 像素

29x29 像素

.9,10.5

像素

像素

80x80 像素

58x58 像素

&2,Mini2&4,3&4

像素

像素

80x80 像素

58x58 像素

iPad1,2,Mini1

76x76 像素

像素

40x40 像素

29x29 像素

其他設(shè)備圖標(biāo)規(guī)范

3.狀態(tài)欄和導(dǎo)航欄

狀態(tài)欄：顯示時(shí)間、操作者信息、電池電量等信息區(qū)。 （短發(fā)區(qū)）

導(dǎo)航欄：狀態(tài)欄下方的區(qū)域，包括頁(yè)面標(biāo)題、功能圖標(biāo)等信息區(qū)域。

狀態(tài)欄和導(dǎo)航欄通常是集成在一起的。 現(xiàn)在流行大標(biāo)題導(dǎo)航欄的設(shè)計(jì)，就是加強(qiáng)導(dǎo)航欄的高度，整合頁(yè)面內(nèi)容的標(biāo)題。 當(dāng)內(nèi)容向上滑動(dòng)時(shí)，大標(biāo)題回到正常的導(dǎo)航高度。

（大標(biāo)題導(dǎo)航欄的高度通常為116pt（232px），其中包括20pt（40px）狀態(tài)欄的高度，也可以容納34pt（68px）的大標(biāo)題和輔助信息（如返回圖標(biāo)）。

導(dǎo)航欄中的元素必須遵循以下對(duì)齊原則：

1.返回按鈕必須右對(duì)齊。

2、當(dāng)前界面的標(biāo)題必須在導(dǎo)航欄中間。 （現(xiàn)在也有左對(duì)齊）

3.其他控制按鈕必須靠左對(duì)齊。

4.標(biāo)簽欄

Tab bar：Tab欄，就是最上面的一個(gè)快速入口。 在iOS規(guī)范中，Tab欄通常有五個(gè)、四個(gè)或三個(gè)圖標(biāo)，一般不會(huì)超過(guò)五個(gè)。 有“純圖標(biāo)標(biāo)簽”、“圖標(biāo)加文字標(biāo)簽”和“文字標(biāo)簽”三種方式。 高度為98px（雙圖），最小文本為20px，圖標(biāo)大小為60px。

5.上傳頁(yè)面

當(dāng)程序上傳到時(shí)，我們需要提供多張App截圖，方便用戶(hù)了解App的功能。 這里需要提供1242x和1125x的兩組截圖，并且還支持視頻模式。 （陌陌目前使用五個(gè)靜態(tài)頁(yè)面）

陌陌上傳截圖

6.字體

英文字體：SC，英文字體：，SFUI，其中適合大于19pt的文字，SFUI適合小于20pt的文字。 一些-only需要使用思源宋字進(jìn)行設(shè)計(jì)。 其他字體大小和粗細(xì)請(qǐng)參考iOS。

平方字體鏈接：

提取碼：uvlp

注：以下字號(hào)pt單位適用于@1x雙圖，10pt（20px）是手機(jī)端顯示的最小字體，最大字體應(yīng)該是當(dāng)前標(biāo)題字體，達(dá)到34pt（68px）。

元素

字重

字體大?。╬t）

利潤(rùn)

字寬

標(biāo)題

34pt

41pt

11pt

標(biāo)題 1

28pt

34pt

13pt

標(biāo)題 2

22pt

28pt

16pt

標(biāo)題 3

20pt

24pt

19pt

頭條新聞

半粗體

17pt

22pt

-24pt

文本

17pt

22pt

-24pt

標(biāo)記

16pt

21pt

-20pt

字幕

15pt

20pt

-16pt

筆記

13pt

18pt

-6pt

注1

12pt

16pt

0點(diǎn)

筆記2

11pt

13pt

6pt

七、顏色

屏幕顯示的色域比我們畫(huà)圖時(shí)的RGB色域要寬。 因此，任何顏色都可以在網(wǎng)站上設(shè)計(jì)，只要符合產(chǎn)品的智能性，但在色彩心理學(xué)理論的范圍內(nèi)。 官方推薦的系統(tǒng)配色如下：

系統(tǒng)顏色

8. 控制

控件包括：輸入框、按鈕、滑塊、頁(yè)卡、開(kāi)關(guān)等，這些都已經(jīng)在設(shè)計(jì)模板中列出來(lái)了。

下載鏈接：

為了讓設(shè)計(jì)更符合產(chǎn)品整體品牌基調(diào)，可以重新設(shè)計(jì)這個(gè)控件。

但是你要注意兩點(diǎn)：第一，點(diǎn)擊區(qū)域基本符合44pt（88px）的原則，也就是手機(jī)上的尺寸在7mm-9mm左右，適合中指點(diǎn)擊。 第二，設(shè)計(jì)不同的運(yùn)行狀態(tài)，而不是只有一種狀態(tài)。

44pt（88px）在控件中無(wú)處不在

之前我們介紹過(guò)，人的手臂點(diǎn)擊區(qū)域是7mm-9mm，在@2x中就是44pt（88px）。 Apple 的導(dǎo)航欄、列表和工具欄都包含神秘?cái)?shù)字 44pt (88px)。 我們還確保在設(shè)計(jì)時(shí)考慮到腳趾點(diǎn)擊區(qū)域。

到處都是 44pt (88px)

九、界面設(shè)計(jì)原則

1.行間距和寬度（@2x）

在中國(guó)聯(lián)通終端頁(yè)面的設(shè)計(jì)中sketch安卓圖標(biāo)模版，頁(yè)面元素的行間距和寬度的設(shè)計(jì)規(guī)范非常重要。 一個(gè)頁(yè)面是否美觀、簡(jiǎn)潔、通透與行距、間距的設(shè)計(jì)規(guī)范密切相關(guān)。

全局行間距（iOS13，@2x）

全局行間距是指頁(yè)面內(nèi)容到屏幕邊緣的距離。 整個(gè)應(yīng)用的界面應(yīng)該以此來(lái)規(guī)范，達(dá)到頁(yè)面整體視覺(jué)效果的統(tǒng)一。 在實(shí)際應(yīng)用中，應(yīng)根據(jù)不同的產(chǎn)品知識(shí)采用不同的行距，使行距成為界面的一種設(shè)計(jì)語(yǔ)言。 全局行間距的設(shè)置可以更好的引導(dǎo)用戶(hù)豎直向上閱讀。 也沒(méi)有行間距，一般用在卡片布局中，用來(lái)展示圖片。 這些圖片顯示的設(shè)置方式，讓用戶(hù)更容易將注意力集中在每個(gè)圖文本身的內(nèi)容上。

iOS原生頁(yè)面“”和“”的行間距都是40px。 (@2x)

陌陌和支付寶的行間距是32px。 (@2x)

卡片寬度

卡片布局是聯(lián)通頁(yè)面設(shè)計(jì)中非常常見(jiàn)的一種布局形式。 至于卡片之間的距離，需要根據(jù)界面的風(fēng)格和卡片承載的信息量來(lái)劃分。 一般最小不高于16px，太小了。 寬度會(huì)讓用戶(hù)緊張。 最常用的寬度是 20px、24px、30px、40px。 事實(shí)上，寬度不應(yīng)該太大。 過(guò)大的寬度會(huì)使界面看起來(lái)松散。 寬度的顏色設(shè)置可以和分界線保持一致，也可以多改。 較淺。

以iOS（750*）為例，設(shè)置頁(yè)面卡片寬度為70px，通知中心承載的信息較多，所以卡片寬度采用較小的16px。

卡片寬度設(shè)置靈活多變。 必須根據(jù)產(chǎn)品的智能和實(shí)際需要來(lái)設(shè)置。 平時(shí)可以多截圖看看各個(gè)app的卡片寬度是怎么設(shè)置的。 設(shè)置自然會(huì)變得更加合理和得心應(yīng)手。

內(nèi)容寬度

一個(gè)APP不僅有各種欄（狀態(tài)欄、導(dǎo)航欄、標(biāo)簽欄、工具欄）和控件圖標(biāo)，還有內(nèi)容。 有多種方式來(lái)布置內(nèi)容。 我們不會(huì)在這里解釋內(nèi)容應(yīng)該如何布局。 說(shuō)說(shuō)吧先說(shuō)說(shuō)內(nèi)容的寬度設(shè)置。

格式塔就近原則：

各個(gè)元素之間的相對(duì)距離會(huì)影響我們的感知，彼此靠近的元素看起來(lái)屬于一個(gè)組，而那些相距較遠(yuǎn)的元素則被手動(dòng)定義在組外。 看右圖，左圖中的圓在水平方向上比垂直距離更近。 這樣，我們看到了 4 行點(diǎn)，而下圖看到了 4 列。

在UI設(shè)計(jì)中對(duì)內(nèi)容進(jìn)行布局時(shí)，一定要注意應(yīng)用鄰接原則

2.內(nèi)容布局

APP設(shè)計(jì)中布局內(nèi)容的方式有很多種。 下面介紹兩種最常用的布局方式，列表布局和卡片布局。

列表布局

列表式布局非常普遍。 當(dāng)你隨意打開(kāi)一個(gè)應(yīng)用時(shí)，這種布局基本??上是存在的。 特點(diǎn)在于是否可以在較小的屏幕上顯示多條信息，用戶(hù)可以通過(guò)上下滑動(dòng)的手勢(shì)獲得大量的信息反饋。 這也是一個(gè)特別通俗易懂的介紹。

卡片布局

這些布局方式都比較靈活。 其特點(diǎn)是每張卡片的內(nèi)容和方法相互獨(dú)立，互不干擾，因此不同的卡片可以出現(xiàn)在同一個(gè)頁(yè)面上承載不同的內(nèi)容。 卡片式布局比較新潮前衛(wèi)，在很多toC產(chǎn)品中經(jīng)常使用。 另外，雙欄卡片的布局在以圖片信息為主的App中也很常見(jiàn)，比如一些商城的商品展示頁(yè)。 這些方法可以在一屏中顯示更多內(nèi)容（至少 4 張卡片）。 同時(shí)，由于左右欄的顯示是分開(kāi)的，用戶(hù)可以更方便地比較左右欄中卡片的內(nèi)容。

3.界面圖片設(shè)計(jì)比例

在UI設(shè)計(jì)中，圖片的大小和比例并沒(méi)有嚴(yán)格的標(biāo)準(zhǔn)。 設(shè)計(jì)師往往根據(jù)經(jīng)驗(yàn)和感覺(jué)來(lái)設(shè)定一個(gè)好看的尺寸，但其實(shí)我們是有規(guī)律可循的。 可以通過(guò)科學(xué)的手段設(shè)置圖片規(guī)格來(lái)獲得最優(yōu)解。 常見(jiàn)的圖片規(guī)格有16:9、4:3、3:2、1:1和1:0.618（黃金比例）。

4.APP版面設(shè)計(jì)規(guī)范

版面設(shè)計(jì)也叫版面編輯，即在有限的版面空間內(nèi)，將版面的組成部分（文本、圖片、控件）按照特定的內(nèi)容進(jìn)行組合、排列。 一個(gè)優(yōu)秀的排版應(yīng)該考慮到用戶(hù)的閱讀習(xí)慣和設(shè)計(jì)美學(xué)。 UI設(shè)計(jì)中布局設(shè)計(jì)的基本原則是什么？

對(duì)齊

對(duì)齊是整個(gè)布局設(shè)計(jì)中最基本和最重要的原則之一。 它可以構(gòu)建整齊規(guī)則的形狀，為用戶(hù)帶來(lái)有序一致的瀏覽體驗(yàn)。

對(duì)稱(chēng)

對(duì)稱(chēng)是對(duì)立統(tǒng)一規(guī)律的本質(zhì)屬性，呈現(xiàn)出一種和諧自然的美。 在應(yīng)用界面的設(shè)計(jì)上，引導(dǎo)頁(yè)、注冊(cè)登錄輸入框和按鈕的設(shè)計(jì)都是對(duì)稱(chēng)的設(shè)計(jì)。

團(tuán)體

物以類(lèi)聚。 分組就是將同類(lèi)信息組合在一起，直觀地呈現(xiàn)在用戶(hù)面前。 這樣的設(shè)計(jì)可以減輕用戶(hù)的認(rèn)知負(fù)擔(dān)。 中國(guó)聯(lián)通終端界面設(shè)計(jì)中最常見(jiàn)的分組方式是卡片，為用戶(hù)提供有針對(duì)性、清晰的瀏覽體驗(yàn)。

10.切圖命名規(guī)范

最后，切圖需要以規(guī)范的格式命名，方便程序員查找。 建議切圖命名格式全部為中文。 如果你的中文不好，你需要想辦法提高一點(diǎn)簡(jiǎn)單的詞匯量。 使用上述工具切圖后，需要整理切圖的名稱(chēng)，也可以先給視口命名再切圖。 下面是圖片切割元素的中英文對(duì)比：

切圖命名對(duì)照表

之后，我們需要根據(jù)“tatus@”來(lái)命名每個(gè)切片。 比如我們的導(dǎo)航欄上有一個(gè)搜索圖標(biāo)，那么它的名字就是：

aault@2x.png

(@2x.png)

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

然后，上去看看設(shè)計(jì)規(guī)范。 這里只是總結(jié)了規(guī)范中的一些關(guān)鍵信息。 更詳細(xì)的信息就不多說(shuō)了。 網(wǎng)上已經(jīng)有不少大鱷出過(guò)這樣的文章，大家可以自行搜索。

1.開(kāi)發(fā)單位為DP和SP

DP： 特定的寬度單位。

以屏幕為標(biāo)志，則1DP=1PX

估算公式：/160=px

例子：以()為例，/160=2px

SP： 專(zhuān)用字體單元。

以屏幕為標(biāo)志，則1SP=1PX

估算公式：/160=px

例子：以()為例，/160=2px

2. 設(shè)計(jì)規(guī)范：作為設(shè)計(jì)稿的標(biāo)準(zhǔn)規(guī)范

1.從中間規(guī)格向下適配，接口調(diào)整范圍最小，適配最方便。

2、在大屏?xí)r代，仍然以小規(guī)格作為設(shè)計(jì)規(guī)范，會(huì)限制設(shè)計(jì)師的設(shè)計(jì)視野。

3、使用主流規(guī)范制作設(shè)計(jì)稿規(guī)范，大大提高視覺(jué)還原等模型適配。

3. 安卓圖標(biāo)規(guī)范

4.安卓字體

英語(yǔ): /

英語(yǔ)：

尺寸：主題文字36-34px 正文28-26px 提示文字24-22px

宋思遠(yuǎn)字體

密碼：jd31

五、切割規(guī)范

1.切割規(guī)格必須是單數(shù)

2. 單像素圖像邊緣會(huì)模糊

一般情況下，我們只需要提供3套切圖資源就可以滿(mǎn)足工程師的適配，即HDPI，XHDPI，3套切圖資源。 現(xiàn)在用figma,,xd不用自動(dòng)切圖直接解放右手很方便！

iOS的設(shè)計(jì)稿如何適配

現(xiàn)在大部分公司受限于人力、物力，無(wú)法將iOS和的設(shè)計(jì)稿全部落地，出現(xiàn)一稿兩用的情況； 設(shè)計(jì)師使用iOS版的設(shè)計(jì)稿適配，下面我們來(lái)看一組有趣的物理轉(zhuǎn)換題：

1080/1.5=720，720/1.5=480，1242*2208/1.15=1080*1920，也就是說(shuō)1242*2208（iOS@3倍規(guī)格）和1080*1920（規(guī)格）可以等比例縮放區(qū)別，因此可以共享iOS和1242*的規(guī)格。 為此，可以采用 iOS 設(shè)計(jì)規(guī)范進(jìn)行設(shè)計(jì)。 （前提是你必須和工程師溝通清楚）

另一種方法是將750×比例調(diào)整為 1080×，微調(diào)各個(gè)控件，重新提供指示（以dp表示）。 也就是說(shuō)，需要提供兩套指示，一套針對(duì)iOS，一套針對(duì)iOS。

iOS開(kāi)發(fā)語(yǔ)言

作為一名iOS開(kāi)發(fā)工程師，最重要的三個(gè)工具是：-C、Swift、UIKit框架。 -C是目前效率最高的語(yǔ)言； 而且Swift開(kāi)發(fā)效率很高。 通常iOS工程師會(huì)選擇這兩種語(yǔ)言中的一種作為開(kāi)發(fā)工具。 UIKit是蘋(píng)果系統(tǒng)自帶的一套框架。 在這個(gè)框架中，有用于設(shè)置按鈕、滑塊、狀態(tài)欄、電池電源和鍵盤(pán)的套接字。 所以我們看到在很多第三方APP的界面中，有很多控件是和蘋(píng)果自己的程序一致的，這是UIKit的功勞。

iOS開(kāi)發(fā)中的單位是pt

750×1334規(guī)格的換算關(guān)系是1pt=2px，也就是說(shuō)程序員收到我們標(biāo)注draft的px單位減去2得到pt。 （這也是為什么推薦設(shè)計(jì)師使用@1倍圖來(lái)制作設(shè)計(jì)稿的原因）

參考資料和資源下載

蘋(píng)果開(kāi)發(fā)者中心網(wǎng)址：

蘋(píng)果人機(jī)交互規(guī)范：

iOS設(shè)計(jì)資源下載：

iOS控件下載地址：

屏幕規(guī)格規(guī)范資源：

PS藍(lán)湖插件下載：

插件下載：

Blue 手機(jī)預(yù)覽APP下載：

藍(lán)湖手動(dòng)同步云盤(pán)團(tuán)隊(duì)協(xié)作：

長(zhǎng)按加入U(xiǎn)I設(shè)計(jì)群↓

如有侵權(quán)請(qǐng)聯(lián)系刪除！