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），
将所有的顔色這職位透明即可！