本書深入淺出講解我們常見常用的界面設計制作過程與工作原理，配以案例講解結合視頻制作，爭取達到學生所見即所學的效果。

●第1章UI設計基礎
1.1認識UI
1.1.1PC端設計與移動端UI設計的區別
1.1.2響應式網頁設計與自適應網頁設計
1.1.3UI設計基礎概念
1.1.4UI設計常用工具
1.2UI設計與用戶體驗概述
1.2.1交互設計是什麼
1.2.2UX(用戶體驗)設計概述
1.3UI設計風格
1.3.1扁平化
1.3.2擬物化
1.4UI設計原則
1.4.1經典設計法則在UI設計中的應用
1.4.2格式塔心理學在UI設計中的應用
1.5基於移動App的設計配色
1.5.1色彩搭配法則
1.5.2色彩風格舉例
1.6如何建立一套UI設計規範
1.6.1色彩控件規範
1.6.2按鈕控件規範
1.6.3分割線規範
1.6.4頭像規範
1.6.5文字規範
1.6.6間距規範
1.6.7圖標規範
第2章圖標
2.1圖標的概念
2.2圖標的類型
2.2.1工具圖標
2.2.2啟動圖標
2.3圖標的格式
2.4圖標設計工具 Adobe illustrator
2.4.1文件的創建
2.4.2矢量圖形工具
2.4.3屬性面板
2.4.4圓角工具
2.4.5路徑查找器
2.4.6形狀生成工具
第3章工具圖標的設計
3.1工具圖標的規範
3.1.1表意準確
3.1.2一致性
3.1.3格線繫統
3.2線性圖標的設計
3.2.1搜索圖標
3.2.2聊天圖標
3.2.3眼睛圖標
3.2.4心形圖標
3.2.5卡券圖標
3.2.6房屋圖標
3.3面性圖標的設計
3.3.1搜索圖標
3.3.2聊天圖標
3.3.3眼睛圖標
3.3.4心形圖標
3.3.5卡券圖標
3.3.6房屋圖標
第4章啟動圖標的設計
4.1啟動圖標的設計規範
4.1.1啟動圖標的規格
4.1.2啟動圖標的格線繫統
4.2工具型啟動圖標設計
4.3文字型啟動圖標設計
4.4輕擬物型啟動圖標設計
第5章移動端界面設計案例
5.1認識 App
5.1.1App的基本設計原則
5.1.2iOS及Android繫統界面設計規範
5.2App界面設計流程——以圖片分享App為例
5.2.1交互流程設計
5.2.2風格定位
5.2.3功能圖標設計
5.2.4界面視覺效果整體優化
5.2.5應用圖標設計
5.2.6完善App頁面
5.3電商類App設計
5.3.1首頁設計
5.3.2首頁中海報欄的制作
5.3.3首頁中圖標區的制作
5.3.4首頁中頭條板塊的制作
5.3.5彈出頁面設計
5.3.6個人中心設計
5.4音樂類App設計
5.4.1音樂播放頁面設計
5.4.2音樂類App首頁設計
第6章網站界面設計
6.1網站設計的工作流程
6.1.1原型圖
6.1.2視覺稿
6.1.3設計規範
6.1.4切圖
6.1.5前端代碼
6.1.6視覺走查(走查工具)
6.2網站類型
6.2.1門戶網站
6.2.2企業網站
6.2.3產品網站
6.2.4電商網站
6.2.5遊戲網站
6.2.6專題頁面
6.2.7視頻網站
6.2.8移動端H5
6.2.9後臺網站
6.2.10CRM繫統
6.2.11SaaS服務
6.3網站組成
6.3.1首頁
6.3.2二級頁面
6.3.3詳情頁
6.3.4廣告
6.3.5Footer區域
6.4技術原理
6.4.1基於鼠標的交互
6.4.2靜態網頁
6.4.3前端開發語言
6.4.4動態網頁
6.4.5雪碧圖
6.4.6視差滾動
6.5網頁設計規範
6.5.1畫板尺寸
6.5.2文字規範
6.5.3圖片規範
6.5.4按鈕
6.5.5表單
6.6網頁柵格設計原理和技巧
6.6.1網頁柵格繫統的必要性
6.6.2柵格繫統的基礎概念
6.6.3怎樣建立網頁柵格
6.7利用柵格繫統實現響應式設計
6.7.1什麼是響應式
6.7.2響應式的目的
6.7.3為何利用柵格繫統進行響應式設計
6.7.4利用柵格繫統實現響應式設計的步驟
6.7.5柵格化工具推薦
6.7.6常見問題解答
參考文獻

《界面設計/高等院校移動應用開發新形態教材》主要內容包括UI設計基礎、用戶體驗、UI設計風格、設計原則、設計配色、設計規範、圖標設計、App界面設計、網站設計等常見、常用的界面設計制作過程與工作原理。
《界面設計/高等院校移動應用開發新形態教材》以基本概念講解為基礎，結合實際案例分析，搭配設計案例視頻制作，幫助初學者熟悉軟件環境，消除初學者對設計軟件工具難以駕馭的擔心。
《界面設計/高等院校移動應用開發新形態教材》主要面向處於求學階段的設計學類的學生及由其他專業轉向界面設計的人員。
《界面設計/高等院校移動應用開發新形態教材》所涉及的案例均提供相應的講解視頻、PPT文件，為教學互動提供較為全面的技術支持。

劉娟,張春鵬 編