網(wǎng)店美工視覺設(shè)計實戰(zhàn)教程(全彩微課版第3版) 教案全套 梁小麗 第1-9章 網(wǎng)店美工基礎(chǔ)知識-綜合案例 糕點店鋪視覺設(shè)計_第1頁
網(wǎng)店美工視覺設(shè)計實戰(zhàn)教程(全彩微課版第3版) 教案全套 梁小麗 第1-9章 網(wǎng)店美工基礎(chǔ)知識-綜合案例 糕點店鋪視覺設(shè)計_第2頁
網(wǎng)店美工視覺設(shè)計實戰(zhàn)教程(全彩微課版第3版) 教案全套 梁小麗 第1-9章 網(wǎng)店美工基礎(chǔ)知識-綜合案例 糕點店鋪視覺設(shè)計_第3頁
網(wǎng)店美工視覺設(shè)計實戰(zhàn)教程(全彩微課版第3版) 教案全套 梁小麗 第1-9章 網(wǎng)店美工基礎(chǔ)知識-綜合案例 糕點店鋪視覺設(shè)計_第4頁
網(wǎng)店美工視覺設(shè)計實戰(zhàn)教程(全彩微課版第3版) 教案全套 梁小麗 第1-9章 網(wǎng)店美工基礎(chǔ)知識-綜合案例 糕點店鋪視覺設(shè)計_第5頁
已閱讀5頁,還剩13頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)

文檔簡介

《網(wǎng)店美工視覺設(shè)計實戰(zhàn)教程(全彩微課版第3版)》教案課時內(nèi)容網(wǎng)店美工基礎(chǔ)知識授課時間180分鐘課時4教學目標熟悉網(wǎng)店美工的工作范疇掌握網(wǎng)店美工所需的設(shè)計基礎(chǔ)知識熟悉Photoshop的基本操作掌握Photoshop摳圖的方法教學重點掌握色彩搭配及圖形元素和文字的應用掌握色彩和圖層的處理,以及圖片的調(diào)整掌握基本摳圖和毛發(fā)、半透明等復雜摳圖技巧教學難點運用合適的摳圖工具進行摳圖教學設(shè)計教學思路:(1)介紹網(wǎng)店美工概述,讓學生掌握網(wǎng)店美工的工作內(nèi)容以及技能要求;(2)介紹網(wǎng)店美工視覺設(shè)計基礎(chǔ)知識,包括色彩、圖形和文字等內(nèi)容,讓學生掌握色彩搭配、文字和圖片的布局技巧;(3)講解Photoshop的基本操作,包括設(shè)置前景色和背景色、圖層的操作、裁剪圖片和批處理圖片等內(nèi)容;(4)講解各種摳圖技巧,包括規(guī)則圖形摳圖、純色背景摳圖、復雜圖像摳圖、毛發(fā)摳圖和半透明摳圖等內(nèi)容;(5)最后安排實戰(zhàn)演練和課后練習。教學手段:(1)由淺入深,從基礎(chǔ)知識到實際操作;(2)以實例講解操作,對設(shè)置的方法以及效果均配圖講解。教學資料及要求:除教材中講解的知識,可以多瀏覽一些店鋪,學習其排版、配色、構(gòu)圖等技巧,提升自己的審美能力。教學內(nèi)容討論問題:1、網(wǎng)店美工需要具備哪些技能?2、網(wǎng)店美工常用的設(shè)計元素與設(shè)計技巧有哪些?內(nèi)容大綱:具體可結(jié)合本章的PPT課件進行配合講解。1.1網(wǎng)店美工概述1.1.1網(wǎng)店美工的工作范疇1.1.2網(wǎng)店美工的技能要求1.2網(wǎng)店美工視覺設(shè)計基礎(chǔ)1.2.1色彩1.2.2圖形1.2.3文字1.3Photoshop的基本操作1.3.1設(shè)置和填充圖像顏色1.3.2圖層的基本操作1.3.3修改商品圖片尺寸1.3.4批處理圖片1.4利用Photoshop摳圖1.4.1規(guī)則圖像摳圖1.4.2純色背景摳圖1.4.3復雜圖像摳圖1.4.4毛發(fā)摳圖1.4.5半透明物體摳圖1.5實戰(zhàn)演練1.5.1美化沙發(fā)商品圖片1.5.2為保溫杯更換背景課后練習小結(jié)掌握色彩搭配及圖形元素和文字的應用掌握色彩和圖層的處理,以及圖片的調(diào)整掌握基本摳圖和毛發(fā)、半透明等復雜摳圖技巧思考及作業(yè)本練習將先后摳取狗糧商品與小狗圖片,并將其分別添加到背景圖片中。摳取小狗時,首先使用魔棒工具與反選功能選擇小狗,然后通過調(diào)整邊緣摳取小狗的毛發(fā);在摳取狗糧時,可使用鋼筆工具或者多邊套索工具,處理前后的對比效果可參考下圖。本練習將更改自熱火鍋商品圖片背景并制作成商品主圖。由于本圖為純色背景,且背景與商品邊緣分解清晰,因此可使用快速選擇工具選擇商品圖片,更換其背景,處理前后的對比效果可參考下圖。

