123,123

內(nèi)容簡(jiǎn)介

　　本書包含四個(gè)項(xiàng)目，項(xiàng)目1 頁(yè)面草圖繪制：關(guān)注用戶需求，；項(xiàng)目2 頁(yè)面原型設(shè)計(jì)：關(guān)注布局、響應(yīng)式頁(yè)面、頁(yè)面交互、流程；項(xiàng)目3 網(wǎng)頁(yè)頁(yè)面界面設(shè)計(jì)：關(guān)注色彩和細(xì)節(jié)；項(xiàng)目4APP產(chǎn)品設(shè)計(jì)：關(guān)注對(duì)APP產(chǎn)品特征的設(shè)計(jì)把握。本教材是針對(duì)網(wǎng)頁(yè)UI原型設(shè)計(jì)師的崗位進(jìn)行的課程開發(fā)，并融入世界技能大賽網(wǎng)站設(shè)計(jì)項(xiàng)目技術(shù)標(biāo)準(zhǔn)及模塊一的網(wǎng)頁(yè)界面設(shè)計(jì)相關(guān)知識(shí)，以世賽項(xiàng)目為指引，圍繞網(wǎng)頁(yè)和移動(dòng)應(yīng)用的界面和交互設(shè)計(jì)原型技術(shù)展開，引入現(xiàn)在流行的柵格系統(tǒng)和扁平化設(shè)計(jì)理念，同時(shí)結(jié)合學(xué)生對(duì)設(shè)計(jì)知識(shí)的學(xué)習(xí)遷移過(guò)程對(duì)每個(gè)任務(wù)的要求進(jìn)行漸進(jìn)式編排，形成最終的以賽*領(lǐng)、緊貼企業(yè)實(shí)踐的一體化課程。

作者簡(jiǎn)介

　　鐘愛(ài)青，計(jì)算機(jī)網(wǎng)絡(luò)應(yīng)用專業(yè)一體化教師，計(jì)算機(jī)科學(xué)與技術(shù)講師，助理電子商務(wù)師，電子商務(wù)考評(píng)員，網(wǎng)絡(luò)管理師。華南農(nóng)業(yè)大學(xué)農(nóng)業(yè)信息技術(shù)專業(yè)畢業(yè)，農(nóng)學(xué)學(xué)士。江西師范大學(xué)計(jì)算機(jī)及應(yīng)用專業(yè)畢業(yè)。

圖書目錄

項(xiàng)目一頁(yè)面草圖繪制 1
任務(wù)1 手繪草圖 4
1.1.1 網(wǎng)頁(yè)布局的基本知識(shí) 5
1.1.2 響應(yīng)式網(wǎng)頁(yè)布局的設(shè)計(jì)特點(diǎn) 8
1.1.3 手繪草圖的方法 14
任務(wù)2 手繪流程圖 21
1.2.1 繪制流程圖 21
1.2.2 POP軟件 23
項(xiàng)目二頁(yè)面原型設(shè)計(jì) 28
任務(wù)1 認(rèn)識(shí)Axure軟件 29
2.1.1 軟件安裝 29
2.1.2 軟件的工作環(huán)境 34
2.1.3 基本元件 34
2.1.4 元件的樣式與屬性 35
任務(wù)2 使用Axure軟件繪制頁(yè)面原型 40
2.2.1 自適應(yīng)視圖 41
2.2.2 柵格系統(tǒng) 42
2.2.3 元件使用 48
任務(wù)3 使用Axure軟件進(jìn)行交互設(shè)計(jì) 71
2.3.1 交互樣式設(shè)置 71
2.3.2 動(dòng)態(tài)面板 73
2.3.3 組合/取消組合元件 74
2.3.4 元件交互的使用―顯示/隱藏 76
2.3.5 變量 78
2.3.6 內(nèi)聯(lián)框架 78
任務(wù)4 使用Axure軟件進(jìn)行流程設(shè)計(jì) 117
2.4.1 流程圖組件 117
2.4.2 母版 120
任務(wù)5 發(fā)布原型設(shè)計(jì)作品 124
2.5.1 快速預(yù)覽查看原型 125
2.5.2 生成HTML文件查看原型 125
2.5.3 Web字體設(shè)置 126
2.5.4 移動(dòng)設(shè)備設(shè)置 127
2.5.5 發(fā)布原型到AxShare 127
項(xiàng)目三網(wǎng)頁(yè)頁(yè)面設(shè)計(jì) 137
任務(wù)1 移動(dòng)端頁(yè)面設(shè)計(jì) 138
3.1.1 網(wǎng)頁(yè)設(shè)計(jì)標(biāo)準(zhǔn)尺寸 138
3.1.2 排版構(gòu)成 143
3.1.3 色彩構(gòu)成 146
3.1.4 扁平化概念 147
任務(wù)2 平板電腦端頁(yè)面設(shè)計(jì) 182
版式構(gòu)成 182
任務(wù)3 計(jì)算機(jī)端及寬屏頁(yè)面設(shè)計(jì) 194
版面設(shè)計(jì) 194
任務(wù)4 頁(yè)面交互設(shè)計(jì) 211
簡(jiǎn)析交互設(shè)計(jì) 211
任務(wù)5 產(chǎn)品匯報(bào)與展示 220
網(wǎng)頁(yè)效果圖展示 220
項(xiàng)目四 App產(chǎn)品原型設(shè)計(jì) 224
任務(wù)1 使用Axure軟件繪制App產(chǎn)品線框圖原型 225
4.1.1 App產(chǎn)品與Web產(chǎn)品 226
4.1.2 App產(chǎn)品常見UI組件 227
4.1.3 App產(chǎn)品交互設(shè)計(jì)注意事項(xiàng) 231
任務(wù)2 使用Photoshop軟件制作App產(chǎn)品效果圖和應(yīng)用圖標(biāo)原型 234
任務(wù)3 使用Axure軟件制作App產(chǎn)品高保真視覺(jué)原型 243