首先匯入NGUI package，這裡我們選用的是2.6.3版本的NGUI。在unity工程視窗中點選右鍵選擇 Importpackage àcustom package，選擇你下載的NGUI外掛，匯入完成後效果如圖: １．選擇選單NGUIàOpen the UI Wizard,彈出建立UI對話方塊。點選Layer視窗右邊對應的按鈕，彈出層選擇對話方塊，在這裡我們選擇AddLayer 新建Layer視窗中，我們新建一個叫NGUI的Layer，新增Layer之後 再次回到UITool視窗，更改介面Layer為NGUI 在下面的Camera選項中有None，Simple2D，Advanced

3d選項，分別用於建立不帶camera的介面（這裡如果已經有一個UI介面，我們只是想新增一個新的介面，可以選擇這個），簡單的2D介面（此選項沒有Z軸效果），高階3D介面（此選項下的介面有Z軸效果，並且可以3D旋轉，以此選項建立的UI有自適應解析度的功能）。 在這裡我們先建立一個Simple2D介面，選擇好之後點選下面的Create Your UI按鈕，建立一個UI。程式會自動為我們建立一個有節點層級關係的一些物體，如圖，分別是UI根節點，，一個相機節點，一個錨點節點，和一個用於盛放按 鈕等UI的Panel節點我們現在可以不用管這些節點的功能和作用，只要記住Panel節點即可，以後我們建立的所有按鈕等UI都放在Panel層級下。

建立UI元素，選擇選單NGUIàOpen the Widget Wizard,彈出建立UI元素對話方塊 首先是Atlas視窗，Atlas就是一個大的圖片，裡面用於存放我們需要用到的各種圖示。在後面我們將講解怎麼建立自己的Atlas,Font是我們建立UI時用到的字型，Template可以允許我們選擇要建立的UI型別，包括Label，Spirit等等，如圖 我們可以使用NGUI自帶的一些Atlas，如圖是NGUI自帶的一些Atlas，其中帶有Font字樣的是字型Atlas。 這裡Atlas我選擇Fantasy Atlas，Font選擇Fantasy Atlas –Font Normal，在專案視窗中選擇Fantasy Atlas拖到Atlas中，選擇Fantasy Atlas –FontNormal，拖放到Font中，

在Template中，我們選擇 Spirit，Spirit選項讓我們選擇需要建立的圖示，這裡我們選擇smooth，Pivot預設的center ,然後確保AddTo右邊的選項是我們要新增到的Panel中，如果不是，我們可以在Inspector中點選選中panel，NGUI會自動為我們切 換。最後點選AddTo，NGUI會在Panel節點下建立一個名稱為Sprite (Smooth)的spirit。屬性視窗如圖： 1.      這裡的atlas，Spirit，Pivot都是剛才建立的時候已經選擇好的，如果不滿意可以在這裡修改。 Depth可以控制我們的圖示向前或者向後偏移，例如如果我們想要某個圖示在另一個圖示的上方，我們可以把它的Depth設定更大。 Correction主要用於修正因圖示畫素是奇數而出現的問題。 Color Tint可以在圖示顏色的基礎上為圖示著色， Clipboard是剪貼版的顏色，當我們選擇一個Cilpboard顏色後，點選Paste可以將顏色貼上到ColorTint的顏色上。 Spirit Type表示要建立的Spirit平鋪方式，包括Simple，Sliced，Tiled，Filled。如果圖示較小，我們需要平鋪很大，但是又不想看出重複，可以選擇sliced。

這裡我們選擇sliced，Fillcenter選擇預設。然後修改Spirit的縮放值。我們可以選擇不同的SlicedType檢視不同選項的效果。如圖所示:

其中前三種選項大致一樣，只有第四種Filled選項下又包括Fill Dir（填充方向），FillAmount（填充量），Invert Fill（反轉填充）三個選項，這三個主要用於修改填充為360旋轉填充，水平，垂直填充等，大家可以自己試驗一下效果。