課時內(nèi)容圖片調(diào)色授課時間135分鐘課時3教學目標熟悉圖片調(diào)色的原則掌握校正商品圖片偏色的方法掌握調(diào)整商品圖片特殊顏色的方法教學重點掌握調(diào)整圖層的使用方法掌握調(diào)整圖片亮度、對比度、高光、陰影與中間調(diào)的方法掌握偏色校正和特殊調(diào)色教學難點能夠選擇合適的調(diào)色工具,解決圖片問題能夠正確設(shè)置適當?shù)臄?shù)據(jù)值,并將不同調(diào)整合理搭配,達到最好的處理效果教學設(shè)計教學思路:(1)首先介紹圖片調(diào)色的原則和調(diào)整圖層的基本操作;(2)然后介紹利用Photoshop中的亮度/對比度、色階、曲線等調(diào)整命令快速解決圖片曝光不足或曝光過度的問題;(3)接著介紹利用“可選顏色”“替換顏色”“曲線”命令為圖片調(diào)整特殊顏色;(4)最后安排實戰(zhàn)演練和課后練習。教學手段:(1)對于圖片調(diào)色的常見問題,單獨列出來進行講解;(2)把不同的調(diào)色方法用實例的方式進行展現(xiàn),讀者可快速理解其效果。教學資料及要求:除教材中講解的知識,學員可在現(xiàn)實生活中拍攝商品實拍圖,試著對圖片進行調(diào)色處理。教學內(nèi)容知識回顧:在前面講解了網(wǎng)店美工的要求和應用范圍,以及Photoshop的基礎(chǔ)操作和圖片的摳圖技巧,下面講解商品圖片的調(diào)色處理。討論問題:1、使用調(diào)整圖層調(diào)色與直接使用調(diào)色命令的區(qū)別?2、如何將圖片中的紅色更換為橙色?內(nèi)容大綱:具體可結(jié)合本章的PPT課件進行配合講解。2.1了解圖片調(diào)色2.1.1圖片調(diào)色的原則2.1.2使用調(diào)整圖層調(diào)色2.2處理曝光不足或曝光過度的圖片2.2.1提高圖片的亮度與對比度...0342.2.2調(diào)整圖片的高光、陰影與中間調(diào)2.3圖片調(diào)色2.3.1圖片偏色校正2.3.2圖片特殊顏色調(diào)整2.4實戰(zhàn)演練2.4.1童裝連衣裙調(diào)色2.4.2制作顏色展示區(qū)課后練習小結(jié)熟悉圖片的調(diào)色原則根據(jù)圖片的缺陷,選擇合適的調(diào)色方法處理圖片思考及作業(yè)(1)本練習將處理一張曝光不足、色彩暗淡的精油圖片,讓圖片中的精油色彩鮮艷,液體晶瑩剔透,視覺效果好。在處理該圖片時,首先使用“曲線”命令提高圖片亮度和對比度,然后使用“色相/飽和度”命令增加圖片的飽和度,綠瓶的精油可單獨摳取出來調(diào)整色彩,調(diào)整前后的對比效果可參考下圖。(2)本練習將處理一張折疊傘圖片,處理后圖片中存在不同色的同款商品。在處理該圖片時,首先摳選出折疊傘,然后使用“替換顏色”命令調(diào)整傘和傘柄的顏色,再使用“可選顏色”命令調(diào)整紅傘的陰影、高光處,折疊傘圖片調(diào)整前后的對比效果可參考下圖。課時內(nèi)容圖片修飾授課時間180分鐘課時4教學目標掌握去除污點和多余物品的方法掌握加強亮部與暗部對比的方法掌握提高圖片清晰度的方法掌握光滑材質(zhì)處理的方法掌握增加金屬質(zhì)感的方法掌握添加文本、圖形元素的方法掌握虛化背景、添加發(fā)光效果的方法掌握為人物瘦身的技巧教學重點掌握去除污點、去除背景中多余的物品和美化模特的方法掌握添加高光、添加發(fā)光和背景虛化的制作方法掌握添加虛化背景、發(fā)光、高光與陰影的方法教學難點能夠根據(jù)修飾的要求和目的選擇不同的修飾方法能夠配合使用各種元素,構(gòu)成美觀且適合主題的圖像教學設(shè)計教學思路:(1)首先介紹修飾圖片,包括去除圖片污漬、去除圖片多余物品、提高圖片清晰度、光滑材質(zhì)表面、增加金屬質(zhì)感、美化人物圖片等知識;(2)然后介紹通過添加文字、形狀和圖案等元素豐富圖像;(3)再介紹為圖像添加特效美化圖像,如虛化圖片中商品的背景效果,為圖片添加發(fā)光效果,或?qū)⑸唐放c背景、文字進行合成等知識;(4)最后安排實戰(zhàn)演練和課后練習。教學手段:(1)每一個知識點都使用案例的形式講解;(2)以實例講解操作,對設(shè)置的方法以及效果均配圖講解。教學資料及要求:除教材中的實例外,可以對自己拍攝的圖片進行修飾和美化操作。教學內(nèi)容知識回顧:前面講解了圖片的調(diào)色知識,接下來講解修飾圖片、為圖片添加元素、為圖片添加特效等知識。討論問題:1、如何為文字添加剪貼蒙版?2、怎樣去除圖片中多余的人物?內(nèi)容大綱:具體可結(jié)合本章的PPT課件進行配合講解。3.1修飾圖片3.1.1清除圖片上的污跡3.1.2去除背景中多余的物品3.1.3加強亮部與暗部的對比3.1.4提高圖片清晰度3.1.5光滑材質(zhì)表面3.1.6增加金屬質(zhì)感3.1.7精修人物商品圖片3.2豐富圖片內(nèi)容3.2.1添加與美化圖片文本3.2.2添加形狀與圖案3.3添加圖片特效3.3.1虛化背景3.3.2添加發(fā)光效果3.3.3合成圖像3.4實戰(zhàn)演練3.4.1修飾家用榨汁機3.4.2修飾羽絨服課后練習小結(jié)掌握圖片的修飾方法掌握為圖像添加元素和特效的方法思考及作業(yè)(1)本練習將處理一張手串圖片,處理后的手串圖片手串色彩鮮艷、光澤感強,紋理清晰。處理手串圖片時,先使用“曲線”和“自然飽和度”命令提高圖片的亮度和飽和度;然后為手串創(chuàng)建選區(qū),使用銳化工具來強化手串表面的光澤感和紋理;接著反選選區(qū)使用“鏡頭模糊”命令模糊裝飾物和背景,手串圖片處理前后的對比效果如圖所示。(2)本練習將處理一張粉底液瓶子的圖片。處理該圖片時,首先用魔棒工具將瓶身上面的文字扣取下來,并填充為白色,再依次為瓶蓋和瓶身創(chuàng)建選區(qū),并運用漸變填充的方式使瓶蓋和瓶身的光澤感更強;然后運用加深工具和減淡工具繪制陰影和亮部,使粉底液瓶子的漸變效果更加自然;最后添加背景并制作投影,粉底液瓶子調(diào)整前后的對比效果如圖所示。課時內(nèi)容店鋪首頁核心模塊設(shè)計授課時間135分鐘課時3教學目標掌握店招的設(shè)計方法掌握海報的設(shè)計方法熟悉優(yōu)惠券的設(shè)計方法掌握促銷區(qū)的設(shè)計方法教學重點了解店招的制作規(guī)范。掌握輪播海報的布局方式和設(shè)計要點掌握優(yōu)惠券設(shè)計原則與制作技巧掌握促銷區(qū)的設(shè)計要點與制作方法教學難點掌握店鋪首頁設(shè)計的創(chuàng)新性和美觀適用性教學設(shè)計教學思路:(1)介紹店招制作,讓學生了解店招的組成部分、尺寸大小,掌握店招的制作方法;(2)介紹輪播海報設(shè)計,讓學生了解輪播海報的布局技巧和設(shè)計要點,掌握輪播海報的制作方法;(3)介紹優(yōu)惠券設(shè)計,讓學生掌握優(yōu)惠券的設(shè)計原則和制作方法;(4)介紹商品促銷區(qū)設(shè)計,讓學員掌握商品促銷區(qū)的設(shè)計要點和制作方法;(5)安排實戰(zhàn)演練與課后練習。教學手段:通過案例演示講解首頁核心模塊的制作,講解結(jié)束后進行疑難解答與練習。教學資料及要求:除教材中的實例外,可以打開淘寶、京東、天貓等網(wǎng)店首頁,參考其設(shè)計方法,嘗試做一個完整的網(wǎng)店首頁。教學內(nèi)容知識回顧:在前面講解了修飾圖片,以及為圖像添加文字、形狀、圖案和特效等知識,下面講解店鋪首頁核心模塊的設(shè)計。討論問題:1、輪播海報具有什么作用?2、店鋪首頁突出的核心重點是什么?內(nèi)容大綱:具體可結(jié)合本章的PPT課件進行配合講解。4.1店招設(shè)計4.1.1店招制作規(guī)范4.1.2制作店招4.2輪播海報設(shè)計4.2.1輪播海報布局方式4.2.2輪播海報設(shè)計要點4.2.3制作輪播海報4.3優(yōu)惠券設(shè)計4.3.1優(yōu)惠券的制作原則4.3.2制作優(yōu)惠券4.4商品促銷區(qū)設(shè)計4.4.1商品促銷區(qū)的設(shè)計要點4.4.2制作商品促銷區(qū)4.5實戰(zhàn)演練4.5.1制作家電店鋪店招4.5.2制作手機輪播海報課后練習小結(jié)熟悉店招、導航、海報和優(yōu)惠券的設(shè)計規(guī)范與設(shè)計原則掌握制作店招、導航、海報和優(yōu)惠券的操作方法思考及作業(yè)(1)本練習將利用“耳機素材.psd”文件中的圖像制作“尚音閣”耳機店鋪的店招。數(shù)碼商品的店招風格一般比較簡潔,在設(shè)計時不用過多裝飾,可采用不同字體的文字和幾何圖形。由于無彩色在配色上能夠讓雜亂的顏色看起來更和諧,而且視覺觀感更有格調(diào),因此在配色上可以無彩色為主色,搭配紅色與橙色強調(diào)重點文字,完成后的參考效果如圖所示。(2)本練習將利用“女包商品促銷區(qū)素材.psd”文件中的圖像制作女包商品促銷區(qū)。在制作時,可先確定店鋪的簡約風格,保證能夠突出商品的質(zhì)量與美觀,然后制作主要商品模塊,最后再制作普通商品促銷模塊。整體以圖片為主,搭配少量文字,營造出簡約、時尚的氛圍,完成后的參考效果如圖所示。課時內(nèi)容商品詳情頁視覺設(shè)計授課時間90分鐘課時2教學目標熟悉商品詳情頁的設(shè)計規(guī)范掌握焦點圖的設(shè)計方法掌握賣點說明圖的設(shè)計方法掌握信息展示圖的設(shè)計方法教學重點掌握焦點圖的設(shè)計方法掌握賣點說明圖的設(shè)計方法掌握信息展示圖的設(shè)計方法教學難點商品詳情頁的每個重要組成部分和美觀設(shè)計教學設(shè)計教學思路:(1)介紹商品詳情頁的設(shè)計要點,讓學生了解商品詳情頁制作規(guī)范;(2)介紹商品詳情頁設(shè)計,讓學生掌握焦點圖、賣點說明圖、信息展示圖的制作方法;(3)安排實戰(zhàn)演練和課后練習。教學手段:通過案例演示講解商品詳情頁的制作,講解結(jié)束后進行疑難解答與練習。教學資料及要求:除講解教材中的知識外,可通過網(wǎng)絡(luò)查看不同店鋪的詳情頁內(nèi)容組成,學習其制作技巧。教學內(nèi)容知識回顧:前面講解了店招、輪播海報計、優(yōu)惠券以及商品促銷區(qū)的設(shè)計,下面介紹商品詳情頁的視覺設(shè)計。討論問題:1、如何展示商品的重點?2、商品詳情頁一般由哪些內(nèi)容組成?內(nèi)容大綱:具體可結(jié)合本章的PPT課件進行配合講解。5.1商品詳情頁設(shè)計要點5.1.1商品詳情頁制作規(guī)范5.1.2商品詳情頁的分析與策劃5.2商品詳情頁設(shè)計5.2.1焦點圖設(shè)計5.2.2賣點說明圖設(shè)計5.2.3信息展示圖設(shè)計5.3實戰(zhàn)演練5.3.1制作風扇焦點圖5.3.2制作電動牙刷信息展示圖課后練習小結(jié)掌握詳情頁的制作方法了解詳情頁各組成部分思考及作業(yè)(1)本練習將利用素材制作哈密瓜的賣點說明圖。網(wǎng)店美工在制作時,首先繪制裝飾框,然后利用“剪貼蒙版”功能制作圖示,使整體呈現(xiàn)更加美觀,然后搭配賣點說明文字,講解商品的賣點。參考效果如圖所示。(2)本練習將利用素材制作棉襪焦點圖。網(wǎng)店美工在制作過程中,可使用形狀工具組內(nèi)的工具繪制裝飾,如文字底紋、波紋、圓點等。元素,結(jié)合蒙版功能調(diào)整顯示范圍,輸入商品名稱,并使用矩形裝飾文字,強調(diào)商品的信息,達到吸引消費者注意力的目的,參考效果如圖所示。

