課程實(shí)踐設(shè)計(jì)報(bào)告網(wǎng)店美工

學(xué)號(hào)S課程設(shè)計(jì)報(bào)告課程名稱(chēng)淘寶美工課程設(shè)計(jì)題目淘寶美工設(shè)計(jì)與制作學(xué)部城市學(xué)院信息工程學(xué)部專(zhuān)業(yè)班級(jí)姓名指導(dǎo)教師年12月20日

課程設(shè)計(jì)評(píng)分表評(píng)分標(biāo)準(zhǔn)：學(xué)生是否嚴(yán)格恪守課程設(shè)計(jì)紀(jì)律，按照要求時(shí)間完成設(shè)計(jì)任務(wù)(占30%)課程設(shè)計(jì)結(jié)果：(占50%)(1)是否獨(dú)立完成課程設(shè)計(jì)。(2)課程設(shè)計(jì)是否完成課程設(shè)計(jì)任務(wù)書(shū)指定全部要求。(3)課程設(shè)計(jì)切合主題，所做內(nèi)容與主題相符。(4)課程設(shè)計(jì)富有創(chuàng)意，整體藝術(shù)加工效果。課程設(shè)計(jì)匯報(bào)書(shū)撰寫(xiě)(占20%)課程設(shè)計(jì)匯報(bào)書(shū)撰寫(xiě)質(zhì)量和規(guī)范。教師評(píng)分：1.學(xué)生出勤得分：(優(yōu))(良)(中)(及格)(不及格)2.課程設(shè)計(jì)得分：(優(yōu))(良)(中)(及格)(不及格)3.課程設(shè)計(jì)匯報(bào)得分：(優(yōu))(良)(中)(及格)(不及格)教師評(píng)語(yǔ)：依照該生在課程設(shè)計(jì)期間，是否嚴(yán)格恪守課程設(shè)計(jì)紀(jì)律，按照要求時(shí)間完成設(shè)計(jì)任務(wù)，完成程序設(shè)計(jì)質(zhì)量與規(guī)范，提交課程設(shè)計(jì)匯報(bào)書(shū)質(zhì)量與規(guī)范等多方面評(píng)分，該生此次課程設(shè)計(jì)評(píng)定成績(jī)?yōu)椋ㄒ詢(xún)?yōu)、良、中、及格、不及格評(píng)定）：________簽字：日期：12月24日

