1，首先建立工程，美術按照實際的比例出圖（最好是2倍和3倍都出），不然會畫素失真；

2，如圖所示約束的物件

3，分析：需要約束的物件有，背景、貓頭鷹（樹一塊的）、選擇登入方式、登入方式按鈕、隱私條款

（1），背景：將圖片背景匯入，選中圖片，然後點選右下角的倒數第二個按鈕，新增四周約束都為0即可（如圖所示）

（2），貓頭鷹：（這張圖片是按照螢幕的寬切出來的），所以寬度就是螢幕的寬，高度也就跟著螢幕的寬度按比例縮放，整體居中偏上；

1>，約束左右距離邊距都是0(如圖所示)

2>,約束圖片居中偏上（如圖所示），

然後到右右側欄顯示尺寸的地方修改垂直居中的值設定為-50（如圖）

3>,約束圖片按照比例縮放（如圖所示），當然這一步也可以在第一步的時候做了

（3），文字和登入方式按鈕的約束，一般是將這些零散的空間都放到一個父檢視上，這樣方便管理和修改（如圖所示黃色背景）

1>,父檢視的約束（黃色背景），主要約束局兩邊的距離為30、高度為150、距離底部是5

2>,文字約束（選擇登入方式），固定距父檢視上邊距的距離為5，然後水平居中即可

3>,兩邊的線條約束，這裡是利用兩個view做的線條，只需將他的與父檢視和文字的距離、距離父檢視上邊距的距離設定好即可

左邊的線條，距離左邊0右邊文字5，先不設定y的座標

右邊的線條，距離右邊0左邊文字5，先不設定y的座標

（4），設定登入方式圖示，四個圖示的間距是一樣的，那麼就在四個圖示中間新增三個輔助的檢視（如圖所示）

1>,將它們全部選中，設定垂直居中

2>,從左只有挨個設定間距（全部是0），選中第一個檢視進行約束，後邊的只需要約束右邊的距離為0即可

3>,其實輔助的白色檢視是沒有高度的，在這裡設個高度為20

4>,這三個白色檢視的高度和寬度是一樣的，所以全部選中，設定等款登高

5>，最後就是這樣子的了

最後將螢幕換成4.7寸（6），

將所有的顏色這職位透明即可！