課時內(nèi)容裝修店鋪授課時間90分鐘課時2教學目標掌握圖片切片與保存的方法掌握上傳圖片的方法掌握編輯店鋪裝修模塊的方法掌握添加熱區(qū)的方法教學重點掌握圖片切片的方法掌握編輯店鋪裝修模塊的方法掌握添加熱區(qū)的方法教學難點掌握熱點+源代碼裝修店鋪的方法教學設(shè)計教學思路:(1)首先介紹素材中心的使用,讓學生掌握圖片切片、圖片保存、上傳圖片、編輯圖片的操作;(2)然后介紹使用模塊裝修店鋪,讓學生掌握使用熱區(qū)+源代碼的方式裝修店鋪;(3)安排實戰(zhàn)演練和課后練習。教學手段:通過案例演示講解店鋪裝修的操作,講解結(jié)束后進行疑難解答與練習。教學資料及要求:除講解教材中的知識外,還可以了解店鋪使用的圖片像素和尺寸要求,以及不同類型模塊的要求。教學內(nèi)容知識回顧:在前面講解了焦點圖、賣點說明圖、信息展示圖的制作方法,下面介紹店鋪裝修的相關(guān)知識。討論問題:1、切片存儲的格式有哪些?2、如何調(diào)整導航條中的內(nèi)容顯示順序?內(nèi)容大綱:具體可結(jié)合本章的PPT課件進行配合講解。6.1使用素材中心6.1.1圖片切片與保存6.1.2上傳圖片到素材中心6.1.3編輯素材中心圖片6.2裝修店鋪6.2.1認識裝修模塊6.2.2模塊裝修6.2.3熱點+源代碼裝修6.3實戰(zhàn)演練——裝修四件套詳情頁課后練習小結(jié)1、掌握素材中心的使用和編輯方法2、掌握熱點+源代碼裝修店鋪的方法思考及作業(yè)(1)本練習將利用素材裝修某店鋪頁頭以下的區(qū)域。裝修前網(wǎng)店美工需要先將其切片,上傳到素材中心后,利用首頁裝修頁面的“圖片輪播”模塊添加第一張圖片并設(shè)置模塊高度,新增“圖片輪播”“自定義區(qū)”模塊放置后兩張圖片,使其在視覺上呈現(xiàn)出兩張海報上下分布的布局方式,裝修后的效果如圖所示。(2)本練習將使用如圖所示的素材來裝修耳機的部分詳情頁區(qū)域。裝修前網(wǎng)店美工可先切片該圖片,上傳到素材中心后,利用詳情頁裝修頁面的“自定義區(qū)”模塊進行裝修。

