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