界面設計

《界面設計/高等院校移動應用開發新形態教材》主要內容包括UI設計基礎、用户體驗、UI設計風格、設計原則、設計配色、設計規範、圖標設計、App界面設計、網站設計等常見、常用的界面設計製作過程與工作原理。

《界面設計/高等院校移動應用開發新形態教材》以基本概念講解為基礎，結合實際案例分析，搭配設計案例視頻製作，幫助初學者熟悉軟件環境，消除初學者對設計軟件工具難以駕馭的擔心。

《界面設計/高等院校移動應用開發新形態教材》主要面向處於求學階段的設計學類的學生及由其他專業轉向界面設計的人員。

《界面設計/高等院校移動應用開發新形態教材》所涉及的案例均提供相應的講解視頻、PPT文件，為教學互動提供較為全面的技術支持。 ^[1] 

第1章 UI設計基礎

1．1 認識UI

1．1．1 PC端設計與移動端UI設計的區別

1．1．2 響應式網頁設計與自適應網頁設計

1．1．3 UI設計基礎概念

1．1．4 UI設計常用工具

1．2 UI設計與用户體驗概述

1．2．1 交互設計是什麼

1．2．2 UX（用户體驗）設計概述

1．3 UI設計風格

1．3．1 扁平化

1．3．2 擬物化

1．4 UI設計原則

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 圖標設計工具Adobeillustrator

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章 啓動圖標的設計

第5章 移動端界面設計案例

第6章 網站界面設計

參考文獻

劉娟，女，1982年生，鄭州輕工業大學藝術設計學院教師，2011年碩士畢業於鄭州輕工業大學工業設計專業。主編出版著作2部，主持橫向課題3項，參與多項省部級項目，發表論文12篇，中文核心3篇。 ^[1]