課時內(nèi)容推廣圖與視頻的設(shè)計與制作授課時間180分鐘課時4教學目標掌握制作商品主圖的方法掌握制作引力魔方圖的方法掌握制作直通車圖的方法掌握制作直通車圖的方法掌握制作商品視頻的方法教學重點掌握主圖的設(shè)計技巧和制作方法掌握引力魔方圖的設(shè)計要點和注意些事項掌握直通車推廣圖的展現(xiàn)方式、設(shè)計要點和引流關(guān)鍵掌握商品視頻的類別和拍攝注意事項教學難點掌握推廣圖的設(shè)計思想,達到吸引顧客的目的掌握制作商品視頻的方法教學設(shè)計教學思路:(1)介紹主圖的制作技巧和規(guī)范,并通過綜合案例介紹制作主圖的方法;(2)介紹引力魔方圖的設(shè)計要點和注意事項,并通過綜合案例介紹制作引力魔方圖的方法;(3)介紹直通車推廣圖的設(shè)計要點和引流方法,并通過案例介紹直通車推廣圖的制作方法;(4)介紹商品視頻設(shè)計與制作,包括商品視頻的特點、商品視頻類別、拍攝商品視頻的注意事項等內(nèi)容,然后通過案例講解使用“剪映”制作主圖視頻的操作;(5)安排實戰(zhàn)演練和課后練習。教學手段:通過案例演示講解推廣圖與視頻的操作,講解結(jié)束后進行疑難解答與練習。教學資料及要求:除講解教材中的知識外,還可以了解更多推廣圖的制作,也可以了解使用其他視頻軟件制作視頻。教學內(nèi)容知識回顧:前面講解了使用素材中心和裝修店鋪等內(nèi)容,下面介紹各種推廣圖和視頻的制作過程。討論問題:1、各種推廣圖的尺寸要求是否一致?2、直通車推廣圖如何引流?內(nèi)容大綱:具體可結(jié)合本章的PPT課件進行配合講解。7.1主圖設(shè)計與制作7.1.1主圖規(guī)范7.1.2制作優(yōu)質(zhì)主圖的技巧7.1.3制作數(shù)據(jù)線主圖7.2引力魔方圖設(shè)計與制作7.2.1引力魔方圖的規(guī)范與設(shè)計要點7.2.2引力魔方圖的注意事項7.2.3制作周年慶引力魔方圖7.3直通車推廣圖設(shè)計與制作7.3.1直通車展現(xiàn)方式7.3.2直通車圖的設(shè)計要點7.3.3直通車圖引流的關(guān)鍵7.3.4制作剃須刀直通車圖7.4商品視頻設(shè)計與制作7.4.1商品視頻的特點7.4.2常見商品視頻類別7.4.3商品視頻拍攝的注意事項7.4.4制作柿子主圖視頻7.5實戰(zhàn)演練7.5.1制作掃地機器人直通車圖7.5.2制作休閑鞋引力魔方圖課后練習小結(jié)掌握各種推廣圖的制作方法掌握制作商品視頻的方法思考及作業(yè)(1)本練習將利用“橄欖油.psd”文件中的素材制作在聚劃算頁面投放的橄欖油商品主圖。網(wǎng)店美工在制作時可先添加各種素材,然后調(diào)整商品圖像的色彩并制作倒影,接著在圖片中輸入商品賣點、價格等重要信息,最后完善主圖的細節(jié),參考效果如圖所示。(2)本練習將利用“護膚品套裝”文件制作引力魔方圖。網(wǎng)店美工在制作時可先添加背景和商品圖片,然后輸入文本信息和繪制文本底紋,最后使用畫筆工具和蒙版制作商品和價格文字的倒影,使其位置基本位于同一水平面,增強空間感。參考效果如圖所示。

