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