本書圍繞UI行業的發展動態，結合設計案例詳細闡述從“為什麼這樣設計”到“怎麼設計”的教學過程。為免去教師在備課的過程中花大量時間去尋找合適案例之苦，編著者根據自己多年的UI設計授課經驗，精心選擇適合職業院校學生學習和制作，且在實際工作中有用的案例來組織編寫。在設計案例實踐中強調創意思維的力量，讓讀者獲得舉一反三的學習能力。
本課程要求學生緊跟時代需求的界面設計理念與方法，了解UI設計行業及UI設計師的工作內容，理解UI設計的基礎理論知識，掌握圖標設計、網頁界面設計、App界面設計等設計方法和技巧，在UI設計中融入用戶的需求，完成符合市場需求的產品設計方案。
本書的主要特點如下。
（1）理論和實踐相結合，以教學理念為指導。本書以項目為基線，每個項目都了一些在工作過程中比較常用的、能引起學生濃厚興趣的案例賞析和設計，通過任務驅動的方式，讓學生在任務實施過程中理解和掌握理論知識，並能應用到具體作品設計的實現過程中。
（2）案例的選擇以培養學生的應用能力為目的。本書注重對學生專業技能、動手能力的培養，循序地講解核心知識點，合理安排具有代表的示例，著重介紹一些設計構思過程及制作技巧，從而具有很強的易讀、實用和可操作。
（3）融“教、學、做”於一體。本書中的主要案例和實訓項目既有設計分析，又有詳細的操作步驟，並配以知識點講解。本書從案例的構思到實現循序行詳細講解，讓讀者可以按照書本的制作步驟完成作品的制作，也能在輕松愉快的設計過程中掌握知識點並得以應用，在實踐中培養應用能力和動手能力。
（4）微課教學。本書部分知識點和案例錄制了微課，對知識點和案例做了詳細的講解，可供學生反復觀看、查漏補缺、強化鞏固，能更好地滿足學生的個化自主學習的需求，是對課堂學習的有效拓展。
本書由方旭華、王彩琴、陳超穎、陳蘇閔編著。由於編著者有限，不足之處在所難免，懇請廣大讀者指正，以便修訂時更加完善。

第1章UI設計基礎隨著移動互聯網時代的到來，傳統視覺傳達藝術逐漸被新的媒體藝術所取代。20世紀末，人們主要通過紙質媒體獲取信息和資訊；21世紀，人們越來越多地通過互聯網與世界接軌，利用互聯網生活、學習、交友；而些年，人們更多地依賴智能手機上行工作和娛樂。新技術改變了人們的生活方式。UI設計（用戶界面設計)是指對軟件的人機交互、操作邏輯、界面美觀的整體設計。UI設計分為實體UI和虛擬UI，互聯網常用的UI設計是虛擬UI。優秀的UI設計不僅讓軟件變得有個、有品位，還能讓軟件的操作變得舒適、簡單、自由，充分體現軟件的定位和特點。1.1初識UI設計1.1.1什麼是UI設計UI的概念最初來源於美國硅谷，它的英文名字是 user interface,翻譯成中文為“用戶界面”。用戶界面設計面設計、包裝設計有所不同面設計的作品有可能是一張圖或一張海報，但是UI設計的作品不是一個界面，它是由若干個界面組成的的來說，用戶界面設計對應的工作主要是視覺設計、交互設計以及用戶體驗三大部分。如果把UI比喻成一個人的形像，那視覺設計就是這個人的衣服、皮膚，交互設計就是這個人的身材和骨架，用戶體驗就是這個人的脾氣格，如圖1.1.1所示。1.1.2UI設計常用名詞UI設計分工精細，入U1行業前，必須對UI行業的專用名詞及縮行了解。UI設計中常用的名詞和縮寫定義如下。(1)UI：user interface(用戶界面)。UI是指對軟件的人機交互、操作邏輯、界面美觀的整體設計。(2）GUI：graphical user interface(圖形用戶界面）。GUI在20世紀80年代由蘋果公司首先引入PC領域，圖形界面的特點是人們不需要記憶和鍵入煩瑣的命令，隻須使用鼠標即可直接操縱界面。（3）HUI：hand user interface(手持設備用戶界面）。HUI包括智能手機板電腦掌上遊戲機等。(4）WUI：Web user interface(網頁用戶界面）。WUI包括各種網站的界面還有操作繫統的界面等。(5)IA：information architecture(信息架構）。IA研究信息的表達和傳遞。信息架構是設計信息的組織結構，一般是產品經理的工作。(6)UX：user experience(用戶體驗)。UX是指用戶使用產品、繫統或服務過程中的主觀感受，就是“這個東西好不好用，用起來方不方便”。（7）IXD：interaction design(人機交互設計）。IXD定義人造物的行為方式(人工制品在特定場景下的反應方式)以及相關的界面。(8）UCD：user centered design(以用戶為中心的設計）。UCD在設計過程中以用戶體驗為設計決策的中心，強調用戶優先的設計模式。(9)VD：visual design(視覺設計)。VD界面視覺設計簡單地說就是設計得美觀與否。(10)CD：content design(文案設計)。CD是指編輯、撰寫界面裡的文字。（11)PM：product manager(產品經理)。PM是每個產品的牽頭人，負責決策產品方向、架構和需求。1.1.3UI設計的分類根據市場的主流需求，按用戶和界面來分UI設計可分為四種，分別是PC端UI設計、移動端UI設計、遊戲UI設計以及其他UI設計。(1)PC端UI設計。PC端UI設計也是UI設計最早產生的地方。它包含計算機繫統UI設計、Web設計和各種軟件的UI設計。因為計算機顯示屏一般為19~24英，這個區域是很大的，所以首頁要多放一些內容，盡量減少層級。由於在PC上大部分操作是用鼠行的，精度比較高，所素的尺可以小一點。最後整體風格是要圖文信息展示清晰明了，有利於用戶的體驗，如圖1.1.2所示。（2）移動端UI設計。隨著移動端設備在互聯網中的地位日益重要，移動端的UI設計運用得越來越廣泛。首當其衝的就是智能手機，智能手機繫統必須需要一套UI設計。iOS和安卓兩大主流繫統都有自己的UI設計。其次是各類的App，並且各板設

……