課時內(nèi)容移動端店鋪視覺設(shè)計與裝修授課時間180分鐘課時4教學目標熟悉移動端首頁模塊的組成掌握移動端首頁關(guān)鍵模塊的制作方法掌握移動端商品詳情頁的制作方法掌握移動端店鋪裝修方法教學重點掌握移動端首頁關(guān)鍵模塊的制作方法掌握移動端商品詳情頁的制作方法掌握移動端店鋪裝修方法教學難點掌握移動端頁面的裝修方法掌握移動端各頁面的設(shè)計方法教學設(shè)計教學思路:(1)先通過與PC端對比、模塊組成和設(shè)計注意事項,讓學生了解移動端首頁;(2)然后介紹移動端各個關(guān)鍵模塊的制作方法,包括輪播海報、單圖海報、優(yōu)惠券、商品分類、商品展示圖以及商品詳情頁;(3)繼續(xù)介紹移動端頁面的裝修,包括首頁裝修、商品詳情頁裝修;(4)最后安排實戰(zhàn)演練和課后練習。教學手段:通過裝修案例詳細講解移動端頁面設(shè)計與裝修的方法。教學資料及要求:除講解教材中的知識外,可瀏覽其他移動端店鋪,并分析優(yōu)秀移動端裝修效果,總結(jié)移動端修與推廣要點。教學內(nèi)容知識回顧:前面講解了主圖、引力魔方圖和直通車推廣圖的制作等相關(guān)知識,接下來介紹設(shè)計移動端各頁面和裝修店鋪等內(nèi)容。討論問題:1、移動端店鋪首頁與PC端首頁的組成模塊有何不同?2、如何應用模板快速實現(xiàn)移動端的裝修?內(nèi)容大綱:具體可結(jié)合本章的PPT課件進行配合講解。8.1移動端店鋪首頁設(shè)計基礎(chǔ)8.1.1移動端店鋪首頁與PC端店鋪首頁的區(qū)別8.1.2移動端店鋪首頁模塊的組成8.1.3移動端店鋪首頁設(shè)計的注意事項8.2移動端店鋪首頁設(shè)計8.2.1輪播海報設(shè)計8.2.2單圖海報設(shè)計8.2.3優(yōu)惠券設(shè)計8.2.4商品分類設(shè)計8.2.5商品展示圖設(shè)計8.3移動端商品詳情頁設(shè)計8.3.1移動端商品詳情頁的特征8.3.2移動端商品詳情頁的設(shè)計要點8.3.3設(shè)計移動端商品詳情頁8.4移動端店鋪裝修8.4.1移動端店鋪首頁裝修8.4.2移動端店鋪商品詳情頁裝修8.5實戰(zhàn)演練——制作茶葉店鋪移動端首頁課后練習小結(jié)了解移動端店鋪基礎(chǔ)知識掌握移動端頁面的裝修與設(shè)計操作思考

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論