UI設(shè)計，全稱User Interface，作為近年設(shè)計行業(yè)的新貴，越來越多的人投身于UI設(shè)計這一行，UI設(shè)計的種類很多，其中有幾類是我們?nèi)粘Ｉ钪凶畛Ｒ姷暮妥鳛樵O(shè)計師最應(yīng)該了解的。
  1.GUI
  圖形用戶界面（Graphical User Interface，縮寫為GUI）又稱圖形用戶接口，是指采用圖形方式顯示的計算機(jī)操作用戶界面。
  2.WUI
  WUI是Web User Interface的縮寫，即網(wǎng)頁設(shè)計。
  3.IXD
  Interaction Design即交互設(shè)計，縮寫為IXD。交互設(shè)計定義的是人和機(jī)器的相互“交流行為”，機(jī)器含軟件設(shè)備，同時也含硬件設(shè)備。
  交互行為是在兩個或者多個個體之間進(jìn)行相互配合，并且達(dá)到某種目的，而交互設(shè)計則是為了讓整體過程更順暢、更完善。
  4.UE/UX
  User Experience即用戶體驗(yàn)，縮寫為UE/UX，是用戶在使用產(chǎn)品的過程中建立起來的一種純主觀感受。
  UI設(shè)計和其他設(shè)計不同，不是會用軟件工具繪制幾個圖像，就稱為UI設(shè)計了。
  它需要設(shè)計師具備大量的學(xué)科知識，括認(rèn)知心理學(xué)、設(shè)計學(xué)、語言學(xué)和統(tǒng)計學(xué)等，這些知識在界面設(shè)計中扮演著重要的角色。
  就拿我們平常最常見的卡券來說，它的設(shè)計看似簡單，但也暗藏了很多要點(diǎn)，今天數(shù)藝君就以卡券設(shè)計為例，和大家一起探討探討。
  卡券界面設(shè)計
  卡券界面多出現(xiàn)于大眾消費(fèi)類和營銷類APP中，常以列表形式出現(xiàn)，可以根據(jù)活動內(nèi)容設(shè)計不同風(fēng)格。
  卡券列表：
  設(shè)計卡券列表時，既要每個活動廠商的LOGO可以凸顯出來，又不能影響界面的一致性。
  另外，如果采用單色模式設(shè)計，視覺效果一致；如果采用彩色模式設(shè)計，要考慮顏色的搭配?？此坪唵蔚慕缑妫瑢?shí)際上含了很多設(shè)計技巧。
  卡券列表界面操作實(shí)例：
  01新建文檔，設(shè)置“寬度”為750像素，“高度”為1334像素，完成后單擊“確定”按鈕。
  02導(dǎo)入導(dǎo)航欄，將其拖曳到畫布頂部，也可獨(dú)立創(chuàng)建導(dǎo)航欄，設(shè)置“寬度”為750像素，“高度”為88像素，或創(chuàng)建狀態(tài)欄，設(shè)置“寬度”為750像素，“高度”為40像素。
  03使用“圓角矩形工具”繪制圖形，設(shè)置“半徑”為20像素，“填充”顏色為（R:255，G:96，B:163）。
  04選擇“橢圓形工具”，然后按住Shift鍵繪制圓形，接著設(shè)置“填充”顏色為（R:246，G:90，B:80）。
  05使用“橢圓形工具”創(chuàng)建3個圓形，繪制一個擴(kuò)散效果，并將圓形圖層移動到紅色圓形下方，再設(shè)置“填充”顏色為白色。
  06分別選中白色圖形，設(shè)置大圓的圖層“不透明度”為6%，中圓的圖層“不透明度”為10%,小圓的圖層“不透明度”為16%。
  07導(dǎo)入LOGO圖片，拖曳到圓上，再按快捷鍵Ctrl+Alt+G添加剪貼蒙版效果。
  08使用“文字工具”輸入文本，選擇合適的字體和字號。
  09使用“矩形工具”繪制圖形，然后按住Shift鍵繪制正方形，接著選擇正方形，按快捷鍵Ctrl+T進(jìn)入自由變換模式，再旋轉(zhuǎn)45度后進(jìn)行縮放，最后按快捷鍵Ctrl+E進(jìn)行合并。
  10選擇“直接選擇工具”，然后選中菱形，在選項(xiàng)欄設(shè)置“操作路徑”為“減去頂層形狀”，接著設(shè)置“填充”顏色為（R:181，G:102，B:255）。
  11雙擊繪制的圖形，然后在彈出的對話框中選擇“投影”選項(xiàng)，接著設(shè)置“不透明度”為6%，“距離”為12像素，“大小”為0像素，再單擊“確定”按鈕，最后設(shè)置圖層的“不透明度”為96%。
  12使用“文字工具”輸入文本，選擇合適的字體和字號，再將繪制好的項(xiàng)目編組。
  13將編組項(xiàng)目水平向下復(fù)制多份，然后使用同樣的方法繪制其他的列表項(xiàng)目。
  14使用“文字工具”完善界面，至此，卡券列表就繪制完成了。可以通過變換顏色拓展出不同商戶的優(yōu)惠券，是個很有代表性的頁面練習(xí)。
  或許你要問，UI設(shè)計師分類這么多，哪一類更適合自己呢？數(shù)藝君推薦您看看BIGD出品的這本《UI設(shè)計啟示錄：創(chuàng)意＋對比＋實(shí)戰(zhàn)》。
  市面上與Photoshop有關(guān)的書籍多以介紹如何修圖為主，傾向于講解修圖工具的使用，針對UI的書則較少。
  而本書的特點(diǎn)是能讓大家看得懂、學(xué)得會，且不會覺得枯燥，讀者可以邊翻看手里的書，邊通過計算機(jī)進(jìn)行實(shí)踐學(xué)習(xí)，避免了“只會照著書做，自己創(chuàng)作時卻一頭霧水”的問題。