前言

隨著科技不斷發展，各種通信及網絡連接設備與大眾生活的聯系日益密切，手機功能也越來越強大，手機的軟件系統已成為用戶直接操作的主體，因為它以美觀實用、操作便捷為用戶所青睞，所以用戶界面設計的規范性就顯得尤為重要，從而促進了UI設計行業的興盛，iOS系統和Android系統就是其中的佼佼者。

本書主要依據iOS和Android兩種操作系統的組成元素，由淺入深地講解初學者需要掌握的基礎知識和操作技巧，全面解析各種元素的具體繪制方法。本書通過制作商業綜合案例，詳細介紹了App制作的流程和技巧，使讀者能輕松學習并掌握。

內容安排

本書共6章，以下是每個章節中所包含的內容。

第1章　移動UI設計基礎，主要講解移動UI設計的平臺分類、移動UI的設計內容，還介紹了移動UI設計常用軟件、UI設計的工作流程和互聯網產品職位劃分等。

第2章　iOS系統界面設計，主要講解分辨率與界面設計尺寸、iOS系統的組件尺寸、iOS系統文字設計規范、iOS系統圖標設計規范、iOS系統內容布局、iOS系統版式設計規范、iOS系統設計適配、iOS切圖規范和提交最終文件等。

第3章　Android系統界面設計，主要講解Android系統“碎片化”、Android系統界面設計尺寸、Android系統組件設計尺寸、Android系統文字設計規范、Android系統中圖標設計規范、Android界面標注與切圖、Android系統界面適配問題和如何做到一稿兩用等。

第4章　移動UI圖標設計，主要講解圖標設計基礎、圖標柵格系統、圖標的渲染風格、圖標的透視、圖標集的制作流程、移動UI圖標設計形式、啟動圖標設計、標簽欄圖標設計和圖標設計的優點與原則等。

第5章　iOS系統界面應用設計，主要講解如何設計制作旅游App界面、外賣App界面和播放器App界面，從色彩搭配、界面布局、設計制作和適配輸出多個方面講解案例的制作流程和技巧。

第6章　Android系統界面應用設計，主要講解如何設計制作商城App界面和社交App界面，從色彩搭配、界面布局、設計制作和適配輸出多個方面講解案例的制作流程和技巧。

本書主要根據讀者學習的難易程度，以及在實際工作中的應用需求來安排章節，真正做到為讀者考慮，讓不同程度的讀者更有針對性地學習本書內容，強化自己的弱項，并能夠有效幫助UI設計愛好者提高操作效率。

本書的知識點結構清晰、內容有針對性、實例精美實用，適合大部分UI設計愛好者與設計專業的學生閱讀。隨書附贈書中所有實例的教學視頻、素材和源文件，用于補充書中遺漏的細節內容，方便讀者學習和參考。

本書特點

本書采用理論知識與操作案例相結合的教學方式，全面向讀者介紹不同類型質感的處理和表現的相關知識，以及所需的操作技巧。

通俗易懂的語言

本書采用通俗易懂的語言，向讀者全面介紹各種類型的iOS系統和Android系統界面設計所需的基礎知識和操作技巧，確保讀者能夠理解并掌握相應的功能與操作。

基礎知識與操作案例結合

本書摒棄傳統教科書的純理論式教學，采用“基礎知識+操作案例”相結合的講解模式。

最新技術與軟件

本書的案例采用最新的制作軟件Adobe XD完成移動UI的設計及原型的展示，使用Photoshop完成多個案例的制作，并使用PxCook和Cutterman分別完成標注和切圖操作，與目前行業使用的軟件一致。

多媒體資源包輔助學習

為了增加讀者的學習渠道，增強讀者的學習興趣，本書配有多媒體教學資源包。教學資源包中提供本書所有實例的相關素材和源文件，以及書中所有實例的教學視頻，讀者可以跟著本書學習相關的知識，并能夠快速應用于實際工作中。

讀者對象

本書適合UI設計愛好者、移動UI設計從業者和想進入UI設計領域的讀者朋友，以及設計專業的學生閱讀，同時對專業設計人士也有很高的參考價值。希望讀者通過本書的學習，能夠早日成為優秀的UI設計師。

本書在寫作過程中力求嚴謹，由于時間有限，書中的疏漏之處在所難免，望廣大讀者批評指正。

編著者