交互設計是以人為中心的設計方法，本書通過理論結合案例的方式，從使用者研究、交互設計方法到介面規範等內容進行了全面的講解。各階段的課程結合課題訓練，起到了帶動學生從理論到交互設計的核心知識應用上的作用，具有較好的教學指導價值。本書知識點較為全面，每個章節都有對應的課題訓練，能夠較好的帶動教學實踐。本書適合數位媒體設計、產品設計、視覺傳達設計專業的師生作為教材或教輔書籍使用，本書的作者還建立了武漢輕工大學數位資源課程“交互介面設計”，可與本書配套使用。

介面設計、交互設計行業也炙手可熱，大量設計人員湧入介面設計行業，但是能將交互設計作為一種行為科學實踐，同時站在介面設計和交互產品層面思考的設計開發人員極度缺乏。很多設計專業的畢業生加入新媒體公司後僅僅成為“美工”，對整個APP開發流程可以說是零參與，對用戶體驗也不夠關注，交互介面設計僅僅停留在配色設計或者介面規範應用的層面上。交互設計是以人為中心的設計方法，本書通過理論結合案例的方式，從使用者研究、交互設計方法到介面規範等內容進行了全面的講解。各階段的課程結合課題訓練，起到了帶動學生從理論到交互設計的核心知識應用上的作用，具有較好的教學指導價值。本書知識點較為全面，每個章節都有對應的課題訓練，能夠較好的帶動教學實踐。全書共分為5章，第1章為交互介面設計概述、第2章為用戶研究、第3章為交互設計方法、第4章為品牌與使用者介面設計、第5章為健康類APP交互介面設計案例。武漢輕工大學藝術與傳媒學院將健康設計作為學院特色辦學內容，因此在教學專案的設置上圍繞學院建設目標進行了主題專案開發設計。本書適合數位媒體設計、產品設計、視覺傳達設計專業的師生作為教材或教輔書籍使用，筆者還建立了武漢輕工大學數位資源課程“交互介面設計”，可與本書配套使用。

第1章交互介面設計概述

1.1交互設計基本概念／2

1.2交互介面設計流程／4

1.3案例分析：支付寶使用者體驗設計流程的10個

環節／6

1.4課堂訓練：選題的確定／7



9第2章用戶研究

2.1用戶研究的意義／10

2.2用戶研究方法概述／10

2.3產品概念階段使用者研究方法／11

2.4產品設計與研發階段常用的用戶研究方法／16

2.5產品發佈階段的使用者研究方法／18

2.6課堂訓練：關於擬設計APP的問卷調查設計與

分析／19



23第3章交互設計方法

3.1交互設計概述／24

3.2交互設計的階段與內容／24

3.3交互設計與頁面基礎佈局／29

3.4觸屏設備的交互手勢／31

3.5案例分析：“趕公交”APP產品需求與交互原型

設計／32

3.6課堂訓練：關於擬設計APP的產品結構圖與交互

流程設計 ／35



39第4章品牌與使用者介面設計

4.1使用者介面設計原則／40

4.2介面設計尺寸／41

4.3圖示設計／46

4.4介面設計內容／52

4.5介面內容的資訊圖表設計／60

4.6介面配色設計／61

4.7動畫設計／64

4.8介面設計軟體——Sketch ／64

4.9APP視覺包裝／65

4.10切圖命名與介面設計規範／67

4.11課堂訓練：對擬設計APP進行視覺細化與品牌設計／69



71第5章健康類APP交互介面設計案例

5.1APP交互介面設計作業要求／72

5.2健康類主題的APP設計案例／73



85附錄

附錄A課程安排(64課時)／85

附錄B課程任務書(64課時)／85

附錄C故事板範本／86

附錄DiPhone X、iPhone XR手機介面網格範本／87

附錄E圖示設計範本／87

附錄F介面設計尺寸規範／88



89參考文獻





90結語

隨著移動智慧終端機和移動互聯網的普及，手機應用已經滲透到我們生活的各個方面。介面設計、交互設計行業也炙手可熱，大量設計人員湧入介面設計行業，但是能將交互設計作為一種行為科學實踐，同時站在介面設計和交互產品層面思考的設計開發人員極度缺乏。很多設計專業的畢業生加入新媒體公司後僅僅成為“美工”，對整個APP開發流程可以說是零參與，對用戶體驗也不夠關注，交互介面設計僅僅停留在配色設計或者介面規範應用的層面上。筆者近些年一直從事交互介面設計的教學工作，基於讓學生在交互介面設計上有專長、以人為中心的產品設計上有深刻感受的出發點，在教材的選定上頗費周折。國內的交互設計、介面設計書籍多為國外經典著作的譯著或介面設計案例的羅列，不適合作為系統的交互介面設計專業教材使用，在此背景下筆者編寫了本書。交互設計是以人為中心的設計方法，本書通過理論結合案例的方式，從使用者研究、交互設計方法到介面規範等內容進行了全面的講解。各階段的課程結合課題訓練，起到了帶動學生從理論到交互設計的核心知識應用上的作用，具有較好的教學指導價值。本書知識點較為全面，每個章節都有對應的課題訓練，能夠較好的帶動教學實踐。本書適合數位媒體設計、產品設計、視覺傳達設計專業的師生作為教材或教輔書籍使用，筆者還建立了武漢輕工大學數位資源課程“交互介面設計”，可與本書配套使用。全書共分為5章，第1章為交互介面設計概述、第2章為用戶研究、第3章為交互設計方法、第4章為品牌與使用者介面設計、第5章為健康類APP交互介面設計案例。武漢輕工大學藝術與傳媒學院將健康設計作為學院特色辦學內容，因此在教學專案的設置上圍繞學院建設目標進行了主題專案開發設計。全書共18萬字左右，其中康帆完成16萬字左右，陳瑩燕教授完成2萬字左右。本書的主審人為二級教授、博士生導師陳汗青教授，陳教授曾任武漢理工大學藝術與設計學院院長、教育部高校工業設計專業指導委員會委員、教育部高校藝術碩士專業指導委員會委員、中國建設環境藝術委員會副會長、湖北省教育學會藝術設計專業委員會理事長等職。陳教授是我校藝術與傳媒學院“常青學者”特聘教授，在百忙之中對本書的修訂提出了很多寶貴意見，更捐資30萬元人民幣設立“汗青藝術教育獎勵基金”，本書也受到了“汗青藝術教育獎勵基金”的資助，在此表示由衷的感謝。參與本書編寫的還有湖北大學的余日季老師、中南民族大學的黃雋老師、長江大學的張大慶老師、武漢輕工大學的張君麗老師、河南財經政法大學陳倩老師、武漢體育學院的呂金龍老師、武漢科技大學的龍燕老師，感謝共同編寫的老師們與筆者一起討論大綱，並給予提供案例、整理圖片等?明，也對所有優秀學生作業的提供者一併表示衷心的感謝。希望通過本書，與各界人士交流學習。後，本書也受到了湖北省人文社會科學重點研究基地“湖北大學文化科技融合創新研究中心”的資助。康帆于武漢輕工大學2018年11月