網(wǎng)店美工課程設(shè)計(jì)任務(wù)書(shū)題目:網(wǎng)店美工設(shè)計(jì)與制作一.課程設(shè)計(jì)教學(xué)條件要求課程設(shè)計(jì)要求學(xué)生一人一組，獨(dú)立完成，機(jī)房需要有安裝Adobephotoshop、Adobeillustrator等相關(guān)圖形圖像處理軟件計(jì)算機(jī)提供課程設(shè)計(jì)使用。二.課程設(shè)計(jì)任務(wù)整體要求：本課程設(shè)計(jì)要求自選主題完成一個(gè)網(wǎng)店美工設(shè)計(jì)內(nèi)容，首先需要自己選擇需要店鋪類(lèi)別，選擇要展示詳細(xì)商品，進(jìn)行策劃網(wǎng)店格調(diào)和商品展示方式，然后依照需要拍攝商品圖片并制作出需要網(wǎng)店美工設(shè)計(jì)作品。能夠使用互聯(lián)網(wǎng)素材和模板，不過(guò)要注意素材使用要和網(wǎng)店格調(diào)一致，學(xué)會(huì)利用多個(gè)方式表示網(wǎng)店設(shè)計(jì)。所制作內(nèi)容能夠參考網(wǎng)絡(luò)資源或網(wǎng)絡(luò)模板，不過(guò)最終作品必須原創(chuàng)，最終完成課程設(shè)計(jì)匯報(bào)書(shū)并打印上交。可選分類(lèi)：服裝類(lèi)箱包類(lèi)鞋襪類(lèi)化裝品類(lèi)文具類(lèi)圖書(shū)類(lèi)零食類(lèi)手機(jī)數(shù)碼類(lèi)制作要求：只能選擇上述一個(gè)大類(lèi)，選擇手頭有實(shí)物商品（2件以上）進(jìn)行拍攝，能夠自己制作簡(jiǎn)易拍攝環(huán)境，若需要模特展示商品可找同學(xué)配合完成拍攝工作，拍照時(shí)候；需要按照要求設(shè)計(jì)店鋪名稱(chēng)，制作店鋪首頁(yè)各部分元素（說(shuō)店標(biāo)、logo、店招、導(dǎo)航、優(yōu)惠券等），首頁(yè)完整效果圖、兩件商品3-4張主圖，兩件商品詳情頁(yè)面完整效果圖；能夠依照需要策劃店鋪活動(dòng)方案制作頁(yè)面效果，能夠參考網(wǎng)絡(luò)資源或素材設(shè)計(jì)；店鋪Logo尺寸170*60，店標(biāo)尺寸80*80（可靜態(tài)可動(dòng)態(tài)），店招設(shè)計(jì)通欄店招1920*150，設(shè)計(jì)首頁(yè)整體效果（可分開(kāi)部分設(shè)計(jì)最終拼圖寬度為1920，高度依照需要設(shè)置，要加上店招和菜單部分，依照需要設(shè)計(jì)整個(gè)首頁(yè)完整部分，若自己拍攝素材不夠能夠下載其余素材完整首頁(yè)商品，設(shè)計(jì)適宜營(yíng)銷(xiāo)活動(dòng)和優(yōu)惠券內(nèi)容展示活動(dòng)方案），設(shè)計(jì)2個(gè)自拍攝商品商品主圖各3-4張，并設(shè)計(jì)2個(gè)商品詳情頁(yè)面（最終拼接圖寬度為750，高度依照需要設(shè)計(jì)），要求自己摳圖完成詳情頁(yè)面各種設(shè)計(jì)內(nèi)容，要求包含商品詳情頁(yè)面各模塊（商品展示、商品細(xì)節(jié)、商品規(guī)格和尺寸、搭配展示、包裝展示、促銷(xiāo)活動(dòng)、會(huì)員模塊、質(zhì)量保障、買(mǎi)家須知等必須步驟）。上交要求：要求提交完整拍照源文件及全部使用素材要求上交全部制作完成psd和jpg格式圖片（logo、店標(biāo)、通欄店招、首頁(yè)效果圖各部分和拼圖、商品每一張主圖，商品詳細(xì)頁(yè)面設(shè)計(jì)個(gè)各個(gè)部分和拼圖）三.課程設(shè)計(jì)匯報(bào)書(shū)主要內(nèi)容1.課程設(shè)計(jì)目標(biāo)2.課程設(shè)計(jì)開(kāi)發(fā)環(huán)境和工具3.課程設(shè)計(jì)選擇主題及拍攝4.課程設(shè)計(jì)制作步驟5課程設(shè)計(jì)效果圖展示四.課程設(shè)計(jì)要求（1）學(xué)生按時(shí)到課程設(shè)計(jì)指定地點(diǎn)簽到，恪守課程設(shè)計(jì)紀(jì)律。（2）學(xué)生獨(dú)立完成課程設(shè)計(jì)任務(wù)，按任務(wù)書(shū)要求完成設(shè)計(jì)任務(wù)。（3）學(xué)生按時(shí)提交課程設(shè)計(jì)結(jié)果和打印課程設(shè)計(jì)匯報(bào)書(shū)五．課程設(shè)計(jì)參考資料[1]廖俊張璐.淘寶天貓網(wǎng)店美工全能一本通[M].北京：人民郵電出版社，.5[2]王莎夏收.網(wǎng)店美工視覺(jué)設(shè)計(jì)實(shí)戰(zhàn)教程（全彩微課版第2版）[M].北京：人民郵電出版社，.7.[3]鄧娟周冰.photoshop基礎(chǔ)與實(shí)例教程[M].西安：西安電子科技大學(xué)出版社，.4.[4]閆寒.網(wǎng)店美工與視覺(jué)設(shè)計(jì)[M].北京：人民郵電出版社，.1.指導(dǎo)教師：12月

目錄1.設(shè)計(jì)目標(biāo) 72.開(kāi)發(fā)環(huán)境和工具 73.選擇主題及拍攝 74.設(shè)計(jì)與制作步驟 84.1logo、店標(biāo)、店招制作 84.2主圖制作 84.3首頁(yè)分步制作 84.4商品詳細(xì)頁(yè)面分步制作 85.效果圖展示 85.1logo、店標(biāo)、店招效果圖 85.2商品1主圖 85.3商品2主圖 95.4首頁(yè)完整效果圖 95.5商品1詳細(xì)頁(yè)面效果圖 95.6商品2詳細(xì)頁(yè)面效果圖 96.課程設(shè)計(jì)總結(jié) 9

