本書涉及互動媒體UI設(shè)計各個層面的知識點,從UI設(shè)計、網(wǎng)絡(luò)與網(wǎng)頁、網(wǎng)頁設(shè)計、網(wǎng)頁設(shè)計制作應(yīng)用四個方面進(jìn)行闡述,分層次、分角度、全方面、多角度地講解所有方面:
分別介紹了UI概念、動畫媒體游戲UI、瀏覽器元素設(shè)計、網(wǎng)絡(luò)媒體和移動媒體。本書不僅適合于UI設(shè)計師、網(wǎng)頁設(shè)計師、廣告從業(yè)者和與網(wǎng)頁設(shè)計課程相關(guān)的專業(yè)人士閱讀,也適合于初學(xué)者及網(wǎng)頁設(shè)計愛好者閱讀。
適讀人群 :大中專教材 本書涉及互動媒體UI設(shè)計各個層面的知識點,從UI設(shè)計、網(wǎng)絡(luò)與網(wǎng)頁、網(wǎng)頁設(shè)計、網(wǎng)頁設(shè)計制作應(yīng)用四個方面進(jìn)行闡述,分層次、分角度、全方面、多角度地講解所有方面:分別介紹了UI概念、動畫媒體游戲UI、瀏覽器元素設(shè)計、網(wǎng)絡(luò)媒體和移動媒體。本書不僅適合于UI設(shè)計師、網(wǎng)頁設(shè)計師、廣告從業(yè)者和與網(wǎng)頁設(shè)計課程相關(guān)的專業(yè)人士閱讀,也適合于初學(xué)者及網(wǎng)頁設(shè)計愛好者閱讀。
苗蘋 “光華龍騰獎”中國設(shè)計業(yè)青年百人榜獲得者,教育部全國計算機基礎(chǔ)教育研究會數(shù)字創(chuàng)意專業(yè)委員會辦公室副主任,中國高?茖W(xué)與藝術(shù)創(chuàng)意聯(lián)盟常務(wù)理事和對外合作部主任,中國數(shù)字藝術(shù)專家委員會專家委員,哈爾濱理工大學(xué)碩士研究生、副教授,現(xiàn)是河北軟件職業(yè)技術(shù)學(xué)院廣告專業(yè)負(fù)責(zé)人。先后在黑龍江電視臺、黑龍江人民出版社工作,曾擔(dān)任哈爾濱劍橋?qū)W院數(shù)字影視媒體教研室主任,先后受聘于中國傳媒大學(xué)、東北農(nóng)業(yè)大學(xué)、哈爾濱理工大學(xué)、哈爾濱商業(yè)大學(xué)、哈爾濱學(xué)院、黑龍江建筑職業(yè)技術(shù)學(xué)院、黑龍江東方學(xué)院、黑龍江商業(yè)大學(xué)廣廈學(xué)院擔(dān)任授課教師。連續(xù)5年受聘于東北農(nóng)業(yè)大學(xué)繼續(xù)教育學(xué)院給全國中職教師(國培、省培)做授課教授,給企業(yè)作培訓(xùn)30余場,是多個學(xué)校的創(chuàng)業(yè)導(dǎo)師。首都經(jīng)貿(mào)大學(xué)國際學(xué)院標(biāo)志、田七集團(tuán)佳洗佳產(chǎn)品標(biāo)志設(shè)計設(shè)計者,主持設(shè)計項目80余項。發(fā)表論文數(shù)十篇,專著一本、編寫教材9本,,教材榮獲省級一等獎兩項,作品榮獲國際J獎項一項,國家J獎項9項,省級一等獎5項,二等獎10項,其它獎項30幾項。國家J優(yōu)秀教師5項,省級優(yōu)秀藝術(shù)教師3項,并榮獲省級師德先進(jìn)個人稱號,中青年設(shè)計家稱號。
第1章UI概論1
1.1UI的概念1
1.2UI的現(xiàn)狀3
1.2.1UI的應(yīng)用媒介3
1.2.2網(wǎng)頁設(shè)計5
1.2.3設(shè)計工具6
1.3UI的未來發(fā)展趨勢7
1.3.1微交互7
1.3.2雙色調(diào)8
1.3.3圖文結(jié)合8
1.3.4空頁面趣味化9
第2章游戲UI設(shè)計概論10
2.1游戲UI設(shè)計10
2.2游戲UI發(fā)展趨勢11
2.3游戲UI的實用設(shè)計11
2.3.1實用性將成為設(shè)計的重點11
2.3.2微交互引領(lǐng)設(shè)計細(xì)節(jié)12
2.3.3多終端呈現(xiàn)14
2.3.4高清大圖與短視頻形式更加流行15
2.3.5顏色、字體和質(zhì)感更加流行16
2.3.6對話式游戲UI16
2.3.7虛擬現(xiàn)實的實現(xiàn)17
2.3.8游戲UI設(shè)計師需要學(xué)習(xí)什么18
2.4游戲UI設(shè)計師的職業(yè)發(fā)展19
2.4.1職業(yè)發(fā)展19
2.4.2游戲UI設(shè)計師的工作內(nèi)容19
2.5游戲UI與應(yīng)用UI的不同21
第3章瀏覽器元素設(shè)計23
3.1構(gòu)圖23
3.1.1對稱構(gòu)圖23
3.1.2不對稱構(gòu)圖23
3.2動畫運動規(guī)律24
3.2.1弧形曲線運動24
3.2.2波形曲線運動25
3.2.3“S”形曲線運動28
3.3平面設(shè)計元素29
3.3.1概念元素29
3.3.2視覺元素30
3.3.3實用元素34
3.4播放器UI賞析34
第4章網(wǎng)絡(luò)媒體39
4.1網(wǎng)頁的應(yīng)用39
4.1.1網(wǎng)絡(luò)與網(wǎng)頁概論39
4.1.2網(wǎng)頁設(shè)計56
4.1.3網(wǎng)頁布局的分類67
4.1.4網(wǎng)頁的文字設(shè)計69
4.1.5網(wǎng)頁的LOGO設(shè)計73
4.1.6優(yōu)秀網(wǎng)頁設(shè)計賞析80
4.2網(wǎng)頁平面設(shè)計實例91
4.2.1電子商務(wù)類網(wǎng)頁91
4.2.2女性產(chǎn)品類網(wǎng)頁95
4.2.3兒童類網(wǎng)頁98
4.2.4企業(yè)宣傳類網(wǎng)頁102
4.2.5清新簡約風(fēng)格的網(wǎng)頁105
4.2.6旅游類網(wǎng)頁108
4.2.7體育運動類網(wǎng)頁111
4.2.8公司展示類網(wǎng)頁114
4.2.9情侶交友類網(wǎng)頁116
4.2.10自然環(huán)保類網(wǎng)頁121
4.2.11汽車展示類網(wǎng)頁125
4.2.12地產(chǎn)展示類網(wǎng)頁(案例1)129
4.2.13地產(chǎn)展示類網(wǎng)頁(案例2)132
4.2.14女性美容類網(wǎng)頁137
4.2.15電影類網(wǎng)頁142
第5章移動媒體146
5.1手機UI設(shè)計146
5.2手機UI相關(guān)概念147
5.3手機界面148
5.3.1UI圖標(biāo)設(shè)計制作149
5.3.2手機界面制作151
5.3.3手機頁面制作156
5.4H5158
5.5版式設(shè)計158
5.6手機頁面效果圖159
5.7登錄界面160
5.8開始界面171
5.9設(shè)置界面173
優(yōu)秀作品賞析174