電子商務(wù)視覺設(shè)計(jì) 教案全套 傅俊 項(xiàng)目1-6 電商視覺營銷的規(guī)劃- 動(dòng)態(tài)情景化的設(shè)計(jì)

《電商視覺設(shè)計(jì)》課程教案教學(xué)模塊項(xiàng)目一電商視覺營銷的規(guī)劃課時(shí)數(shù)9教學(xué)班級主講教師教學(xué)目的和要求知識目標(biāo)1.了解電商視覺營銷的概念；2.明確電商視覺營銷的目的和作用；3.認(rèn)識電商視覺營銷的原則；4.了解電商視覺設(shè)計(jì)定位的含義；5.熟悉電商視覺設(shè)計(jì)定位的思路；6.了解電商視覺情景化設(shè)計(jì)的內(nèi)容；7.明確情景化設(shè)計(jì)的要點(diǎn)。技能目標(biāo)1.通過實(shí)例掌握做好電商視覺營銷的思路和方法；2.掌握電商視覺設(shè)計(jì)定位的方法；3.能夠根據(jù)操作要點(diǎn)，了解如何進(jìn)行電商視覺情景化設(shè)計(jì)。素養(yǎng)目標(biāo)1.樹立正確的價(jià)值觀導(dǎo)向，不打擦邊球，不以媚俗另類宣傳導(dǎo)向。教學(xué)手法1.在理論知識講解中，教師以講述法、討論法、提問法為主，激發(fā)學(xué)生的學(xué)習(xí)興趣，讓學(xué)生主動(dòng)參與到學(xué)習(xí)中去，主動(dòng)探索，積極思考問題，從而對相關(guān)知識概念理解掌握。2.在實(shí)踐學(xué)習(xí)中，教師以演示法、指導(dǎo)法為主，讓學(xué)生在實(shí)踐操作中發(fā)現(xiàn)問題，教師及時(shí)予以指導(dǎo)，使其能夠?qū)⑺鶎W(xué)知識靈活運(yùn)用到實(shí)踐操作之中，掌握相關(guān)技能知識的操作。3.在教學(xué)實(shí)踐中，教師應(yīng)以學(xué)生為主體，充分發(fā)揮學(xué)生的自主能動(dòng)性。并且教師也應(yīng)充分利用多媒體教學(xué)方式及網(wǎng)絡(luò)課程資源，使課堂教學(xué)活動(dòng)更加生動(dòng)活躍，學(xué)生能夠積極參與其中。教學(xué)重難點(diǎn)重點(diǎn)：1.通過實(shí)例掌握做好電商視覺營銷的思路和方法；2.掌握電商視覺設(shè)計(jì)定位的方法。難點(diǎn)：1.能夠根據(jù)操作要點(diǎn)，進(jìn)行電商視覺情景化設(shè)計(jì)。教學(xué)要點(diǎn)設(shè)計(jì)1.通過講解電商視覺營銷的含義、目的、作用和原則，讓學(xué)生對電商視覺營銷有基本的認(rèn)知；通過案例講解視覺營銷步驟，加深學(xué)生對電商視覺營銷的理解；借助多媒體展示電商視覺營銷的圖片，讓學(xué)生自主分析電商視覺營銷中的誤區(qū)，為后面具體的實(shí)操打下良好的基礎(chǔ)。（135分鐘）2.通過講解電商視覺設(shè)計(jì)的含義和定位思路，幫助學(xué)生搭建電商視覺設(shè)計(jì)定位的知識體系；通過講解電商視覺設(shè)計(jì)定位的步驟，幫助學(xué)生了解如何進(jìn)行電商視覺設(shè)計(jì)的定位，模擬相關(guān)情景讓學(xué)生進(jìn)行實(shí)踐；以案例演示的方法引導(dǎo)學(xué)生分析電商設(shè)計(jì)不同的需求層次，讓學(xué)生知道需求層次的種類有哪些并能自主尋找相關(guān)案例。（135分鐘）3.通過講解情景化設(shè)計(jì)的概念，幫助學(xué)生了解什么是情景化；通過案例和學(xué)生一起探究電商情景化設(shè)計(jì)的要點(diǎn)和設(shè)計(jì)步驟，幫助學(xué)生理解在電商視覺情景化設(shè)計(jì)中應(yīng)該如何進(jìn)行設(shè)計(jì)以及在設(shè)計(jì)中需要注意的要點(diǎn)；同時(shí)讓學(xué)生可以結(jié)合以上知識點(diǎn)和概念討論總結(jié)出情景化設(shè)計(jì)在電商視覺營銷中的作用。（135分鐘）教學(xué)過程任務(wù)一電商視覺營銷認(rèn)知【預(yù)備知識】電商視覺營銷的概念視覺營銷是指通過視覺傳達(dá)來推廣品牌或者營銷產(chǎn)品。電商視覺營銷就是通過色彩、圖像和文字等內(nèi)容的添加和處理，形成強(qiáng)烈的視覺沖擊力進(jìn)而引起關(guān)注，吸引消費(fèi)者進(jìn)店消費(fèi)，刺激消費(fèi)者的購物欲望，促使成交?，F(xiàn)階段的電商視覺營銷除過依托文字、圖片、色彩以外，更多地融入了短視頻等元素，展現(xiàn)的場景也更為多元。二、電商視覺營銷的目的和作用視覺營銷的目的和作用在于促進(jìn)產(chǎn)品和消費(fèi)者之間的聯(lián)系，實(shí)現(xiàn)銷售和購買，同時(shí)提升品牌文化價(jià)值。1.吸引消費(fèi)者的注意2.引起興趣和購買欲3.樹立品牌形象三、電商視覺營銷的基本原則1.目的性2.審美性3.實(shí)用性4.一致性5.易讀性6.連續(xù)性【實(shí)施準(zhǔn)備】我國自古以來就有飲茶的文化，喝茶品茶，不僅能夠?qū)崿F(xiàn)最基礎(chǔ)的解渴功能，還能夠強(qiáng)身健體、修身養(yǎng)性。茶葉在我國從一種茶葉形成一種文化現(xiàn)象，本身也融合了營銷的思想。但是長久以來，國內(nèi)茶葉市場一直處于“強(qiáng)品類，弱品牌”的尷尬局面。隨著電商的融入，也有很多品牌希望通過在線市場來更好地拓展年輕消費(fèi)群體并樹立新的品牌形象。下面通過分析“湯臣杰遜”公司旗下一家力圖在電商市場打造高端龍井綠茶的品牌旗艦店——“盧正浩”的視覺營銷案例，進(jìn)一步了解如何做好電商視覺營銷。【任務(wù)實(shí)施與分析】電商視覺營銷步驟1.視覺營銷內(nèi)容規(guī)劃；2.利用海報(bào)強(qiáng)化品牌意識；3.利用細(xì)節(jié)圖展示產(chǎn)品品質(zhì)；4.產(chǎn)地溯源突出產(chǎn)品特色；5.利用包裝傳遞品牌故事。【拓展知識】電商視覺營銷的誤區(qū)遵循視覺營銷的思路做好視覺設(shè)計(jì)的工作并不簡單，不管是視覺元素的選取、還是色彩、版式、文案的打造都要認(rèn)真思考。而在實(shí)踐過程中，一些店鋪往往由于缺乏與消費(fèi)者的換位思考，容易遇到以下三種視覺營銷的誤區(qū)：1.展示的堆積2.風(fēng)格定位不清晰3.頁面布局失衡任務(wù)二電商視覺設(shè)計(jì)定位【預(yù)備知識】一、電商視覺設(shè)計(jì)定位的含義設(shè)計(jì)定位是指在設(shè)計(jì)前期在信息搜尋、整理、分析的基礎(chǔ)上，結(jié)合具體的營銷目標(biāo)而形成的設(shè)計(jì)目標(biāo)或設(shè)計(jì)方向。電商視覺設(shè)計(jì)定位主要有兩個(gè)方面的作用，一是將產(chǎn)品的特性或者品牌的營銷理念與消費(fèi)群體的視覺偏好進(jìn)行整合，塑造統(tǒng)一的視覺效果，以搶占消費(fèi)者的注意力和記憶力；二是為后續(xù)的視覺識別設(shè)計(jì)、元素設(shè)計(jì)等提供支持和依據(jù)。二、電商視覺設(shè)計(jì)定位的思路1.依據(jù)行業(yè)特性2.借鑒競爭對手經(jīng)驗(yàn)3.依據(jù)消費(fèi)群體的視覺偏好【實(shí)施準(zhǔn)備】設(shè)計(jì)定位是理論上的總的要求，偏向于原則性、方向性，是動(dòng)手設(shè)計(jì)的前提和基礎(chǔ)，而設(shè)計(jì)活動(dòng)又是一個(gè)思維跳躍和流動(dòng)的動(dòng)態(tài)活動(dòng)，需要有方向引導(dǎo)，確保整體設(shè)計(jì)不偏離營銷目的。在進(jìn)行電商視覺設(shè)計(jì)之前，確定設(shè)計(jì)定位有事半功倍的效果，可以引導(dǎo)著整個(gè)設(shè)計(jì)開發(fā)始終朝著營銷目標(biāo)前進(jìn)?！救蝿?wù)實(shí)施與分析】一、電商視覺設(shè)計(jì)定位步驟1.行業(yè)分析；2.競爭對手分析；3.消費(fèi)者分析。【拓展知識】一、電商視覺設(shè)計(jì)的需求層次按照需求層次的不同，電商視覺設(shè)計(jì)的需求層次可以劃分為：1.價(jià)格導(dǎo)向的視覺營銷設(shè)計(jì)2.功能導(dǎo)向的視覺營銷設(shè)計(jì)3.情感導(dǎo)向的視覺營銷設(shè)計(jì)4.地位導(dǎo)向的視覺營銷設(shè)計(jì)5.品牌導(dǎo)向的視覺營銷設(shè)計(jì)任務(wù)三電商視覺情景化設(shè)計(jì)【預(yù)備知識】一、情景化設(shè)計(jì)的概念情景化設(shè)計(jì)是通過一定的情景來調(diào)動(dòng)消費(fèi)群體的某種情緒，以期達(dá)到營銷的目的設(shè)計(jì)手法。情景化設(shè)計(jì)強(qiáng)調(diào)虛擬化的營造，在視覺上給消費(fèi)群體去描述能夠得到其認(rèn)同的情景，依托的是符合消費(fèi)群體的某種價(jià)值觀和對社交特性的追求。二、電商情景化設(shè)計(jì)的要點(diǎn)情景化設(shè)計(jì)可以分為情和景，景的構(gòu)成主要是氛圍、場景和關(guān)聯(lián)元素，情的構(gòu)成主要是情感、情節(jié)和行為，最后將世界觀、價(jià)值感、沉浸感串聯(lián)起來融入設(shè)計(jì)，觸發(fā)認(rèn)同和情感共鳴。1.定義情景2.賦予價(jià)值3.提供選擇4.感官刺激5.情感設(shè)計(jì)6.認(rèn)知提升【實(shí)施準(zhǔn)備】電商視覺設(shè)計(jì)的形成是從需求逐步具象化的，從不同層次的需求對設(shè)計(jì)的每個(gè)層級進(jìn)行細(xì)致地拆解，能夠更為高效地明確設(shè)計(jì)內(nèi)容。電商視覺設(shè)計(jì)師可以在創(chuàng)作情景化設(shè)計(jì)時(shí)，從前期與需求方溝通的階段開始思考，規(guī)劃好執(zhí)行階段和修改的方向，并將各個(gè)步驟的定位和視覺效果落實(shí)到具體的細(xì)節(jié)元素上?！救蝿?wù)實(shí)施與分析】一、電商視覺情景化設(shè)計(jì)步驟1.需求分析；2.了解目標(biāo)消費(fèi)者；3.確定設(shè)計(jì)方向；4.構(gòu)思和繪制草圖；5.設(shè)計(jì)制作；6.修改并完成設(shè)計(jì)?！就卣怪R】一、情景化設(shè)計(jì)在電商視覺營銷中的作用1.提高信息傳輸和接收的速率2.呈現(xiàn)個(gè)性化的視覺效果3.提升用戶體驗(yàn)思政小課堂在情景化設(shè)計(jì)中，更多的時(shí)候需要去發(fā)掘設(shè)計(jì)定位目標(biāo)中的情緒，從而引起消費(fèi)群體的共鳴。情景化設(shè)計(jì)不能是一味追求博出位或者販賣焦慮而沒有更多實(shí)際價(jià)值，這類情景化的展現(xiàn)從長遠(yuǎn)看來只能是產(chǎn)生品牌口碑的負(fù)面影響，更不能追求審丑甚至迎合西方不良導(dǎo)向，站到社會(huì)公序良德的對面。作為一名電商視覺設(shè)計(jì)師更需要時(shí)刻關(guān)注社會(huì)動(dòng)態(tài)，正面弘揚(yáng)社會(huì)的真善美?！峨娚叹W(wǎng)站的視覺規(guī)劃》課程教案教學(xué)模塊項(xiàng)目二電商網(wǎng)站的視覺規(guī)劃課時(shí)數(shù)9教學(xué)班級主講教師教學(xué)目的和要求知識目標(biāo)1.了解產(chǎn)品需求分析的概念、內(nèi)容；2.熟悉產(chǎn)品概念設(shè)計(jì)的內(nèi)容；3.熟悉產(chǎn)品原型制作的理論知識。技能目標(biāo)1.能夠獨(dú)立進(jìn)行產(chǎn)品需求分析，并撰寫需求報(bào)告；2.能夠根據(jù)產(chǎn)品需求分析，獨(dú)立進(jìn)行產(chǎn)品概念設(shè)計(jì)；3.能夠進(jìn)行簡單的產(chǎn)品原型制作。素養(yǎng)目標(biāo)1.了解社會(huì)主義核心價(jià)值觀，誠實(shí)守信，遵守職業(yè)道德；2.具備積極主動(dòng)的工作態(tài)度、較強(qiáng)的視覺審美與設(shè)計(jì)能力；3.具備較強(qiáng)的溝通能力和良好的解決問題能力。教學(xué)手法1.基礎(chǔ)知識，教師利用講授法和問答法，首先通過提問引發(fā)學(xué)生思考，讓學(xué)生發(fā)表自己關(guān)于問題的見解，教師總結(jié)學(xué)生答案并講授重要知識點(diǎn)；2.重難點(diǎn)知識，教師利用任務(wù)驅(qū)動(dòng)法，在課程開始前告知學(xué)生學(xué)習(xí)目標(biāo)，引導(dǎo)學(xué)生圍繞學(xué)習(xí)目標(biāo)先自行探索、再進(jìn)行合作探究，總結(jié)遇到的困難和問題，然后老師指導(dǎo)學(xué)生進(jìn)行實(shí)操，梳理并總結(jié)出知識要點(diǎn)。教學(xué)重難點(diǎn)重點(diǎn)：1.掌握產(chǎn)品概念設(shè)計(jì)的內(nèi)容；2.撰寫需求報(bào)告。難點(diǎn)：1.能夠獨(dú)立進(jìn)行產(chǎn)品概念設(shè)計(jì)；2.能夠進(jìn)行簡單的產(chǎn)品原型制作。教學(xué)要點(diǎn)設(shè)計(jì)1.教師設(shè)置問題引發(fā)學(xué)生自主思考：我們在對產(chǎn)品需求分析的時(shí)候需要怎么開展呢？教師鼓勵(lì)學(xué)生根據(jù)自己所學(xué)知識進(jìn)行回答，教師結(jié)合案例講解產(chǎn)品需求分析和產(chǎn)品概念設(shè)計(jì)。在學(xué)生對于產(chǎn)品需求有一定認(rèn)識的基礎(chǔ)之上，引導(dǎo)學(xué)生分組討論，進(jìn)行產(chǎn)品分析的內(nèi)容的分析，有哪些注意事項(xiàng)，并在小組內(nèi)推舉代表發(fā)言。教師總結(jié)學(xué)生發(fā)言并將所有知識點(diǎn)進(jìn)行系統(tǒng)講解，為學(xué)生講解撰寫需求分析報(bào)告的要素，并結(jié)合案例講解需求分析的工作流程；（135分鐘）2.教師在課程一開始，先設(shè)置問題，引發(fā)學(xué)生思考：如何理解產(chǎn)品概念設(shè)計(jì)？引導(dǎo)學(xué)生對問題進(jìn)行討論并陳述自己的認(rèn)識，教師根據(jù)發(fā)言情況進(jìn)行知識講解產(chǎn)品概念設(shè)計(jì)的內(nèi)容，并配合案例展示加深學(xué)生的印象和理解；實(shí)操部分，教師先行進(jìn)行在產(chǎn)品概念設(shè)計(jì)規(guī)范和步驟講解，在操作過程中將所有要點(diǎn)進(jìn)行細(xì)致講解，學(xué)生明白了如何操作后，進(jìn)行獨(dú)立練習(xí)，教師隨時(shí)關(guān)注學(xué)生的進(jìn)展并解決設(shè)計(jì)過程中遇到的各種問題；（135分鐘）3.教師在課程開始前，告訴學(xué)生本次課程的目標(biāo)是認(rèn)識產(chǎn)品原型制作，鼓勵(lì)學(xué)生通過資料搜索與閱讀、合作討論等方式先自行了解相關(guān)內(nèi)容。具體操作問題，教師演示利用Axure軟件進(jìn)行一個(gè)“生活類電商網(wǎng)站”高保真原型制作，并引導(dǎo)學(xué)生跟隨老師共同操作，教師及時(shí)關(guān)注學(xué)生學(xué)習(xí)進(jìn)展，對學(xué)生產(chǎn)生的疑問進(jìn)行解答，并在課程結(jié)束前總結(jié)知識框架。（135分鐘）教學(xué)過程任務(wù)一產(chǎn)品需求分析【預(yù)備知識】一、認(rèn)識產(chǎn)品需求分析產(chǎn)品需求分析是進(jìn)行產(chǎn)品設(shè)計(jì)的前提,是開發(fā)人員經(jīng)過深入細(xì)致的調(diào)研和分析，準(zhǔn)確理解用戶和項(xiàng)目的功能、性能、可靠性等具體要求，將用戶非形式的需求表述轉(zhuǎn)化為完整的需求定義，從而確定系統(tǒng)功能的過程。在產(chǎn)品需求分析的過程中需要注意刪減和整合，刪減是去掉不可能實(shí)現(xiàn)的需求，這些需求通常不切實(shí)際或者說以目前的技術(shù)難以實(shí)現(xiàn)；整合是合并類似或相同的需求，這樣有助于后續(xù)的工作。二、產(chǎn)品分析的內(nèi)容1.用戶畫像分析2.競品分析3.用戶場景分析三、需求分析報(bào)告在完成需求分析后，為了方便指導(dǎo)后續(xù)工作的進(jìn)行，需要書寫需求分析報(bào)告。需求階段的成果包括用戶需求報(bào)告、軟件需求規(guī)格說明書。1.用戶需求報(bào)告2.軟件需求規(guī)格說明書3.項(xiàng)目介紹4.應(yīng)用環(huán)境5.功能規(guī)格6.需求變更7.產(chǎn)品提交【任務(wù)實(shí)施與分析】需求分析的工作流程，根據(jù)項(xiàng)目的復(fù)雜程度有所區(qū)別，但是總的來說，分成以下四個(gè)環(huán)節(jié)：步驟1：獲取需求步驟2：分析需求步驟3：整合需求步驟4：形成報(bào)告【拓展知識】一、判斷需求優(yōu)先級的方法-四象限法則四象限法則將需求等級劃分為：重要且緊急，重要不緊急，不重要不緊急，不重要卻緊急。重要且緊急，必須盡快分配資源，抓緊時(shí)間來實(shí)現(xiàn)。重要不緊急，需要花時(shí)間、精力去精細(xì)化處理好。如果不及時(shí)處理，就堆積到第一象限了。不重要不緊急和不重要卻緊急，雖然是不重要的事情，但它們也是需求，可以花費(fèi)一定的時(shí)間統(tǒng)一去處理。注意這類需求要和前面的需求嚴(yán)格區(qū)分開來，不能因?yàn)檫吘壢蝿?wù)影響主線任務(wù)進(jìn)展。任務(wù)二產(chǎn)品概念設(shè)計(jì)【預(yù)備知識】一、認(rèn)識產(chǎn)品概念設(shè)計(jì)產(chǎn)品概念設(shè)計(jì)是指由分析用戶需求到生成概念產(chǎn)品的一系列有序的、可組織的、有目標(biāo)的設(shè)計(jì)活動(dòng)，產(chǎn)品概念設(shè)計(jì)的最終目的是開發(fā)新產(chǎn)品，而新產(chǎn)品必須滿足用戶需求，這就要求產(chǎn)品概念設(shè)計(jì)要以用戶需求為重要設(shè)計(jì)依據(jù)。二、產(chǎn)品概念設(shè)計(jì)的內(nèi)容通常在電商網(wǎng)站產(chǎn)品概念設(shè)計(jì)時(shí)，會(huì)用到信息架構(gòu)圖、功能流程圖、頁面流程圖等三種圖形：1.信息架構(gòu)圖2.功能流程圖3.頁面流程圖三、設(shè)計(jì)規(guī)范在產(chǎn)品概念設(shè)計(jì)的過程中，需要圍繞需求進(jìn)行，從得到的需求出發(fā)，根據(jù)現(xiàn)有的互聯(lián)網(wǎng)設(shè)計(jì)技術(shù)進(jìn)行產(chǎn)品概念設(shè)計(jì)。在設(shè)計(jì)流程圖的過程中，有以下基本要求：1.有中心。這里的中心是指在產(chǎn)品概念設(shè)計(jì)時(shí)，需要圍繞著“需求”進(jìn)行，設(shè)計(jì)出來的網(wǎng)站，能夠滿足客戶的需求。2.切合實(shí)際。因?yàn)槭窃O(shè)計(jì)，所以有很多的發(fā)揮空間，但產(chǎn)品概念設(shè)計(jì)影響后續(xù)的產(chǎn)品原型制作，所以整個(gè)產(chǎn)品概念設(shè)計(jì)過程中需要注意設(shè)計(jì)內(nèi)容能夠落地，進(jìn)行實(shí)施?！救蝿?wù)實(shí)施與分析】通常情況下，產(chǎn)品概念設(shè)計(jì)的流程分為了以下四個(gè)步驟：步驟1：研讀需求報(bào)告，梳理產(chǎn)品框架步驟2：設(shè)計(jì)信息架構(gòu)圖步驟3：設(shè)計(jì)功能流程圖步驟4：設(shè)計(jì)頁面流程圖【拓展知識】一、產(chǎn)品概念設(shè)計(jì)的研究發(fā)展方向隨著科學(xué)技術(shù)的不斷發(fā)展，產(chǎn)品概念設(shè)計(jì)的研究也必須向集成化、智能化、網(wǎng)絡(luò)化、數(shù)字化的方向發(fā)展，進(jìn)一步拓展產(chǎn)品概念設(shè)計(jì)的研究深度和廣度。在研究內(nèi)容上，要重視對概念設(shè)計(jì)內(nèi)在規(guī)律、思維模式的研究；在研究對象上，要重視對復(fù)雜產(chǎn)品的概念設(shè)計(jì)研究；在實(shí)現(xiàn)技術(shù)上，要重視對網(wǎng)絡(luò)技術(shù)和數(shù)字技術(shù)的應(yīng)用研究。1.復(fù)雜產(chǎn)品概念設(shè)計(jì)模型研究2.統(tǒng)一產(chǎn)品模型描述方式的研究3.協(xié)作式產(chǎn)品概念設(shè)計(jì)研究4.人機(jī)協(xié)作的概念設(shè)計(jì)系統(tǒng)研究任務(wù)三產(chǎn)品原型制作【預(yù)備知識】一、認(rèn)識產(chǎn)品原型制作1.產(chǎn)品原型的定義產(chǎn)品原型是設(shè)計(jì)方案的表達(dá)，是產(chǎn)品經(jīng)理、交互設(shè)計(jì)師的重要產(chǎn)出物之一，可以讓用戶提前體驗(yàn)產(chǎn)品，供開發(fā)團(tuán)隊(duì)之間交流設(shè)計(jì)構(gòu)想、展示復(fù)雜交互的方式。2.產(chǎn)品原型的種類產(chǎn)品設(shè)計(jì)原型按照精細(xì)程度來分，可分為低保真產(chǎn)品原型和高保真產(chǎn)品原型。二、產(chǎn)品原型制作工具AxureRP介紹AxureRP是美國AxsureSoftwareSolution公司旗艦產(chǎn)品，一個(gè)專業(yè)的快速原型設(shè)計(jì)工具，支持Windows和MacOS,它能夠讓產(chǎn)品經(jīng)理等設(shè)計(jì)人員快速創(chuàng)建應(yīng)用軟件或Web網(wǎng)站的線框圖、流程圖、原型和規(guī)格說明書【任務(wù)實(shí)施與分析】下面利用Axure軟件進(jìn)行一個(gè)“生活類電商網(wǎng)站”高保真原型制作。步驟1：利用前面所學(xué)知識，梳理出“生活類電商網(wǎng)站”——未來生活網(wǎng)的基本；步驟2：根據(jù)信息架構(gòu)圖發(fā)現(xiàn)需要制作6個(gè)Web網(wǎng)站頁面，打開AxureRP軟件，在“左側(cè)”頁面處進(jìn)行文件夾的創(chuàng)建；步驟3：網(wǎng)站首頁制作；步驟3.1：設(shè)置原型尺寸步驟3.2：制作網(wǎng)站名稱步驟3.3：制作導(dǎo)航欄步驟3.4：制作單張海報(bào)圖步驟3.5：進(jìn)行“好評如潮”、“新品上線”“買手力薦”等模塊的設(shè)置【拓展知識】其他產(chǎn)品原型制作工具介紹1.VisioVisio是微軟公司所研發(fā)的辦公軟件之一，也是目前市場上主流的繪圖軟件。便于IT和商務(wù)專業(yè)人員就復(fù)雜信息、系統(tǒng)和流程進(jìn)行可視化處理、分析和交流的軟件，它不僅可以將用戶的思想、設(shè)計(jì)與最終產(chǎn)品演變成形象化的圖像進(jìn)行傳播，而且還可以幫助用戶創(chuàng)建具有專業(yè)外觀的圖表，以便理解、記錄和分析信息、數(shù)據(jù)、系統(tǒng)和過程2.墨刀墨刀是一款在線原型設(shè)計(jì)工具。借助于墨刀，創(chuàng)業(yè)者、產(chǎn)品經(jīng)理及UI/UX設(shè)計(jì)師能夠快速構(gòu)建移動(dòng)應(yīng)用產(chǎn)品原型，并向他人演示。作為一款專注移動(dòng)應(yīng)用的原型工具，墨刀把全部功能都進(jìn)行了模塊化，用戶也能選擇頁面切換特效及主題，操作方式也相對簡便，大部分操作都可通過鼠標(biāo)拖動(dòng)來完成。思政小課堂Web視覺設(shè)計(jì)是一門綜合的藝術(shù)表現(xiàn)形式。電商網(wǎng)站視覺規(guī)劃在實(shí)現(xiàn)產(chǎn)品需求功能的同時(shí)，也不能忽視電商視覺美學(xué)原理，在設(shè)計(jì)產(chǎn)品概念、繪制產(chǎn)品原型的時(shí)候，要將網(wǎng)站的功能性、實(shí)用性、便捷性與電商美學(xué)相統(tǒng)一，設(shè)計(jì)出簡潔大方、美觀實(shí)用的電商網(wǎng)站?！毒W(wǎng)站商城整體設(shè)計(jì)》課程教案教學(xué)模塊項(xiàng)目三網(wǎng)站商城整體設(shè)計(jì)課時(shí)數(shù)15教學(xué)班級主講教師教學(xué)目的和要求知識目標(biāo)1.了解品牌調(diào)性的概念、確立方法以及具體體現(xiàn)；2.了解網(wǎng)站商城頁內(nèi)容構(gòu)成、框架視覺動(dòng)線設(shè)計(jì)、框架設(shè)計(jì)原則；3.明確商品主圖的類型、構(gòu)圖方式以及設(shè)計(jì)時(shí)的注意事項(xiàng)；4.熟知網(wǎng)站結(jié)構(gòu)基礎(chǔ)知識、網(wǎng)站欄目類型以及網(wǎng)站欄目設(shè)計(jì)標(biāo)準(zhǔn)；5.了解專題頁的基本概況、專題頁的構(gòu)成以及常見版式。技能目標(biāo)1.能夠根據(jù)品牌需求、行業(yè)狀況、目標(biāo)人群特征確定商城的品牌調(diào)性；2.能夠根據(jù)網(wǎng)站需求以及消費(fèi)者瀏覽習(xí)慣設(shè)計(jì)出網(wǎng)站商城頁框架；3.能夠根據(jù)商城特征選擇符合品牌調(diào)性的主圖類型并設(shè)計(jì)出展現(xiàn)產(chǎn)品特征的主圖；4.能夠根據(jù)給定的網(wǎng)站信息梳理出網(wǎng)站適合的物理結(jié)構(gòu)和邏輯結(jié)構(gòu)，并選擇合適的網(wǎng)站欄目類型，設(shè)計(jì)出符合需求的網(wǎng)站欄目；5.能夠在明確品牌方需求后設(shè)計(jì)出符合主題的網(wǎng)站專題頁面。素養(yǎng)目標(biāo)1.具備積極主動(dòng)的工作態(tài)度、較強(qiáng)的視覺審美與設(shè)計(jì)能力；2.具備較強(qiáng)的溝通能力和良好的解決問題能力；3.培養(yǎng)愛崗敬業(yè)、精益求精的工匠精神。教學(xué)手法1.基礎(chǔ)知識，教師利用講授法和問答法，首先通過提問引發(fā)學(xué)生思考，讓學(xué)生發(fā)表自己關(guān)于問題的見解，教師總結(jié)學(xué)生答案并講授重要知識點(diǎn)；2.重難點(diǎn)知識，教師利用任務(wù)驅(qū)動(dòng)法，在課程開始前告知學(xué)生學(xué)習(xí)目標(biāo)，引導(dǎo)學(xué)生圍繞學(xué)習(xí)目標(biāo)先自行探索、再進(jìn)行合作探究，總結(jié)遇到的困難和問題，然后老師指導(dǎo)學(xué)生進(jìn)行實(shí)操，梳理并總結(jié)出知識要點(diǎn)。教學(xué)重難點(diǎn)重點(diǎn)：1.網(wǎng)站商城頁框架設(shè)計(jì)；2.商品主圖設(shè)計(jì)。難點(diǎn)：1.品牌調(diào)性的確立；2.網(wǎng)站專題頁面設(shè)計(jì)。教學(xué)要點(diǎn)設(shè)計(jì)1.教師首先通過展示案例，讓學(xué)生觀看并指出網(wǎng)站商城設(shè)計(jì)的品牌調(diào)性，并闡述自己對品牌調(diào)性的理解。在學(xué)生對于品牌調(diào)性有一定認(rèn)識的基礎(chǔ)之上，引導(dǎo)學(xué)生分組討論，進(jìn)行品牌調(diào)性概念和確定方法，并在小組內(nèi)推舉代表發(fā)言。教師總結(jié)學(xué)生發(fā)言并系統(tǒng)講解品牌調(diào)性的具體體現(xiàn)，為學(xué)生建立完整的知識體系；（90分鐘）2.教師在課程一開始，先設(shè)置問題，引發(fā)學(xué)生思考：網(wǎng)站商城頁內(nèi)容構(gòu)成有什么？引導(dǎo)學(xué)生對問題進(jìn)行討論并陳述自己的認(rèn)識，教師根據(jù)發(fā)言情況進(jìn)行知識講解，并配合案例展示加深學(xué)生的印象和理解；讓學(xué)生觀察網(wǎng)站商城視覺動(dòng)線的設(shè)計(jì)，并總結(jié)出有哪些類型。最后講師講解網(wǎng)站商城頁框架設(shè)計(jì)的原則，并引導(dǎo)學(xué)生實(shí)操，讓學(xué)生按步驟進(jìn)行網(wǎng)站商城頁框架搭建，教師隨時(shí)關(guān)注學(xué)生的進(jìn)展并解決設(shè)計(jì)過程中遇到的各種問題；（180分鐘）3.教師在課程開始前，告訴學(xué)生本次課程的目標(biāo)是掌握商品主圖設(shè)計(jì)，鼓勵(lì)學(xué)生通過資料搜索與閱讀、合作討論等方式先自行了解相關(guān)內(nèi)容。具體操作問題，可以參考老師的操作演示，教師及時(shí)關(guān)注學(xué)生學(xué)習(xí)進(jìn)展，對學(xué)生產(chǎn)生的疑問進(jìn)行解答，并在課程結(jié)束前總結(jié)知識框架，最后給予學(xué)生選題，讓學(xué)生獨(dú)立進(jìn)行設(shè)計(jì)。（135分鐘）4.教師將學(xué)生分成小組，讓學(xué)生自主查閱并交流網(wǎng)站欄目設(shè)計(jì)有哪些要點(diǎn)，設(shè)計(jì)中可能會(huì)遇到的問題，結(jié)合問題講解梳理網(wǎng)站結(jié)構(gòu)基礎(chǔ)知識整個(gè)知識框架。最后結(jié)合案例講解網(wǎng)站欄目設(shè)計(jì)標(biāo)準(zhǔn)，梳理設(shè)計(jì)的步驟。（135分鐘）5.教師講解：教師演示講解網(wǎng)站專題頁面設(shè)計(jì)，并講解網(wǎng)站專題頁面設(shè)計(jì)的基礎(chǔ)知識。教師通過案例展示專題頁的常見版式，并引導(dǎo)學(xué)生討論這些板式之間的區(qū)別，以及在制作中可能遇到的問題，教師對學(xué)生的問題進(jìn)行逐一引導(dǎo)，讓學(xué)生明確每一步的編寫要點(diǎn)，最后大家一起討論進(jìn)行補(bǔ)充。最后通過問答的方式回顧本講的要點(diǎn)知識（135分鐘）教學(xué)過程任務(wù)一品牌調(diào)性的確立【預(yù)備知識】一、品牌調(diào)性的概念品牌調(diào)性是指品牌在市場中所運(yùn)用的獨(dú)有的語言識別，品牌調(diào)性的構(gòu)成主要包括品牌核心價(jià)值定義闡釋、品牌價(jià)值訴求、品牌標(biāo)識語、品牌故事以及品牌主廣告語等。簡單來說，品牌調(diào)性是指一家企業(yè)長期的、穩(wěn)定的、統(tǒng)一的風(fēng)格。這種風(fēng)格最終達(dá)到的目的是讓消費(fèi)者能夠快速、準(zhǔn)確地識別出品牌，并形成認(rèn)知，進(jìn)而培養(yǎng)出粉絲經(jīng)濟(jì)，產(chǎn)出經(jīng)濟(jì)利潤。站在視覺設(shè)計(jì)的角度而言，品牌調(diào)性是一種包括品牌符號化的傳達(dá)到消費(fèi)者的印象記憶。品牌符號可以是名字、logo、顏色、字體、口號、包裝、代言人、網(wǎng)站風(fēng)格等。具體到網(wǎng)站商城整體設(shè)計(jì)中，視覺設(shè)計(jì)師需要根據(jù)相應(yīng)的品牌及企業(yè)定位設(shè)計(jì)與其風(fēng)格一致的網(wǎng)站頁面，包括首頁、專題頁、產(chǎn)品列表頁、產(chǎn)品詳情頁、后臺頁等。二、品牌調(diào)性的確立方法品牌調(diào)性的確立方法主要有三點(diǎn)，分別是找準(zhǔn)品牌定位，了解目標(biāo)人群、找到差異化競爭點(diǎn)以及打造視覺符號，形成消費(fèi)者記憶點(diǎn)。1.找準(zhǔn)品牌定位，了解目標(biāo)人群2.找到競爭化差異點(diǎn)3.打造視覺符號，形成消費(fèi)者記憶點(diǎn)三、品牌調(diào)性的具體體現(xiàn)在視覺設(shè)計(jì)的領(lǐng)域中，品牌調(diào)性的具體體現(xiàn)主要表現(xiàn)在品牌LOGO、字體、文案、色彩等方面?！救蝿?wù)實(shí)施與分析】1.步驟1：調(diào)研確立品牌調(diào)性，需要先明確品牌調(diào)性的方向，想要實(shí)現(xiàn)這一目標(biāo)，需要通過調(diào)研進(jìn)行確定。調(diào)研主要分為三個(gè)方向：品牌方、行業(yè)其他商城以及企業(yè)方目標(biāo)人群。步驟2：分析當(dāng)調(diào)研完基本信息，需要針對基本信息展開分析，這些分析的具體信息匯總起來最終指向品牌調(diào)性的具體體現(xiàn)。步驟3：策劃信息分析完畢之后，在實(shí)施之前需要進(jìn)行策劃，策劃的方面包括網(wǎng)站風(fēng)格、網(wǎng)站元素、品牌LOGO、網(wǎng)頁字體、網(wǎng)頁版式、網(wǎng)頁文案風(fēng)格、網(wǎng)站色彩等。步驟4：實(shí)施完成品牌調(diào)性策劃之后，當(dāng)后續(xù)商城框架搭建成功按照策劃表確定信息進(jìn)行實(shí)施即可?！就卣怪R】一、電子商務(wù)網(wǎng)站設(shè)計(jì)準(zhǔn)則無論是大型的電商平臺網(wǎng)站，還是中小型的電子商務(wù)類網(wǎng)站，在網(wǎng)站設(shè)計(jì)初始，都應(yīng)考慮網(wǎng)站的美觀性、界面的友好性以及訪問的便捷性。因此，網(wǎng)站設(shè)計(jì)需要遵循一定的準(zhǔn)則，具體如下：1.明確網(wǎng)站建設(shè)的目的和用戶的需求2.總體設(shè)計(jì)主題明確3.鏈接準(zhǔn)確無誤4.保證網(wǎng)站信息的時(shí)效性【思考與總結(jié)】品牌調(diào)性的確立還與哪些內(nèi)容有關(guān)？【能力提升】請同學(xué)們簡述品牌調(diào)性確立的具體步驟，并將其繪制成腦圖形式進(jìn)行呈現(xiàn)。【任務(wù)訓(xùn)練】根據(jù)本任務(wù)章節(jié)內(nèi)容，根據(jù)任務(wù)步驟，完成拓展任務(wù)。任務(wù)二網(wǎng)站商城頁框架設(shè)計(jì)【預(yù)備知識】一、網(wǎng)站商城頁內(nèi)容構(gòu)成網(wǎng)站商城頁主是一個(gè)企業(yè)或品牌用于展示其產(chǎn)品或服務(wù)的頁面，網(wǎng)站商城頁面主要由頁頭、主體、頁腳三部分構(gòu)成。網(wǎng)站商城頁視覺動(dòng)線設(shè)計(jì)視覺動(dòng)線是指視覺注意在平面空間注意點(diǎn)的移動(dòng)軌跡，網(wǎng)站商城頁的視覺動(dòng)線設(shè)計(jì)是通過對商城首頁上的各種元素進(jìn)行靈活運(yùn)用和合理編排，在元素之間形成一種秩序關(guān)系，使其呈現(xiàn)出規(guī)律性排布的視覺效果，從而在視覺上形成秩序感。常用的動(dòng)線設(shè)計(jì)有Z型、E型兩種。網(wǎng)站商城頁框架設(shè)計(jì)的原則在進(jìn)行網(wǎng)站商城頁設(shè)計(jì)時(shí)，視覺設(shè)計(jì)師需遵循一定的原則，主要有以下幾方面：1.清晰2.以用戶為中心3.形式統(tǒng)一4.布局合理5.主題明確【任務(wù)實(shí)施與分析】步驟1：確定商城頁模塊步驟2：選擇框架視覺動(dòng)線步驟3：細(xì)化模塊內(nèi)容步驟4：形成框架搭建效果圖【拓展知識】一、網(wǎng)站頁面設(shè)計(jì)的注意事項(xiàng)網(wǎng)站頁面設(shè)計(jì)需要注意以下內(nèi)容：1.采用高清大圖，圖片不能有水??；2.有圖片的位置最好配有文字說明，避免大面積圖片擺放；3.文字排版時(shí)，標(biāo)點(diǎn)符號不能在一行的第一個(gè)，一個(gè)文字除特殊情況外不要獨(dú)立占據(jù)一行；4.如果色塊中有文字，文字的間距要適宜，避免有太多留白空間；5.設(shè)計(jì)菜單欄，如果箭頭朝下則需設(shè)置下拉菜單，如果下拉菜單是合起的狀態(tài)，則箭頭朝右；6.Banner不能是現(xiàn)成的圖片，需要進(jìn)行合成與設(shè)計(jì)，也需要配有文字說明；7.產(chǎn)品分類中需全面展示產(chǎn)品的不同類型；8.如有鏈接設(shè)置需要，鏈接點(diǎn)擊入口要醒目，讓用戶可以快速找到；9.在網(wǎng)頁設(shè)計(jì)中不要有重復(fù)圖片；10.同一版塊內(nèi)的圖片要選擇同一種類型與風(fēng)格；11.圖片與文字要保持適當(dāng)?shù)木嚯x，不要太近或太遠(yuǎn)。任務(wù)三商品主圖設(shè)計(jì)【預(yù)備知識】一、商品主圖的類型商品主圖指的是電子商務(wù)平臺中在產(chǎn)品搜索頁面和產(chǎn)品詳情頁面中用于展示商品整體樣貌的圖片。根據(jù)主圖的設(shè)計(jì)排版和圖片展示效果，商品主圖的類型主要有品牌感主圖、簡約型主圖、場景化主圖、營銷型主圖四種。商品主圖的構(gòu)圖方式作為展示產(chǎn)品的重要窗口，主圖的構(gòu)圖尤為重要。常見的主圖構(gòu)圖方式有左右排版構(gòu)圖、中心對稱排版構(gòu)圖、中心圍繞排版構(gòu)圖、上下排版構(gòu)圖等四類。主圖設(shè)計(jì)的注意事項(xiàng)在進(jìn)行主圖設(shè)計(jì)時(shí)，需要注意以下內(nèi)容：1.主圖的頁面需要做到干凈、整潔，文案精簡明了2.主圖色彩搭配和諧3.圖片營銷文案設(shè)計(jì)合理【任務(wù)實(shí)施與分析】步驟1：選擇主圖類型步驟2：拍攝照片步驟3：設(shè)計(jì)主圖文案步驟4：確定排版方式步驟5：制作主圖【拓展知識】一、淘寶網(wǎng)店主圖發(fā)布標(biāo)準(zhǔn)淘寶平臺對于賣家發(fā)布的商品主圖有著明確規(guī)定，大部分品類都需要遵守如下要求，如果違反以下任一規(guī)定，平臺將會(huì)給予下架商品且單個(gè)商品搜索降權(quán)三天的處理。1.應(yīng)至少發(fā)布兩張及以上的主圖，圖片為正方形的JPG格式，圖片大小800×800px，分辨率72dpi。2.所有主圖不得拼接，不得出現(xiàn)任何形式的邊框，不得出現(xiàn)水印，無“牛皮癬”。3.第一張主圖的文字描述只能出現(xiàn)在圖片底部的十分之二高度以內(nèi)，不得包含促銷類信息，該類信息包括但不限于限時(shí)折扣、包郵、×折、滿×送×等。當(dāng)賣家為商標(biāo)所有人，如在第一張主圖放置品牌logo，必須放置在整體主圖的左上角，尺寸不得超過寬度的十分之四，高度的十分之二。4.第二張主圖必須為無任何logo、文字描述的純圖。5.商品需要正面展示，盡量避免側(cè)面或者背面展示，主體不要左右傾斜。6.圖片美觀度高，品質(zhì)感強(qiáng)，商品展現(xiàn)盡量平整，不要有褶皺。7.構(gòu)圖明快簡潔，商品主體清晰、明確、突出，要居中放置。8.每張主圖中只能出現(xiàn)一個(gè)主體，不可出現(xiàn)多個(gè)相同主體。9.圖片中的商品主體必須展示完整，展現(xiàn)比例不要過小，商品主體要大于300×300px。任務(wù)四網(wǎng)站欄目設(shè)計(jì)【預(yù)備知識】一、網(wǎng)站結(jié)構(gòu)基礎(chǔ)知識從網(wǎng)站建設(shè)的角度來看，網(wǎng)站搭建有兩個(gè)層面的結(jié)構(gòu)形式：1.網(wǎng)站的物理結(jié)構(gòu)（1）扁平式結(jié)構(gòu)（2）樹形結(jié)構(gòu)2.網(wǎng)站的邏輯結(jié)構(gòu)二、網(wǎng)站欄目分類網(wǎng)站是指在互聯(lián)網(wǎng)上根據(jù)一定的規(guī)則，使用HTML等工具制作的用于展示特定內(nèi)容相關(guān)網(wǎng)頁的集合。一般來說，網(wǎng)站頁面分為兩種，首頁和內(nèi)頁。對于網(wǎng)站商城而言，首頁是商城的入口頁面，作用是引導(dǎo)消費(fèi)者瀏覽網(wǎng)站其他部分頁面，而內(nèi)頁是商城的內(nèi)容頁，在樹形結(jié)構(gòu)中，網(wǎng)站的首頁可能鏈接著下一個(gè)包含子類別的內(nèi)容頁。為了方便消費(fèi)者通過首頁進(jìn)入具體產(chǎn)品頁面，視覺設(shè)計(jì)師需要針對網(wǎng)站欄目進(jìn)行設(shè)計(jì)，通過設(shè)計(jì)網(wǎng)站欄目，搭建起網(wǎng)站的整體框架。三、網(wǎng)站欄目設(shè)計(jì)標(biāo)準(zhǔn)合理的網(wǎng)站欄目設(shè)計(jì)，不僅能夠正確表達(dá)網(wǎng)站的基本內(nèi)容及其內(nèi)容之間的層次關(guān)系，而且也能夠方便用戶在瀏覽網(wǎng)站時(shí)準(zhǔn)確獲取信息。因此，網(wǎng)站欄目的設(shè)計(jì)標(biāo)準(zhǔn)主要有以下四點(diǎn)：1.通過首頁可以到達(dá)任何一個(gè)一級欄目首頁、二級欄目首頁以及最終內(nèi)容頁面；2.通過任何一個(gè)網(wǎng)頁可以返回上一級欄目頁面并逐級返回首頁；3.主欄目清晰并且全站統(tǒng)一；4.通過任何一個(gè)網(wǎng)頁可以進(jìn)入任何一個(gè)一級欄目首頁?！救蝿?wù)實(shí)施與分析】步驟1：梳理網(wǎng)站內(nèi)容步驟2：選擇網(wǎng)站結(jié)構(gòu)步驟3：選擇網(wǎng)站導(dǎo)航欄步驟4：創(chuàng)建網(wǎng)站類目步驟5：設(shè)計(jì)并制作導(dǎo)航欄【拓展知識】一、網(wǎng)店導(dǎo)航欄的分類導(dǎo)航好比是整個(gè)店鋪的“指南針”，能夠有效幫助粉絲跳轉(zhuǎn)到各個(gè)關(guān)鍵頁面，精心設(shè)計(jì)的網(wǎng)店導(dǎo)航，能夠讓店鋪中的各個(gè)頁面串聯(lián)起來，方便消費(fèi)者在不同的欄目板塊之間快速切換。網(wǎng)店導(dǎo)航欄按照類別可以分為以下幾類：1.隱形導(dǎo)航2.半隱形導(dǎo)航3.顯形導(dǎo)航【思考與總結(jié)】網(wǎng)站欄目設(shè)計(jì)與網(wǎng)店導(dǎo)航設(shè)計(jì)有哪些不同？【能力提升】請同學(xué)們?yōu)g覽小米商城官網(wǎng)，分析其網(wǎng)站結(jié)構(gòu)，并將其網(wǎng)站結(jié)構(gòu)通過腦圖形式繪制出來，思考并解決以下問題：（1）小米商城的網(wǎng)站結(jié)構(gòu)選取了哪種形式？（2）小米商城的網(wǎng)站導(dǎo)航欄采取的哪種形式？（3）小米商城主要銷售哪些類目的商品？（4）小米商城的導(dǎo)航欄最多分了幾級類目？【任務(wù)訓(xùn)練】根據(jù)本任務(wù)章節(jié)內(nèi)容，根據(jù)任務(wù)步驟，完成拓展任務(wù)。任務(wù)五網(wǎng)站專題頁面設(shè)計(jì)【預(yù)備知識】一、認(rèn)識專題頁專題頁是一個(gè)內(nèi)容聚合頁，專題頁中的信息來源于同一主題，并通過文字、圖片、色塊、音頻、視頻等元素呈現(xiàn)。電子商務(wù)企業(yè)專題頁多用來呈現(xiàn)某一活動(dòng)主題或營銷主題，頁面內(nèi)容均圍繞宣傳目標(biāo)展開。專題頁的特點(diǎn)是，頁面突出視覺效果，主題鮮明，更容易給用戶留下深刻印象，同時(shí)專題頁具有時(shí)效性，時(shí)間一過，該頁面一般不會(huì)再使用。在設(shè)計(jì)專題頁時(shí)，要重視頁面功能使用的便捷性以及頁面內(nèi)容的交互性，優(yōu)化用戶瀏覽體驗(yàn)。視覺呈現(xiàn)上側(cè)重布局、間距、色彩、按鈕、LOGO等內(nèi)容。同時(shí)可以添加有趣的互動(dòng)元素，達(dá)到吸引用戶的目的。在頁面布局和交互上，相較于首頁要自由許多，設(shè)計(jì)師可以結(jié)合需求構(gòu)建合適的專題頁布局。二、專題頁的構(gòu)成專題頁的呈現(xiàn)效果千變?nèi)f化，但從本質(zhì)上來講，主要由四個(gè)部分構(gòu)成，分別是：1.頭部Banner。1.樓層模塊2.背景3.裝飾物三、專題頁的常見版式專題頁的常見版式主要分為以下七種：1.通欄式專題頁專題頁的常見版式主要分為以下七種：1.通欄式專題頁2.塊狀式專題頁3.長條式專題頁4.引導(dǎo)式專題頁5.曲線式專題頁6.全版式專題頁7.自由式專題頁【任務(wù)實(shí)施與分析】步驟1：溝通需求，確定專題頁結(jié)構(gòu)步驟2：尋找并確定素材步驟3：設(shè)計(jì)并制作專題頁步驟4：修改完善【拓展知識】一、專題頁設(shè)計(jì)的技巧1.以用戶為中心專題頁最終的受眾是用戶，因此在設(shè)計(jì)時(shí)，應(yīng)重視用戶的需求和偏好。2.專題頁元素新穎專題頁設(shè)計(jì)要緊隨時(shí)代審美，選擇符合大眾審美的風(fēng)格、元素等。3.重視交互細(xì)節(jié)區(qū)別于首頁，專題頁的交互性相對較弱，但設(shè)計(jì)師同樣應(yīng)站在用戶的角度考慮交互問題，設(shè)計(jì)符合用戶瀏覽習(xí)慣的交互功能。4.重視視覺的延伸與統(tǒng)一專題頁需重視頁面效果的延伸和統(tǒng)一，包括頭圖與樓層之間、樓層與樓層之間，以及背景、顏色、其他元素的統(tǒng)一和延伸。5.重視專題頁的作用專題頁的作用是傳達(dá)信息，因此除了視覺呈現(xiàn)美觀之外，還要考慮專題頁的實(shí)用性，信息傳達(dá)準(zhǔn)確性，圍繞該原則進(jìn)行專題頁的設(shè)計(jì)。6.交付前端時(shí)，對專題頁圖層進(jìn)行分組專題圖層眾多，設(shè)計(jì)完交付前端時(shí)，可以對圖層進(jìn)行分組，使前端在使用時(shí)更明確?！舅伎寂c總結(jié)】在專題頁設(shè)計(jì)過程中，可以從哪些渠道獲取相應(yīng)素材？【能力提升】請同學(xué)們通過瀏覽商城網(wǎng)站，找到七種版式對應(yīng)的專題頁面，并結(jié)合所找到的專題頁闡述各版式專題頁面的特點(diǎn)及適用情況?！救蝿?wù)訓(xùn)練】根據(jù)本任務(wù)章節(jié)內(nèi)容，根據(jù)任務(wù)步驟，完成拓展任務(wù)?！峨娚桃曈X設(shè)計(jì)》課程教案教學(xué)模塊項(xiàng)目四活動(dòng)平面物料的設(shè)計(jì)課時(shí)數(shù)9教學(xué)班級主講教師教學(xué)目的和要求知識目標(biāo)1.了解常見的活動(dòng)平面物料；2.了解常見印刷紙張的特性；3.了解字體設(shè)計(jì)的含義及分類；4.了解文字編排的類型；5.掌握文字編排的技巧；6.了解常見的活動(dòng)營銷類型、應(yīng)用場景；7.了解常見的活動(dòng)營銷的物料清單。技能目標(biāo)1.掌握活動(dòng)平面物料的選擇方法；2.掌握活動(dòng)平面物料文字設(shè)計(jì)的方法；3.掌握活動(dòng)平面物料設(shè)計(jì)的方法。素養(yǎng)目標(biāo)1.培養(yǎng)學(xué)生的審美能力，使其更具創(chuàng)造性；2.遵循《中華人民共和國廣告法》等相關(guān)法律法規(guī)，使設(shè)計(jì)的活動(dòng)物料具有正向積極的宣傳意義。教學(xué)手法1.在理論知識講解中，教師以講述法、討論法、提問法、自主學(xué)習(xí)法為主，激發(fā)學(xué)生的學(xué)習(xí)興趣，讓學(xué)生主動(dòng)參與到學(xué)習(xí)中去，在探索發(fā)現(xiàn)中，積極思考，發(fā)現(xiàn)問題，解決問題，從而理解掌握相關(guān)知識概念。2.在實(shí)踐學(xué)習(xí)中，教師以演示法、指導(dǎo)法為主，讓學(xué)生在實(shí)踐操作中發(fā)現(xiàn)問題，教師及時(shí)予以指導(dǎo)，使其能夠?qū)⑺鶎W(xué)知識靈活運(yùn)用到實(shí)踐操作之中，掌握相關(guān)技能知識的操作。3.在教學(xué)實(shí)踐中，教師應(yīng)以學(xué)生為主體，充分發(fā)揮學(xué)生的自主能動(dòng)性，并且教師也應(yīng)充分利用多媒體教學(xué)方式及網(wǎng)絡(luò)課程資源，使課堂教學(xué)活動(dòng)更加生動(dòng)活躍，學(xué)生能夠積極參與其中。教學(xué)重難點(diǎn)重點(diǎn)：1.通過實(shí)例掌握活動(dòng)平面物料的選擇以及文字設(shè)計(jì)的方法；2.掌握活動(dòng)平面物料設(shè)計(jì)的方法。難點(diǎn)：1.能夠根據(jù)操作要點(diǎn)，進(jìn)行活動(dòng)平面物料的設(shè)計(jì)。教學(xué)要點(diǎn)設(shè)計(jì)1.借助多媒體展示活動(dòng)平面物料的圖片，講解活動(dòng)平面物料的種類、印刷用紙的分類，讓學(xué)生對活動(dòng)平面的物料有一個(gè)基本的認(rèn)知；通過案例講解活動(dòng)平面物料的選擇步驟，加深學(xué)生對活動(dòng)平面物料選擇的理解；通過學(xué)生自主學(xué)習(xí)認(rèn)知紙張的規(guī)格，并能自主尋找相關(guān)案例加深知識理解，為活動(dòng)平面物料的選擇打下良好基礎(chǔ)。（135分鐘）2.通過圖片展示及案例，講解不同字體的設(shè)計(jì)、文字編排的類型及技巧，幫助學(xué)生搭建活動(dòng)平面文字設(shè)計(jì)的知識體系；通過講解活動(dòng)平面物料文字的設(shè)計(jì)步驟，幫助學(xué)生了解如何進(jìn)行動(dòng)平面物料文字設(shè)計(jì)，并模擬相關(guān)情景讓學(xué)生進(jìn)行實(shí)踐；以案例演示的方法引導(dǎo)學(xué)生認(rèn)識文字對齊的方式，讓學(xué)生知道文字對齊方式的種類，并能在實(shí)踐中靈活應(yīng)用。（135分鐘）3.結(jié)合案例講解常見的活動(dòng)營銷類型、活動(dòng)平面物料清單，培養(yǎng)學(xué)生根據(jù)營銷場景設(shè)計(jì)活動(dòng)平面物料清單的能力；通過案例和學(xué)生一起探究活動(dòng)平面物料設(shè)計(jì)的步驟及操作要點(diǎn)，并模擬相關(guān)情景讓學(xué)生進(jìn)行實(shí)踐；結(jié)合案例講解平面物料設(shè)計(jì)的視覺流程，指導(dǎo)學(xué)生自主探究相關(guān)案例，加深理解。（135分鐘）教學(xué)過程任務(wù)一活動(dòng)平面物料的選擇【預(yù)備知識】常見的活動(dòng)平面物料平面物料是產(chǎn)品線下推廣宣傳中所使用的一些平面設(shè)計(jì)材料。其中，常見的活動(dòng)平面物料有以下幾種：1.背景板2.橫幅3.海報(bào)4.吊旗5.易拉寶二、常用印刷紙張印刷紙張的選擇是影響印刷物效果呈現(xiàn)的重要因素之一，按紙張?zhí)匦詣澐?，印刷用紙可以分為以下幾類?.銅版紙2.新聞紙3.凸版印刷紙4.膠版印刷紙5.凹版印刷紙6.白板紙7.合成紙【實(shí)施準(zhǔn)備】活動(dòng)平面物料的選擇是搭建活動(dòng)場景，營造活動(dòng)氛圍的基礎(chǔ)條件。選擇合適的平面活動(dòng)物料，有利于將活動(dòng)內(nèi)容與活動(dòng)場景深度融合，帶給用戶更深刻的活動(dòng)體驗(yàn)，營造活動(dòng)氛圍，調(diào)動(dòng)用戶的熱情與積極性。下面結(jié)合某店鋪周年慶的商場促銷活動(dòng)案例，講解活動(dòng)平面物料的選擇步驟?！救蝿?wù)實(shí)施與分析】進(jìn)行活動(dòng)平面物料的選擇，其操作步驟如下所示：步驟1：確定物料類型步驟2：物料材質(zhì)的選擇步驟3：物料尺寸的選擇步驟4：物料內(nèi)容及風(fēng)格的設(shè)計(jì)步驟5：物料效果的審定【拓展知識】認(rèn)識紙張規(guī)格在進(jìn)行平面設(shè)計(jì)時(shí)，紙張規(guī)格是其畫面設(shè)計(jì)中最主要的約束條件。為了使設(shè)計(jì)畫面與印刷用紙更加協(xié)調(diào)，使其呈現(xiàn)出渾然一體的設(shè)計(jì)美感，了解印刷用紙的紙張規(guī)格是十分必要的。國際標(biāo)準(zhǔn)化組織將通用紙張規(guī)格分為A、B、C三種開本，根據(jù)其開法又可以分為2開法、3開法和特殊開法。任務(wù)二活動(dòng)平面物料文字設(shè)計(jì)【預(yù)備知識】一、認(rèn)識字體設(shè)計(jì)字體設(shè)計(jì)就是通過對文案中的文字進(jìn)行藝術(shù)化的編排和設(shè)計(jì)，以更具創(chuàng)意性的形式突出文案重點(diǎn)信息，使其更加美觀醒目，能夠吸引大眾的注意力。從歷史文明角度，可以將字體劃分為漢字字體和拉丁文字體。在漢字的演變過程中，文字經(jīng)過了甲骨文-金文-小篆-隸書-楷書-行書-草書的字體變化。拉丁文字體是西方文明的象征，文字具有符號化特點(diǎn)，書寫筆畫簡練。拉丁文字體主要可以分為羅馬體、哥特體、手寫斜體、書寫體、無襯線體、襯線體等。隨著計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)的應(yīng)用，也加速了字體的多樣化發(fā)展。以傳統(tǒng)字體為依托，計(jì)算機(jī)中的中文字體有了華文、方正、微軟等字庫，其風(fēng)格又可劃分為黑體、行楷、圓體等類型；英文字體有了ArialBlack、Bahnschrift、Calibri、Elephant等類型。二、文字編排的類型文字編排直接影響著頁面排版的美觀度和大眾的閱讀體驗(yàn)，只有了解不同文字的特點(diǎn)，才有可能在文字編排中合理規(guī)劃布局，使整體頁面協(xié)調(diào)統(tǒng)一，便于大眾閱讀。常見的文字編排類型有以下幾種：1.中文字體的排版2.英文字體的排版3.中英文字體的混合排版三、文字編排的技巧文字是對活動(dòng)主題、畫面含義的一種直接闡述方式。人們?yōu)g覽畫面了解信息時(shí)，通常是被畫面排版設(shè)計(jì)所吸引，接著通過相關(guān)文字信息了解活動(dòng)具體情況。作為信息輸出的主要渠道，文字編排在版面設(shè)計(jì)上占據(jù)重要地位。常用的文字編排技巧有以下幾種：1.識別性2.易讀性3.準(zhǔn)確性4.藝術(shù)性【實(shí)施準(zhǔn)備】進(jìn)行活動(dòng)平面物料文字設(shè)計(jì)，首先需要明確活動(dòng)主題及風(fēng)格，然后緊密結(jié)合活動(dòng)內(nèi)容對文案字體進(jìn)行選擇、設(shè)計(jì)，使其達(dá)到理想的廣告宣傳效果。某企業(yè)正籌備一場節(jié)慶促銷活動(dòng)，為活躍辦公室氣氛，激發(fā)團(tuán)隊(duì)成員的工作活力，決定在辦公室中懸掛吊旗，文案為“是時(shí)候展現(xiàn)真正的技術(shù)了”，下面結(jié)合該案例，對吊旗文案字體做藝術(shù)化設(shè)計(jì)?！救蝿?wù)實(shí)施與分析】進(jìn)行活動(dòng)平面物料文字設(shè)計(jì)，其操作步驟如下所示：步驟1：活動(dòng)主題及文案應(yīng)用場景的確定步驟2：確定文字編排類型步驟3：活動(dòng)平面物料字體的選擇步驟4：活動(dòng)平面物料字體的設(shè)計(jì)【拓展知識】一、文字對齊方式為了確保文案排版的整齊統(tǒng)一，使其帶給人們清晰明了的視覺體驗(yàn)，便于人們對宣傳內(nèi)容的閱讀認(rèn)識，了解文字排版的內(nèi)在規(guī)律，掌握文字對齊方式必不可少。常見的文字對齊方式有以下幾種：1.文字兩端對齊2.文字齊左/齊右對齊3.文字居中對齊4.文字繞圖任務(wù)三活動(dòng)平面物料的設(shè)計(jì)【預(yù)備知識】一、常見的活動(dòng)營銷在活動(dòng)執(zhí)行中，根據(jù)活動(dòng)主題及場景應(yīng)用，選擇合適的平面宣傳物料不僅是降低企業(yè)營銷成本的需求，也是合理策劃活動(dòng)開展方案的必要條件。常見的活動(dòng)營銷類型有以下幾種：1.品牌活動(dòng)2.節(jié)慶活動(dòng)3.公益慈善活動(dòng)4.體育賽事5.媒體活動(dòng)6.公益組織活動(dòng)二、活動(dòng)平面物料清單活動(dòng)平面物料清單是企業(yè)提前對活動(dòng)中需要用到的各種宣傳物料的匯總梳理的文件。在活動(dòng)開展之前，詳盡梳理活動(dòng)平面物料清單既能幫助活動(dòng)組織人員全面檢查活動(dòng)細(xì)節(jié)，防止疏漏；也有助于企業(yè)提前規(guī)劃營銷成本，做好營銷方案的調(diào)整完善。針對不同類型的活動(dòng)，其活動(dòng)平面物料清單也會(huì)有所差別。根據(jù)不同活動(dòng)需求，可以將所需平面物料進(jìn)行梳理，形成如表4-1所示的清單。表4-1活動(dòng)平面物料清單XX活動(dòng)平面物料清單序號項(xiàng)目規(guī)格數(shù)量單價(jià)合計(jì)備注負(fù)責(zé)人1背景板500cm*300cm1個(gè)2橫幅35cm*700cm1條3易拉寶80cm*200cm5個(gè)4工作證65mm*95mm20個(gè)5邀請函170mm*115mm60個(gè)6桌牌80mm*200mm60個(gè)7宣傳頁210mm*285mm300張【實(shí)施準(zhǔn)備】活動(dòng)平面物料設(shè)計(jì)是活動(dòng)氛圍塑造的主要途徑。進(jìn)行活動(dòng)平面物料設(shè)計(jì)，首先需要分析活動(dòng)需求，明確活動(dòng)主題，然后結(jié)合活動(dòng)主題內(nèi)容進(jìn)行有針對性的平面物料設(shè)計(jì)，從而使其滿足活動(dòng)氛圍營造的需求。某食品加工企業(yè)為了慶祝即將到來的中秋佳節(jié)，舉辦了一場中秋月餅促銷活動(dòng)，以此提高企業(yè)銷售額，擴(kuò)大品牌影響力。結(jié)合該案例下面講解活動(dòng)平面物料設(shè)計(jì)的步驟?！救蝿?wù)實(shí)施與分析】一、電商視覺情景化設(shè)計(jì)步驟進(jìn)行活動(dòng)平面物料的設(shè)計(jì)，其操作步驟如下所示：步驟1：分析活動(dòng)營銷需求步驟2：活動(dòng)主題定位步驟3：初步構(gòu)思創(chuàng)意步驟4：活動(dòng)平面物料設(shè)計(jì)步驟5：活動(dòng)平面物料設(shè)計(jì)稿的探討、修改與完善步驟6：活動(dòng)平面物料設(shè)計(jì)清樣審定【拓展知識】一、平面物料設(shè)計(jì)的視覺流程在活動(dòng)平面物料設(shè)計(jì)中，抓住視覺流程的特點(diǎn)，有助于設(shè)計(jì)出符合大眾視覺審美方式的畫面，帶給大眾強(qiáng)烈的視覺體驗(yàn)，營造熱烈的活動(dòng)氛圍。其中，視覺流程主要分為以下幾類：1.單向視覺流程2.視線視覺流程3.重心視覺流程4.導(dǎo)向視覺流程5.反復(fù)視覺流程6.散點(diǎn)視覺流程思政小課堂活動(dòng)平面物料設(shè)計(jì)是活動(dòng)營銷的一種手段，為了保證消費(fèi)者權(quán)益，促進(jìn)廣告宣傳的健康發(fā)展，企業(yè)在宣傳中需要遵循以下幾條原則：1.產(chǎn)品設(shè)計(jì)宣傳廣告應(yīng)當(dāng)具有真實(shí)性，不能以虛假宣傳內(nèi)容誤導(dǎo)或欺騙消費(fèi)者；2.產(chǎn)品設(shè)計(jì)宣傳廣告內(nèi)容應(yīng)當(dāng)符合社會(huì)主義精神文明建設(shè)和中華優(yōu)秀傳統(tǒng)文化要求，以健康積極的方式表現(xiàn)宣傳內(nèi)容；3.廣告宣傳應(yīng)尊重他人肖像權(quán)，在使用他人肖像進(jìn)行廣告宣傳之前，需要征得當(dāng)事人書面同意。《電商視覺設(shè)計(jì)》課程教案教學(xué)模塊項(xiàng)目五主題創(chuàng)意海報(bào)的設(shè)計(jì)課時(shí)數(shù)9教學(xué)班級主講教師教學(xué)目的和要求知識目標(biāo)1.了解海報(bào)的視覺組成元素；2.了解主題創(chuàng)意海報(bào)的設(shè)計(jì)思路；3.了解平面設(shè)計(jì)三大基本構(gòu)圖元素；4.了解頁面布局的基本原則；5.了解主題創(chuàng)意海報(bào)常見版式及布局；6.認(rèn)識“三大面，五大調(diào)”；7.了解常見的光影效果。技能目標(biāo)1.了解海報(bào)設(shè)計(jì)前期準(zhǔn)備的事項(xiàng)；2.掌握海報(bào)綜合設(shè)計(jì)的步驟；3.掌握光影設(shè)計(jì)的步驟。素養(yǎng)目標(biāo)1.培養(yǎng)學(xué)生創(chuàng)新力與想象力的發(fā)展，幫助學(xué)生樹立法律法規(guī)意識，引導(dǎo)學(xué)生建立正確的審美觀念。教學(xué)手法1.采用案例教學(xué)法和小組學(xué)習(xí)法，教師利用大量的典型案例展示讓學(xué)生形成一定的認(rèn)知，并在此基礎(chǔ)上總結(jié)規(guī)律，讓學(xué)生在生動(dòng)的案例教學(xué)和小組內(nèi)部的討論中內(nèi)化所學(xué)知識；2.理論知識，教師通過討論法和案例教學(xué)法讓學(xué)生進(jìn)行主動(dòng)學(xué)習(xí)。實(shí)操部分，教師通過演示法先進(jìn)行操作演示，再指導(dǎo)學(xué)生進(jìn)行練習(xí)，鼓勵(lì)學(xué)生在規(guī)范操作的基礎(chǔ)上大膽創(chuàng)新；3.利用任務(wù)驅(qū)動(dòng)教學(xué)法，告知學(xué)生課程學(xué)習(xí)的核心目標(biāo)，要求學(xué)生以任務(wù)完成為指標(biāo)，搜集和學(xué)習(xí)各種基礎(chǔ)資料，并在老師的指導(dǎo)幫助下完成實(shí)操任務(wù)。教學(xué)重難點(diǎn)重點(diǎn)：1.主題創(chuàng)意海報(bào)的設(shè)計(jì)思路；2.頁面布局的基本原則；3.常見的光影效果。難點(diǎn)：1.海報(bào)設(shè)計(jì)的要點(diǎn)；2.海報(bào)光影設(shè)計(jì)的步驟。教學(xué)要點(diǎn)設(shè)計(jì)1.教師首先通過展示案例，讓學(xué)生觀看并指出所以海報(bào)設(shè)計(jì)中必不可少的組成元素，并闡述自己關(guān)于各個(gè)元素在海報(bào)中作用的見解。在學(xué)生對于海報(bào)有一定認(rèn)識的基礎(chǔ)之上，引導(dǎo)學(xué)生分組討論，進(jìn)行主題創(chuàng)意海報(bào)設(shè)計(jì)的思路和具體步驟，有哪些注意事項(xiàng)，并在小組內(nèi)推舉代表發(fā)言。教師總結(jié)學(xué)生發(fā)言并將所有知識點(diǎn)進(jìn)行系統(tǒng)講解，為學(xué)生建立完整的知識體系；（135分鐘）2.教師在課程一開始，先設(shè)置問題，引發(fā)學(xué)生思考：平面設(shè)計(jì)的三大基本構(gòu)圖元素是什么？各自承擔(dān)什么功能？頁面布局有哪些原則？引導(dǎo)學(xué)生對問題進(jìn)行討論并陳述自己的認(rèn)識，教師根據(jù)發(fā)言情況進(jìn)行知識講解，并配合案例展示加深學(xué)生的印象和理解；實(shí)操部分，教師先行進(jìn)行海報(bào)綜合設(shè)計(jì)的操作，在操作過程中將所有要點(diǎn)進(jìn)行細(xì)致講解，學(xué)生明白了如何操作后，進(jìn)行獨(dú)立練習(xí)，教師隨時(shí)關(guān)注學(xué)生的進(jìn)展并解決設(shè)計(jì)過程中遇到的各種問題；（135分鐘）3.教師在課程開始前，告訴學(xué)生本次課程的目標(biāo)是掌握海報(bào)光影效果的設(shè)計(jì)，鼓勵(lì)學(xué)生通過資料搜索與閱讀、合作討論等方式先自行了解相關(guān)內(nèi)容。具體操作問題，可以參考老師的操作演示，教師及時(shí)關(guān)注學(xué)生學(xué)習(xí)進(jìn)展，對學(xué)生產(chǎn)生的疑問進(jìn)行解答，并在課程結(jié)束前總結(jié)知識框架。（135分鐘）教學(xué)過程任務(wù)一海報(bào)設(shè)計(jì)分析【預(yù)備知識】一、海報(bào)的視覺組成元素1.文案：文字配合圖形要素來實(shí)現(xiàn)海報(bào)主題的創(chuàng)意，具有引起注意、傳播信息、說明對象的作用。2.圖片：簡化信息并直觀呈現(xiàn)重點(diǎn)內(nèi)容，能夠用最少的信息獲得良好的宣傳效果。3.裝飾：裝飾能夠渲染氣氛，為整個(gè)海報(bào)添加更多畫面感。4.背景：背景可以營造氛圍，也能夠讓海報(bào)中的重點(diǎn)內(nèi)容被突出，更容易被消費(fèi)者注意到。二、主題創(chuàng)意海報(bào)的設(shè)計(jì)思路1.明確主題2.分析主題特征3確定主題方向4.尋找創(chuàng)意素材5.將作品視覺化【任務(wù)實(shí)施與準(zhǔn)備】步驟1：了解營銷需求步驟2：準(zhǔn)備相關(guān)素材步驟3：確定海報(bào)字體步驟4：確定海報(bào)的主色調(diào)步驟5：確定海報(bào)版式【拓展知識】一、創(chuàng)意海報(bào)的設(shè)計(jì)手法1.對比襯托法2.突出特征法3.幽默法4.比喻法任務(wù)二海報(bào)綜合設(shè)計(jì)【預(yù)備知識】一、平面設(shè)計(jì)三大基本構(gòu)圖元素1.點(diǎn)：點(diǎn)是可見的最小的形式單元，具有凝聚視覺的作用，可以使頁面布局合理、舒適、靈動(dòng)且富有沖擊力。2.線：線的視覺形態(tài)可用于表現(xiàn)長度、寬度、位置、方向等，可以引導(dǎo)、串聯(lián)和分割畫面元素，具有渲染畫面的作用。3.面：面的形成是點(diǎn)和線的延伸，將點(diǎn)放大后即為面，通過線分割產(chǎn)生的各種比例空間也稱為面。二、頁面布局的基本原則1.主次分明，中心突出2.大小搭配，相互呼應(yīng)3.簡潔一致4.圖文并茂三、主題創(chuàng)意海報(bào)常見版式及布局1.中心式：在畫面中心安排主元素，如商品圖片或促銷文案，這種構(gòu)圖方式適用于對稱式布局，能夠給人以穩(wěn)定、莊重的感覺。2.左右分割式：將主題元素和主標(biāo)題左右擺放，根據(jù)人們從左往右的閱讀習(xí)慣，讓人先看到主要的產(chǎn)品或醒目的標(biāo)題，使畫面具有代入感。3.上下分割：文字與圖片分別以上下形式分布的排版形式，上下排版的優(yōu)勢在于主題明確、產(chǎn)品賣點(diǎn)突出。4.對角線構(gòu)圖：將畫面主體物安排在畫面的斜對角位置，使畫面更具動(dòng)感，吸引消費(fèi)者視線。【任務(wù)實(shí)施與分析】步驟1：明確主題步驟2：搜集素材步驟3：確定文案步驟4：確定版式步驟5：綜合設(shè)計(jì)【拓展知識】一、海報(bào)文案的撰寫方法1.直接展示2.合理夸張3.以情托物4.制造懸念任務(wù)三光影效果的設(shè)計(jì)【預(yù)備知識】一、認(rèn)識“三大面，五大調(diào)”1.三大面三大面是指具有一定結(jié)構(gòu)和材質(zhì)的物體受光源影響被劃分為三大明暗區(qū)域：亮面、暗面和灰面。2.五大調(diào)五大調(diào)是指具有一定結(jié)構(gòu)和材質(zhì)的物體受光源影響，物體表面各部分所表現(xiàn)出的明暗變化規(guī)律，包括高光、灰調(diào)、明暗交界線、反光、投影。二、常見的光影效果1.格柵光影格柵是一種條格狀的室內(nèi)設(shè)計(jì)裝飾物，光源透過格柵照射形成的物體光影效果又被稱為格柵光影。2.彌散光影使用制圖工具對不同主題的色彩進(jìn)行漸變模糊處理，使其表現(xiàn)出虛實(shí)相生的藝術(shù)效果，這樣的有色光感現(xiàn)象被稱之為彌散光?！救蝿?wù)實(shí)施與分析】步驟1：根據(jù)畫面整體結(jié)構(gòu)及風(fēng)格確定光源投射方向步驟2：確定光影類型步驟3：設(shè)計(jì)元素明暗變化步驟4：添加元素投影步驟5：添加格柵光影效果【拓展知識】一、材質(zhì)對光影效果的影響1.磨砂材質(zhì)：背光面亮度逐漸降低，高光區(qū)域亮度柔和，具有光影效果過渡均勻的特點(diǎn)。2.鍍鉻材質(zhì)：反光性強(qiáng)，能夠在光源照射下反映出周圍環(huán)境的特點(diǎn)。3.玻璃材質(zhì)：具有透光性，且能夠?qū)庠催M(jìn)行反射和折射。4.木質(zhì)：木質(zhì)物品幾乎不具有透光性。思政小課堂海報(bào)是產(chǎn)品營銷的一種廣告宣傳形式，在海報(bào)設(shè)計(jì)中，設(shè)計(jì)人員需要嚴(yán)格遵守相關(guān)法律法規(guī)，以正向健康、真實(shí)的廣告內(nèi)容進(jìn)行產(chǎn)品推廣。其中，不得使用與“國家級”相關(guān)的廣告詞，內(nèi)容不能有民族、種族等歧視含義，尊重他人隱私權(quán)，不能貶低同行業(yè)競爭者的產(chǎn)品等法律法規(guī)內(nèi)容，對廣告設(shè)計(jì)內(nèi)容及方向做出了具體規(guī)范。《電商視覺設(shè)計(jì)》課程教案教學(xué)模塊項(xiàng)目六動(dòng)態(tài)情景化的設(shè)計(jì)課時(shí)數(shù)12教學(xué)班級主講教師教學(xué)目的和要求知識目標(biāo)1.認(rèn)識C4D軟件及其工作界面；2.了解C4D建模常用的工具及功能；3.認(rèn)識AE軟件及其工作界面；4.熟悉與動(dòng)畫制作的基礎(chǔ)知識；5.了解圖形動(dòng)畫設(shè)計(jì)的基礎(chǔ)知識；6.了解產(chǎn)品推介動(dòng)畫設(shè)計(jì)的基礎(chǔ)知識。技能目標(biāo)1.能夠使用C4D軟件搭建出符合營銷需求的三維場景并進(jìn)行渲染；2.能夠使用AE軟件制作出符合營銷需求的動(dòng)態(tài)文字；3.能夠使用AE軟件進(jìn)行圖形動(dòng)畫的設(shè)計(jì)與制作；4.能夠使用AE軟件進(jìn)行產(chǎn)品推介動(dòng)畫的設(shè)計(jì)與制作。素養(yǎng)目標(biāo)1.了解社會(huì)主義核心價(jià)值觀，誠實(shí)守信，遵守職業(yè)道德；2.具備積極主動(dòng)的工作態(tài)度、較強(qiáng)的視覺審美與設(shè)計(jì)能力；3.具備較強(qiáng)的團(tuán)隊(duì)協(xié)作能力、社會(huì)責(zé)任意識和誠信的品德。教學(xué)手法1.利用講授法告知學(xué)生課程的基礎(chǔ)知識，幫助學(xué)生建立知識框架，再通過教師的操作演示，學(xué)習(xí)具體步驟并自行練習(xí)；2.教師利用直接教學(xué)法，先設(shè)置問題引起學(xué)生注意，告知學(xué)生學(xué)習(xí)目標(biāo)，讓學(xué)生通過演示和案例展示向?qū)W習(xí)目標(biāo)靠近；3.利用情景教學(xué)法，教師設(shè)置好問題情景，帶領(lǐng)學(xué)生以解決情景問題為目標(biāo)進(jìn)行學(xué)習(xí)，引導(dǎo)學(xué)生發(fā)揮主觀能動(dòng)性來解決學(xué)習(xí)過程中的問題；4.教師利用任務(wù)驅(qū)動(dòng)法，告知學(xué)生學(xué)習(xí)目標(biāo)，引導(dǎo)學(xué)生先以自行學(xué)習(xí)的方式掌握基礎(chǔ)知識，再以小組合作的形式探討重難點(diǎn)知識，在教師的引導(dǎo)下完成操作知識。教學(xué)重難點(diǎn)重點(diǎn)：1.C4D建模常用的工具及功能；2.動(dòng)畫制作的基礎(chǔ)知識。難點(diǎn)：1.三維場景搭建；2.動(dòng)態(tài)文字制作；3.動(dòng)畫設(shè)計(jì)與制作。教學(xué)要點(diǎn)設(shè)計(jì)1.教師通過講授法告知學(xué)生C4D軟件和工作界面的基本功能，在學(xué)生對于制作工具有了一定了解的基礎(chǔ)上，演示具體的操作步驟，將注意事項(xiàng)進(jìn)行細(xì)致講解，并要求學(xué)生進(jìn)行獨(dú)立練習(xí)；（135分鐘）2.教師在課程一開始，先設(shè)置問題，引起學(xué)生注意：制作彈跳文字效果需要什么樣的工具和制作知識？怎么樣制作？然后告知學(xué)生本次課程的目標(biāo)是掌握視頻文字動(dòng)態(tài)設(shè)計(jì)，老師邊操作演示邊提問，引導(dǎo)學(xué)生記住關(guān)鍵知識點(diǎn)；（135分鐘）3.教師在課程開始前，設(shè)置圖形動(dòng)畫設(shè)計(jì)的具體情景，引起學(xué)生了解知識的興趣，并為了推進(jìn)情景發(fā)展而主動(dòng)掌握相關(guān)知識；（135分鐘）4.教師告知學(xué)生，本節(jié)課的主要任務(wù)是掌握產(chǎn)品推介動(dòng)畫設(shè)計(jì)，學(xué)生在這一目標(biāo)的驅(qū)動(dòng)下，自行閱讀學(xué)習(xí)基礎(chǔ)知識，教師及時(shí)解決學(xué)習(xí)中的困難。然后引導(dǎo)學(xué)生分組，根據(jù)教材嘗試進(jìn)行設(shè)計(jì)，將所有過程中的疑問和技巧總結(jié)下來并在全班級分享，教師將重點(diǎn)知識重新梳理，幫助學(xué)生完整知識架構(gòu)。（135分鐘）教學(xué)過程任務(wù)