1.設(shè)計(jì)目標(biāo)網(wǎng)店美工課程設(shè)計(jì)是學(xué)習(xí)了網(wǎng)店美工課程教學(xué)后，為加強(qiáng)對(duì)網(wǎng)店美工應(yīng)用能力主要實(shí)踐性步驟，目標(biāo)是深入讓學(xué)生經(jīng)過(guò)實(shí)踐從拍照到美工制作每一個(gè)過(guò)程，熟練掌握?qǐng)D形圖像處理技術(shù)使用和在網(wǎng)店設(shè)計(jì)過(guò)程中實(shí)際應(yīng)用以達(dá)成加深、鞏固所學(xué)課程相關(guān)知識(shí)、培養(yǎng)學(xué)生綜合設(shè)計(jì)能力、參閱和參考各種資料能力，達(dá)成靈活利用各種特效功效與技巧進(jìn)行設(shè)計(jì)與創(chuàng)作，全方面綜合提升學(xué)生利用各種伎倆進(jìn)行網(wǎng)店設(shè)計(jì)能力。2.開(kāi)發(fā)環(huán)境和工具（1）硬件平臺(tái)處理器：2.0GHz或更加快處理器內(nèi)存：最少1GB—2GB硬盤(pán)空間：最少需要9.1GB顯卡：16位或更高顯卡，GPU加速、顯存不應(yīng)少于64MB網(wǎng)絡(luò)：具備Internet連接（2）軟件平臺(tái)：操作系統(tǒng)：WindowsXP（ServicePack3）/Windows7分辨率：最少1024×768，推薦1280×900或更高。軟件環(huán)境：Adobephotoshop、Adobeillustrator3.選擇主題及拍攝主題：數(shù)碼產(chǎn)品類(lèi)主題介紹：我選擇主題是數(shù)碼產(chǎn)品類(lèi)，主要拍攝素材是羅技G502游戲鼠標(biāo)和佳能數(shù)碼相機(jī)，這兩個(gè)產(chǎn)品都是從不一樣角度拍攝，首頁(yè)主要放了這兩個(gè)產(chǎn)品和優(yōu)惠券，其次分別給這兩本書(shū)做了詳情頁(yè)，經(jīng)過(guò)一些細(xì)節(jié)展示把這兩個(gè)產(chǎn)品介紹比較清楚，也分別保留了素材和圖片格式JPG和PSD。4.設(shè)計(jì)與制作步驟4.1logo、店標(biāo)、店招制作1.Logo:創(chuàng)建一個(gè)170*60畫(huà)布，插入羅技logo和標(biāo)志，最終調(diào)整圖標(biāo)位置完成制作2.店標(biāo)：創(chuàng)建一個(gè)700*700像素畫(huà)布，插入羅技標(biāo)志，調(diào)整圖標(biāo)大小和位置完成制作3店招：設(shè)置一個(gè)矩形和一個(gè)不規(guī)則圖形同時(shí)添加背景，插入所以商品圖形和店鋪logo，添加全部字樣完成制作 4.2主圖制作主圖制作：設(shè)置圖形并添加背景顏色，添加全部字樣，最終插入并調(diào)整商品圖完成制作主圖制作2：創(chuàng)建畫(huà)布加上背景顏色，加上主圖素材和文字，再創(chuàng)建矩形加上商品logo和商品描述文字，調(diào)整商品完成制作。4.3首頁(yè)分步制作創(chuàng)建一個(gè)1920*畫(huà)布，在首頁(yè)最頂端插入店招圖片并調(diào)整好位置創(chuàng)建矩形并調(diào)整背景顏色為黑色，加上白色導(dǎo)航字體。再創(chuàng)建一個(gè)黑色背景矩形加上優(yōu)惠券。創(chuàng)建不一樣背景顏色矩形填上商品文案和活動(dòng)描述，最終加上一個(gè)灰色背景和商品圖片，調(diào)整位置和字體大小顏色，完成4.4商品詳細(xì)頁(yè)面分步制作設(shè)置背景，制作全部需要圖形，添加全部字樣，插入商品圖片5.效果圖展示5.1logo、店標(biāo)、店招效果圖Logo：店標(biāo)：店招：5.2商品1主圖5.3商品2主圖5.4首頁(yè)完整效果圖5.5商品1詳細(xì)頁(yè)面效果圖5.6商品2詳細(xì)頁(yè)面效果圖6.課程設(shè)計(jì)總結(jié)此次課程設(shè)計(jì)店鋪名稱(chēng)、制作店鋪首頁(yè)、策劃店鋪活動(dòng)方案和制作頁(yè)面效果。從最開(kāi)始選商品，給商品拍照片、構(gòu)思、設(shè)計(jì)店鋪名稱(chēng)、制作首頁(yè)等等到現(xiàn)在已全部完成，即使過(guò)程中碰到很多不一樣困難，但都得到了處理。因?yàn)槭堑谝淮螌W(xué)習(xí)美工課程，老師剛開(kāi)始上課時(shí)有很多東西都不懂，什么都不會(huì)也不懂，但日后慢慢經(jīng)過(guò)聽(tīng)課、作圖、制作知道了怎么操作。每次面對(duì)不知道問(wèn)題就問(wèn)同學(xué)，同學(xué)也是不厭其煩替我解答，教我操作。讓我也在深入其中取得了很多樂(lè)趣。經(jīng)過(guò)了一個(gè)學(xué)期學(xué)習(xí)也讓我對(duì)美工這門(mén)課程及工作有了一定了解及認(rèn)識(shí)，圖片好壞意義之大。之后會(huì)愈加努力學(xué)習(xí)和實(shí)踐。首先，對(duì)ps軟件中部分工具利用不是很熟練，比如通道工具，當(dāng)發(fā)覺(jué)存在對(duì)工具使用不是很熟練時(shí)及時(shí)請(qǐng)教同學(xué)幫忙處理這個(gè)問(wèn)題，實(shí)訓(xùn)是我們發(fā)覺(jué)問(wèn)題和處理問(wèn)題機(jī)會(huì)，經(jīng)過(guò)這次實(shí)訓(xùn)我也認(rèn)識(shí)到了自己不足，而且有及時(shí)去處理；其次，面對(duì)突發(fā)事件應(yīng)對(duì)能力還不