界面設計、交互設計行業(yè)也炙手可熱,大量設計人員涌入界面設計行業(yè),但是能將交互設計作為一種行為科學實踐,同時站在界面設計和交互產(chǎn)品層面思考的設計開發(fā)人員極度缺乏。很多設計專業(yè)的畢業(yè)生加入新媒體公司后僅僅成為美工,對整個APP開發(fā)流程可以說是零參與,對用戶體驗也不夠關注,交互界面設計僅僅停留在配色設計或者界面規(guī)范應用的層面上。交互設計是以人為中心的設計方法,本書通過理論結(jié)合案例的方式,從用戶研究、交互設計方法到界面規(guī)范等內(nèi)容進行了全面的講解。各階段的課程結(jié)合課題訓練,起到了帶動學生從理論到交互設計的核心知識應用上的作用,具有較好的教學指導價值。本書知識點較為全面,每個章節(jié)都有對應的課題訓練,能夠較好的帶動教學實踐。全書共分為5章,第1章為交互界面設計概述、第2章為用戶研究、第3章為交互設計方法、第4章為品牌與用戶界面設計、第5章為健康類APP交互界面設計案例。武漢輕工大學藝術與傳媒學院將健康設計作為學院特色辦學內(nèi)容,因此在教學項目的設置上圍繞學院建設目標進行了主題項目開發(fā)設計。本書適合數(shù)字媒體設計、產(chǎn)品設計、視覺傳達設計專業(yè)的師生作為教材或教輔書籍使用,筆者還建立了武漢輕工大學數(shù)字資源課程交互界面設計,可與本書配套使用。
交互設計是以人為中心的設計方法,本書通過理論結(jié)合案例的方式,從用戶研究、交互設計方法到界面規(guī)范等內(nèi)容進行了全面的講解。各階段的課程結(jié)合課題訓練,起到了帶動學生從理論到交互設計的核心知識應用上的作用,具有較好的教學指導價值。本書知識點較為全面,每個章節(jié)都有對應的課題訓練,能夠較好的帶動教學實踐。本書適合數(shù)字媒體設計、產(chǎn)品設計、視覺傳達設計專業(yè)的師生作為教材或教輔書籍使用,本書的作者還建立了武漢輕工大學數(shù)字資源課程交互界面設計,可與本書配套使用。
隨著移動智能終端和移動互聯(lián)網(wǎng)的普及,手機應用已經(jīng)滲透到我們生活的各個方面。界面設計、交互設計行業(yè)也炙手可熱,大量設計人員涌入界面設計行業(yè),但是能將交互設計作為一種行為科學實踐,同時站在界面設計和交互產(chǎn)品層面思考的設計開發(fā)人員極度缺乏。很多設計專業(yè)的畢業(yè)生加入新媒體公司后僅僅成為美工,對整個APP開發(fā)流程可以說是零參與,對用戶體驗也不夠關注,交互界面設計僅僅停留在配色設計或者界面規(guī)范應用的層面上。筆者近些年一直從事交互界面設計的教學工作,基于讓學生在交互界面設計上有專長、以人為中心的產(chǎn)品設計上有深刻感受的出發(fā)點,在教材的選定上頗費周折。國內(nèi)的交互設計、界面設計書籍多為國外經(jīng)典著作的譯著或界面設計案例的羅列,不適合作為系統(tǒng)的交互界面設計專業(yè)教材使用,在此背景下筆者編寫了本書。交互設計是以人為中心的設計方法,本書通過理論結(jié)合案例的方式,從用戶研究、交互設計方法到界面規(guī)范等內(nèi)容進行了全面的講解。各階段的課程結(jié)合課題訓練,起到了帶動學生從理論到交互設計的核心知識應用上的作用,具有較好的教學指導價值。本書知識點較為全面,每個章節(jié)都有對應的課題訓練,能夠較好的帶動教學實踐。本書適合數(shù)字媒體設計、產(chǎn)品設計、視覺傳達設計專業(yè)的師生作為教材或教輔書籍使用,筆者還建立了武漢輕工大學數(shù)字資源課程交互界面設計,可與本書配套使用。全書共分為5章,第1章為交互界面設計概述、第2章為用戶研究、第3章為交互設計方法、第4章為品牌與用戶界面設計、第5章為健康類APP交互界面設計案例。武漢輕工大學藝術與傳媒學院將健康設計作為學院特色辦學內(nèi)容,因此在教學項目的設置上圍繞學院建設目標進行了主題項目開發(fā)設計。全書共18萬字左右,其中康帆完成16萬字左右,陳瑩燕教授完成2萬字左右。本書的主審人為二級教授、博士生導師陳汗青教授,陳教授曾任武漢理工大學藝術與設計學院院長、教育部高校工業(yè)設計專業(yè)指導委員會委員、教育部高校藝術碩士專業(yè)指導委員會委員、中國建設環(huán)境藝術委員會副會長、湖北省教育學會藝術設計專業(yè)委員會理事長等職。陳教授是我校藝術與傳媒學院常青學者特聘教授,在百忙之中對本書的修訂提出了很多寶貴意見,更捐資30萬元人民幣設立汗青藝術教育獎勵基金,本書也受到了汗青藝術教育獎勵基金的資助,在此表示由衷的感謝。參與本書編寫的還有湖北大學的余日季老師、中南民族大學的黃雋老師、長江大學的張大慶老師、武漢輕工大學的張君麗老師、河南財經(jīng)政法大學陳倩老師、武漢體育學院的呂金龍老師、武漢科技大學的龍燕老師,感謝共同編寫的老師們與筆者一起討論大綱,并給予提供案例、整理圖片等幫助,也對所有優(yōu)秀學生作業(yè)的提供者一并表示衷心的感謝。希望通過本書,與各界人士交流學習。后,本書也受到了湖北省人文社會科學重點研究基地湖北大學文化科技融合創(chuàng)新研究中心的資助?捣谖錆h輕工大學2018年11月
第1章交互界面設計概述
1.1交互設計基本概念/2
1.2交互界面設計流程/4
1.3案例分析:支付寶用戶體驗設計流程的10個
環(huán)節(jié)/6
1.4課堂訓練:選題的確定/7
9第2章用戶研究
2.1用戶研究的意義/10
2.2用戶研究方法概述/10
2.3產(chǎn)品概念階段用戶研究方法/11
2.4產(chǎn)品設計與研發(fā)階段常用的用戶研究方法/16
2.5產(chǎn)品發(fā)布階段的用戶研究方法/18
2.6課堂訓練:關于擬設計APP的問卷調(diào)查設計與
分析/19
23第3章交互設計方法
3.1交互設計概述/24
3.2交互設計的階段與內(nèi)容/24
3.3交互設計與頁面基礎布局/29
3.4觸屏設備的交互手勢/31
3.5案例分析:趕公交APP產(chǎn)品需求與交互原型
設計/32
3.6課堂訓練:關于擬設計APP的產(chǎn)品結(jié)構(gòu)圖與交互
流程設計 /35
39第4章品牌與用戶界面設計
4.1用戶界面設計原則/40
4.2界面設計尺寸/41
4.3圖標設計/46
4.4界面設計內(nèi)容/52
4.5界面內(nèi)容的信息圖表設計/60
4.6界面配色設計/61
4.7動畫設計/64
4.8界面設計軟件Sketch /64
4.9APP視覺包裝/65
4.10切圖命名與界面設計規(guī)范/67
4.11課堂訓練:對擬設計APP進行視覺細化與品牌設計/69
71第5章健康類APP交互界面設計案例
5.1APP交互界面設計作業(yè)要求/72
5.2健康類主題的APP設計案例/73
85附錄
附錄A課程安排(64課時)/85
附錄B課程任務書(64課時)/85
附錄C故事板模板/86
附錄DiPhone X、iPhone XR手機界面網(wǎng)格模板/87
附錄E圖標設計模板/87
附錄F界面設計尺寸規(guī)范/88
89參考文獻
90結(jié)語