《網(wǎng)店美工-第2版》電子教案

《網(wǎng)店美工第2版》電子教案PAGEPAGE25第1章網(wǎng)店裝修美工設(shè)計快速入門教學(xué)內(nèi)容一、初步了解網(wǎng)店裝修二、網(wǎng)店裝修的風(fēng)格定位三、網(wǎng)店裝修中需要注意的問題教學(xué)要求【知識目標(biāo)】1．理解網(wǎng)店裝修的作用和重要性。2．明白網(wǎng)店裝修與轉(zhuǎn)化率的關(guān)系。3．學(xué)會用有效的方法確定網(wǎng)店的裝修風(fēng)格。4．注意網(wǎng)店裝修細(xì)節(jié)問題，避免客流量的流失?！炯寄苣繕?biāo)】1．能夠結(jié)合實例簡述網(wǎng)店裝修的重要性。2．能夠分析品牌店鋪的裝修風(fēng)格。3．能夠分析品牌店鋪在網(wǎng)店裝修上的優(yōu)勢。教學(xué)重點1．網(wǎng)店裝修的作用和重要性。2．學(xué)會用有效的方法確定網(wǎng)店的裝修風(fēng)格。教學(xué)難點1．網(wǎng)店裝修與轉(zhuǎn)化率的關(guān)系。2．能夠確定網(wǎng)店的裝修風(fēng)格。教學(xué)方法講授法、案例法課時數(shù)3課時教學(xué)內(nèi)容第一節(jié)初步了解網(wǎng)店裝修一、什么是網(wǎng)店裝修判定一個網(wǎng)店的好壞，首先要看的就是店鋪的裝修，沒有一個進(jìn)行專業(yè)、恰當(dāng)?shù)难b修，哪怕店鋪中的商品質(zhì)量再好，也不一定能銷售出去。二、網(wǎng)店裝修的重要性網(wǎng)店經(jīng)營者對于如何開網(wǎng)店都是在不斷的摸索中前進(jìn)的，大家越來越意識到網(wǎng)店裝修的重要性。因此，需要對網(wǎng)店進(jìn)行美化，以吸引更多的買家，而網(wǎng)店裝修是提高網(wǎng)店銷售額的法寶，所以一定要重視這個問題。三、網(wǎng)店裝修與轉(zhuǎn)化率的關(guān)系網(wǎng)店首先需要裝修，當(dāng)?shù)赇伒臏?zhǔn)備工作做到一定程度后，就可以進(jìn)行宣傳和推廣了。在宣傳和經(jīng)營的過程中，再逐步地去完善。既不能一味地裝修，也不能一味地宣傳。網(wǎng)店的銷售量高低直接與轉(zhuǎn)化率相關(guān)，而影響轉(zhuǎn)化率的主要因素包括商品的圖片、買家的評價、賣家的促銷活動等。在這些因素中，無疑都會涉及網(wǎng)店裝修，可見網(wǎng)店裝修與網(wǎng)店的營銷推廣是密不可分的。第二節(jié)網(wǎng)店裝修的風(fēng)格定位一、如何確定網(wǎng)店裝修的風(fēng)格確定店鋪的風(fēng)格就是將頭腦中的思維具體化。想要抓住店鋪的靈魂，不能只靠網(wǎng)店經(jīng)營者或美工的個人品位，它需要一個系統(tǒng)的方法。二、不同行業(yè)的網(wǎng)店裝修風(fēng)格根據(jù)店鋪銷售商品的不同，對商品進(jìn)行了有效的包裝和設(shè)計，使各自所呈現(xiàn)出來的視覺效果獨具特色，也因此讓買家更加容易區(qū)分，形成特定的記憶，有助于自身店鋪形象的樹立。第三節(jié)網(wǎng)店裝修中需要注意的問題一、裝修圖片的顯示一定要將裝修的圖片管理好，使用正規(guī)的網(wǎng)絡(luò)存儲空間網(wǎng)站來管理圖片，并且即時在電腦上進(jìn)行備份，以免圖片丟失。二、適量使用閃圖和特效在裝修店鋪時，要適量使用閃圖和特效，因為閃圖和特效非常耗費電腦空間，當(dāng)買家電腦配置不是很高的情況下進(jìn)入店鋪，電腦運行速度會變慢，買家會感覺等待時間過長，不能帶給其良好的購物體驗。三、添加音樂要有講究在店鋪中添加音樂時一定要深思熟慮，講究方式與方法。四、控制裝修圖片的色彩巧妙地運用色彩可以使網(wǎng)店頁面變得鮮艷、生動、富有活力，但頁面的顏色不能太多、太雜，保持統(tǒng)一，要有一個固定的配色方案，對色彩進(jìn)行規(guī)范，減少視覺干擾，最主要的是讓內(nèi)容具有條理性。五、統(tǒng)一店鋪風(fēng)格在把握店鋪整體風(fēng)格的同時，還要考慮其穩(wěn)定性和可更改性。六、網(wǎng)店視頻切忌過長賣家為了在激烈的競爭中占據(jù)優(yōu)勢，的確需要緊跟這一視頻熱潮，但要注意控制視頻的時間。歸納與提高通過本章的學(xué)習(xí)，我們理解了網(wǎng)店裝修的作用和重要性，明白了網(wǎng)店裝修與轉(zhuǎn)化率的關(guān)系，學(xué)會了用有效的方法確定網(wǎng)店的裝修風(fēng)格，也要注意網(wǎng)店裝修細(xì)節(jié)問題，避免客流量的流失。為什么同樣的商品，有的網(wǎng)店賣家就能把商品賣出去，并做得風(fēng)生水起，而有的賣家發(fā)布的商品就如同石沉大海，無人問津，買家為什么會對相同的商品有著截然不同的態(tài)度呢？除了推廣方式和營銷手段外，就不得不提到網(wǎng)店裝修的作用，即使自己的商品再好，但吸引不來買家也毫無用處。因此，網(wǎng)店裝修對于賣家來說，是決定成敗的重要因素之一。第2章網(wǎng)店裝修四大要點：圖片、配色、布局與文字教學(xué)內(nèi)容一、準(zhǔn)備圖片素材二、店鋪色彩搭配三、不拘一格的頁面布局四、準(zhǔn)確、搶眼的文字教學(xué)要求【知識目標(biāo)】1．掌握拍攝商品照片的基本技巧，并能根據(jù)設(shè)計風(fēng)格收集裝修素材。2．學(xué)會如何對網(wǎng)店頁面進(jìn)行配色，熟知常用的配色方法和技巧。3．了解頁面布局的組成因素和布局方式，學(xué)會使用布局來突出畫面的層次感和主次感。4．能夠?qū)Χ温湮淖诌M(jìn)行合理排列，打造具有高表現(xiàn)力的文字造型，并能利用文字營造特定的氛圍?！炯寄苣繕?biāo)】1．能夠拍攝商品照片，并能根據(jù)設(shè)計風(fēng)格收集裝修素材。2．能夠?qū)W(wǎng)店頁面進(jìn)行配色。3．能夠了解頁面布局的組成因素和布局方式。4．能夠利用文字營造特定的氛圍。教學(xué)重點1．拍攝商品照片的基本技巧。2．常用的配色方法和技巧。3．頁面布局的組成因素和布局方式。4．如何打造具有高表現(xiàn)力的文字造型。教學(xué)難點1．拍攝商品照片。2．常用的配色方法和技巧。3．利用文字營造特定的氛圍。教學(xué)方法講授法、案例法課時數(shù)4課時教學(xué)內(nèi)容第一節(jié)準(zhǔn)備圖片素材一、拍攝商品照片在網(wǎng)店裝修之前，首先需要拍攝足夠的商品照片。由于網(wǎng)上購物的特殊性，消費者無法接觸到商品的實物，所以商品的所有信息只得以圖片的形式傳達(dá)。二、收集裝修素材在進(jìn)行網(wǎng)店裝修之前，要根據(jù)店鋪的設(shè)計風(fēng)格以及商品特點，為網(wǎng)店裝修準(zhǔn)備所需的修飾素材。第二節(jié)店鋪色彩搭配一、常見的配色方法在網(wǎng)店裝修設(shè)計中，常用的配色方法主要有同一色相的配色、類似色相配色、相反色相配色、補色色相配色、漸變效果配色和重色調(diào)配色。（一）同一色相配色以單一顏色為對象，調(diào)整其明度和彩度，使其呈現(xiàn)出不同的特色。這種配色在表現(xiàn)一種秩序井然的感覺時比較適用，可以傳達(dá)出一種安靜之美。（二）類似色相配色將色環(huán)上相連的顏色進(jìn)行配色，或者將相連色進(jìn)行明度和彩度上的微調(diào)后進(jìn)行配色，色相之間和諧、協(xié)調(diào)的特征明顯，適合表現(xiàn)溫馨、甜美、浪漫的視覺效果。（三）相反色相配色使用色環(huán)上相反方向?qū)?yīng)的顏色進(jìn)行配色，給人一種強勢和生動的感覺。由于色相之間差異較大，更容易營造出一種動態(tài)、華麗的視覺效果。（四）漸變效果配色這是將所配色的明度、彩度和色相等逐層給予適當(dāng)?shù)淖兓?，再組合起來的一種配色方案，通常用于表現(xiàn)一種和諧、自然的視覺效果。（五）重色調(diào)配色這是在相對單調(diào)的配色氛圍中，通過使用其對照色相與色調(diào)，從而起到強調(diào)效果的一種配色方式。這樣的配色會打破之前平淡、枯燥的頁面效果，更加引人關(guān)注。二、色彩與市場營銷色彩對于網(wǎng)店營銷而言是一個極其重要的影響因素。雖然有些消費者對于網(wǎng)店首頁以及商品頁面的顏色搭配并不是太在意，但真正讓買家最先感知的是視覺，顏色從人的視覺開始傳輸和滲透，對買家的心理與思維會產(chǎn)生重大的影響。三、不同色調(diào)的展示頁面根據(jù)配色方案的不同，商品頁面給人的感覺和氛圍也有很多種。分析商品的特征，選擇一種合適的顏色，能夠?qū)⑸唐诽卣饔行У貍鬟f給買家，這一點在商品頁面的制作上至關(guān)重要。（一）淺色調(diào)頁面單純形象的兒童用品，純潔禮服等需要體現(xiàn)出清純感覺的商品，可以使用淺色調(diào)進(jìn)行配色，讓頁面中的商品形象干凈、整潔。（二）清新色調(diào)頁面表現(xiàn)文靜、平和感的商品可以使用清新的色調(diào)來進(jìn)行配色，這種高明度和高純度的顏色可以增加頁面的柔和感，營造出高檔的氛圍。（三）藍(lán)色調(diào)頁面藍(lán)色本身散發(fā)著清新、涼爽之感，適合表現(xiàn)夏季商品、電子商品、清潔用品等，并且藍(lán)色具有穩(wěn)定感，容易讓買家產(chǎn)生踏實向上的感覺。（四）綠色調(diào)頁面綠色調(diào)適用于環(huán)保型的用品，利用綠色對畫面進(jìn)行配色，可以營造出一種干凈、整潔的氛圍，提高買家在商品使用安全性方面的信賴度，表現(xiàn)出親近之感。第三節(jié)不拘一格的頁面布局一、頁面布局的組成要素為了把商品信息最大限度、有效、正確地傳達(dá)給買家，就需要進(jìn)行合理的頁面布局。頁面布局的組成要素如下：背景：為了更有效地營造出和商品或活動主題相統(tǒng)一的頁面氛圍，可以對背景進(jìn)行設(shè)計，其中可以使用圖案、純色和圖像等元素。圖像：網(wǎng)店裝修布局中的圖像主要指商品照片、模特照片和用于修飾頁面的形狀、符號和插畫等，這些圖像本身就包含一定的信息，對商品或者輔助商品進(jìn)行展示，并為頁面營造一種特定的氛圍。文字：主要對商品信息進(jìn)行說明，是布局元素中最重要的組成部分之一，其設(shè)計風(fēng)格要與商品的風(fēng)格一致。文字除了用于傳遞商品信息以外，還可作為修飾元素放在頁面中，達(dá)到平衡布局的效果。留白：指布局好商品、文字與修飾元素之后，余下的空白部分空間。如果在布局中不注意留白，將頁面填充得滿滿當(dāng)當(dāng)，反而會給人帶來一種沉悶的感覺，造成視覺疲勞。二、常用的商品詳情頁面布局買家在瀏覽商品詳情頁面時，通常情況下會將圖像視為一個整體，然后才將視線定位到比較突出或者搶眼的其他位置，所以在排列商品圖像或者展示模特照片時，為了突出商品的特征，可以將一些希望強調(diào)的圖像放大并布局于顯眼的位置，效果會更加理想。下面將介紹幾種較為常用的商品頁面的布局方式。（一）中間對齊模式的頁面布局通常情況下，可以調(diào)整一些圖像的尺寸，將留白部分的特色發(fā)揮出來，從而清除沉悶、狹窄等弊端，產(chǎn)生安靜、穩(wěn)定的感覺。（二）對角線排列的頁面布局無論是怎樣的自由式布局，都要以指引線為準(zhǔn)進(jìn)行圖片和文字的設(shè)計和布置。（三）棋盤式的頁面布局優(yōu)點就是將眾多的圖像集合為視覺上的一個整體，形成一種統(tǒng)一感，將瀏覽者的視線集中到一處。（四）左對齊模式的頁面布局這種頁面布局會吸引更多的視線，適合用在表現(xiàn)那些有順序之分的內(nèi)容上。（五）對稱型的頁面布局在頁面布局中，即使兩側(cè)的組成要素不是按照完全相同的尺寸和排列方式來進(jìn)行，只要兩側(cè)的空間寬度和重量感相同，就可以體現(xiàn)出對稱的布局效果，這種布局能夠營造出一種文靜、安定的整體氛圍。第四節(jié)準(zhǔn)確、搶眼的文字一、網(wǎng)店頁面段落文字的排列方式（一）自由對齊這種對齊方式排列的文字表現(xiàn)形式較為自由，給人以活潑、自然的感覺，能夠表現(xiàn)出不拘一格的效果。（二）左對齊左對齊排列通常能夠呈現(xiàn)出一種整齊、利落的感覺，并且具有很強的協(xié)調(diào)感。如果合理調(diào)整文字的大小，就可以輕松地制作出層次感。（三）居中對齊這種對齊方式可以將視線集中起來，減少周圍元素對文字的影響，也是段落文字編排中常用的一種對齊方式。（四）右對齊這種對齊方式可以讓買家的視覺集中到文字的右側(cè)，并且利用每行文字的長短不一在左側(cè)形成一定的波形，從而產(chǎn)生流動感。二、打造具有高表現(xiàn)力的文字造型（一）連筆連筆的設(shè)計是指字體的前后筆畫一筆緊連著一筆，呈現(xiàn)出緊密相連的狀態(tài)，使同一字體或者不同字體的筆畫之間流暢、自然地銜接起來。連筆的運用，講究的是字體書寫節(jié)奏的流暢，使信息更為突出和鮮明，并產(chǎn)生有效地傳達(dá)。（二）省略字體形態(tài)的省略設(shè)計，需要對字體的基本結(jié)構(gòu)有全面的掌握，在設(shè)計時要充分發(fā)揮聯(lián)想，既要使字體呈現(xiàn)出獨特的個性，又要使文字具有可讀性，易于區(qū)分其字體形態(tài)。（三）裝飾為了讓文字的表現(xiàn)更加具象化，或者增強店鋪商品的傳播力度，在設(shè)計某些文字的過程中，可以在不改變文本整體效果的情況下，在文字的適當(dāng)位置添加一些修飾元素。三、利用文字營造特定的氛圍網(wǎng)店的裝修設(shè)計除了要符合店鋪風(fēng)格以外，大部分的情況下會隨著節(jié)氣、節(jié)日的變化而發(fā)生相應(yīng)的改變。而利用文字這一簡單的元素，通過字體形狀的變化、修飾元素的添加和色彩的巧妙搭配可以營造出以下特定的氛圍。歸納與提高通過本章的學(xué)習(xí)，我們掌握了拍攝商品照片的基本技巧，并能根據(jù)設(shè)計風(fēng)格收集裝修素材。學(xué)會了如何對網(wǎng)店頁面進(jìn)行配色，熟知常用的配色方法和技巧。了解了頁面布局的組成因素和布局方式，學(xué)會了使用布局來突出畫面的層次感和主次感。能夠?qū)Χ温湮淖诌M(jìn)行合理排列，打造具有高表現(xiàn)力的文字造型，并能利用文字營造特定的氛圍。買家進(jìn)入網(wǎng)店，第一眼體驗到的便是視覺上的感受，如果視覺體驗不好，就更不用說去看店鋪中的商品了，所以一定不能忽視最基本的店鋪裝修環(huán)節(jié)。本章主要從圖片、配色、布局與文字四個方面介紹如何進(jìn)行網(wǎng)店裝修才能吸引買家眼球，提升轉(zhuǎn)化率。第3章網(wǎng)店裝修六大技能修煉教學(xué)內(nèi)容一、裁圖——對照片進(jìn)行裁剪并糾正角度二、摳圖——選取商品替換背景三、修圖——完美展現(xiàn)商品細(xì)節(jié)四、調(diào)色——校正有色差的商品圖片五、編輯——美化與修飾商品圖像六、文字——商品信息輔助說明教學(xué)要求【知識目標(biāo)】1．掌握如何對商品照片的尺寸、構(gòu)圖進(jìn)行調(diào)整，對商品外形進(jìn)行校正。2．掌握去除水印、局部擦除、美化處理、調(diào)整模特身形、銳化圖像的方法。3．能夠根據(jù)網(wǎng)店裝修設(shè)計的需要，摳出商品圖像并替換背景。4．掌握調(diào)整圖片亮度、校正照片白平衡、調(diào)整照片色調(diào)的方法與技巧。5．能夠制作頗具創(chuàng)意感的標(biāo)題文字，能對段落文字進(jìn)行藝術(shù)化編排?！炯寄苣繕?biāo)】1．能夠為海報去除水印。2．能夠?qū)ι唐穲D像進(jìn)行摳圖處理。3．能夠?qū)⑸唐纺Ｌ貓D片進(jìn)行校正調(diào)色，使其恢復(fù)正常色調(diào)。教學(xué)重點1．如何對商品照片的尺寸、構(gòu)圖進(jìn)行調(diào)整。2．去除水印、局部擦除、美化處理、調(diào)整模特身形、銳化圖像的方法。3．摳出商品圖像并替換背景的方法。4．調(diào)整圖片亮度、校正照片白平衡、調(diào)整照片色調(diào)的方法與技巧。5．段落文字進(jìn)行藝術(shù)化編排的方法。教學(xué)難點1．如何對商品外形進(jìn)行校正。2．熟練掌握Photoshop的使用方法。3．段落文字進(jìn)行藝術(shù)化編排的方法。教學(xué)方法講授法、案例法課時數(shù)6課時教學(xué)內(nèi)容第一節(jié)裁圖——對照片進(jìn)行裁剪并糾正角度一、調(diào)整圖片大小網(wǎng)店平臺通常會對裝修圖片的大小有一定的限制，這是為了讓圖片能夠在網(wǎng)上快速地傳輸和顯示，所以在拿到商品照片素材之后，大多數(shù)情況下都需要對商品照片的大小進(jìn)行重新設(shè)置，使其符合網(wǎng)店平臺的要求。二、裁剪商品照片中多余的圖像攝影師在拍攝商品照片時，為了將商品全部囊括到畫面中，有時可能會忽略照片的構(gòu)圖，或者將不需要的對象也納入畫面中，此時可以使用Photoshop中的裁剪工具或“裁剪”命令來快速裁剪照片中多余的圖像，以達(dá)到重新定義照片構(gòu)圖的目的。三、對商品外形進(jìn)行校正在拍攝商品圖片時，由于拍攝角度等問題有可能造成照片中的商品外形出現(xiàn)畸形，這會影響買家對于商品外形的判斷和理解，此時就需要對商品的外形進(jìn)行校正。第二節(jié)摳圖——選取商品替換背景一、快速摳取單色背景圖片在商品照片中，如果背景為純色，且商品的顏色與背景的顏色差異很大，可以使用Photoshop中的快速選擇工具和魔棒工具將商品圖像快速地?fù)溉〕鰜?。二、摳取?guī)則的商品圖片對于一些外形較為規(guī)則、輪廓較為清晰的商品，如外形輪廓為矩形或圓形的商品，可以使用Photoshop中的矩形選框工具和橢圓選框工具進(jìn)行快速選取。使用這兩個工具創(chuàng)建的選區(qū)邊緣更加平滑，能夠更加準(zhǔn)確地?fù)溉∩唐返倪吘?。三、摳取多邊形對象有的商品形狀并不是?guī)則圖形，此時矩形選框工具和橢圓選框工具就不適用了。如果商品的外形為多邊形，并且具有非常明顯的棱角，使用多邊形套索工具可以快速完成商品對象的摳取。四、摳取輪廓清晰的圖片對于一些邊緣輪廓清晰但不規(guī)則的商品來說，使用磁性套索工具更容易摳取，但商品與背景之間最好在顏色或明暗上存在較大的反差，否則摳取效果不會太理想。五、精細(xì)摳取圖像如果商品圖像的邊緣不規(guī)整但對于摳圖質(zhì)量又有較高要求的情況下，使用鋼筆工具摳取圖像會更加精細(xì)，讓合成的畫面更加精致。六、摳取復(fù)雜或半透明圖像在網(wǎng)店裝修過程中，還會遇到一些摳取起來比較麻煩的圖像，如模特雜亂的發(fā)絲、半透明的玻璃等，這些圖像的摳取就不能依靠單一的工具了，還要用到一些特殊的命令或面板，進(jìn)行一些較為復(fù)雜的操作才能完成。七、調(diào)整摳取的商品圖像邊緣使用Photoshop選區(qū)工具創(chuàng)建選區(qū)并摳取商品圖像的過程中，可以看到這些工具的選項欄中都有一個“調(diào)整邊緣”按鈕。第三節(jié)修圖——完美展現(xiàn)商品細(xì)節(jié)一、去除多余的水?。ㄒ唬┦褂梅轮茍D章工具去除水印使用仿制圖章工具去除水印是比較常用的方法。（二）使用修補工具去除水印如果商品圖像的背景顏色或圖案比較一致，使用修補工具去除水印就比較方便。（三）使用修復(fù)畫筆工具去除水印使用修復(fù)畫筆工具去除水印的方法與使用仿制圖章工具相似。二、局部去除多余內(nèi)容在網(wǎng)店裝修的過程中，有時不需要商品廣告中的某些內(nèi)容，或者想使商品照片的背景更加純粹，這時可以通過局部去除的方法來將多余的內(nèi)容進(jìn)行清除，主要使用的是畫筆工具。三、對模特進(jìn)行美化處理如果模特的妝面存在瑕疵，就會影響商品的表現(xiàn)，此時就有必要對模特進(jìn)行“妝面美容”，其中包括祛斑、磨皮、加深妝容色彩等。四、調(diào)整模特身形有時因為模特自身條件、拍攝角度等原因，會導(dǎo)致展示效果不夠理想，這時就需要對模特的身形進(jìn)行調(diào)修，最常進(jìn)行的就是瘦身處理。五、對商品圖像進(jìn)行銳化處理為了讓商品的細(xì)節(jié)更加清晰，需要在Photoshop中對商品圖像進(jìn)行銳化處理，方法有兩種：一是使用“USM銳化”濾鏡進(jìn)行快速銳化，二是使用“高反差保留”濾鏡進(jìn)行無雜色銳化。第四節(jié)調(diào)色——校正有色差的商品圖片一、調(diào)整圖片的亮度在商品圖片的后期處理中，要先觀察照片的整體明暗效果，對于曝光不準(zhǔn)確的照片，首先應(yīng)對全圖的明暗進(jìn)行調(diào)整，通過提高亮度和增強暗調(diào)，可以讓照片的曝光趨于正常。在Photoshop中可以通過“曝光度”“色階”“曲線”等命令調(diào)整商品照片的亮度，讓其快速恢復(fù)正常。（一）用“曝光度”命令進(jìn)行二次曝光處理Photoshop中的“曝光度”命令是用于控制照片明暗的有力工具，它的工作原理是模擬數(shù)碼相機內(nèi)部的曝光程序?qū)φ掌M(jìn)行二次曝光處理，一般用于調(diào)整曝光不足或者曝光過度的照片。（二）用“色階”命令調(diào)整商品照片的曝光和層次在Photoshop中打開商品照片后，單擊“圖像”|“調(diào)整”|“色階”命令，在彈出的“色階”對話框中可以看到直方圖，改變直方圖的形狀即可改變照片中像素的分布，從而改變商品照片的曝光和層次。（三）用“曲線”命令調(diào)整不同明暗區(qū)域的亮度“曲線”命令和“色階”命令一樣，都是用于調(diào)整圖像整體明暗的，不同的是“色階”命令只能調(diào)整亮部、暗部和中間灰度的明暗，而“曲線”命令是應(yīng)用不同的曲線形態(tài)來控制圖像的明暗對比效果的，它可以通過控制曲線中任意一點的位置，在較小的范圍內(nèi)調(diào)整圖像的明暗。二、校正商品照片白平衡，恢復(fù)其真實色彩三、調(diào)整商品照片色調(diào)，營造特殊氛圍在商品照片的后期處理中，為了突顯店鋪的風(fēng)格，可以適當(dāng)調(diào)整照片的色調(diào)，讓其色彩表現(xiàn)更獨特、更符合商品特質(zhì)。第五節(jié)編輯——美化與修飾商品圖像一、利用圖層樣式增強特效感二、利用圖層混合模式制作特殊效果通過調(diào)整圖層混合模式可以對圖像的顏色進(jìn)行相加或相減，從而制作出各種特殊的效果。在Photoshop中包含了多種類型的圖層混合模式，分別為組合型、加深型、減淡型、對比型、比較型和色彩型。根據(jù)不同的視覺需要，可以應(yīng)用不同的混合模式。三、利用蒙版控制圖像顯示效果蒙版用于控制圖層的顯示區(qū)域，但并不參與圖層的操作，蒙版與圖層兩者之間是息息相關(guān)的。在Photoshop中進(jìn)行網(wǎng)店裝修設(shè)計時，使用蒙版可以保持畫面局部的圖像不變，對處理區(qū)域的圖像進(jìn)行單獨的色調(diào)和影調(diào)的編輯，被蒙版遮蓋起來的部分不會發(fā)生改變，通常用于對商品圖片進(jìn)行摳取、編輯局部顏色和影調(diào)等操作。四、制作GIF動態(tài)閃圖為了使店鋪商品能夠全方位地進(jìn)行展示，達(dá)到吸引消費者眼球的目的，一些店鋪往往會添加一些動態(tài)閃圖，也就是GIF格式的動態(tài)圖像。第六節(jié)文字——商品信息輔助說明一、添加文字并設(shè)置格式在網(wǎng)店裝修的文字編輯工作中，為處理好的商品照片添加文字是第一個步驟。添加文字后，還可對文字的字體、字號、字間距和顏色等進(jìn)行調(diào)整，使文字的外形和色彩符合當(dāng)前頁面的風(fēng)格，能夠準(zhǔn)確地傳達(dá)出商品的信息。二、制作創(chuàng)意標(biāo)題文字（一）使用“圖層樣式”對文字進(jìn)行修飾使用圖層樣式對文字圖層進(jìn)行修飾，可以隨時調(diào)整其參數(shù)，且不會影響文字圖層本身的屬性。（二）文字外觀的藝術(shù)化設(shè)計文字外觀的藝術(shù)化設(shè)計是指通過使用矢量圖形工具重新繪制文字、在文字上添加修飾形狀等方式來制作標(biāo)題文字。三、對段落文字進(jìn)行藝術(shù)化編排為了更好地調(diào)動買家的閱讀興趣，除了讓文字的內(nèi)容更加凝練外，還可以對不得不出現(xiàn)的大段文字進(jìn)行藝術(shù)化的編排設(shè)計，以增強文字信息的視覺傳達(dá)效果。歸納與提高通過本章的學(xué)習(xí)，我們掌握了外形進(jìn)行校正，去除水印、局部擦除、美化處理、調(diào)整模特身形、銳化圖像的方法。能夠根據(jù)網(wǎng)店裝修設(shè)計的需要，摳出商品圖像并替換背景。掌握了調(diào)整圖片亮度、校正照片白平衡、調(diào)整照片色調(diào)的方法與技巧。能夠制作頗具創(chuàng)意感的標(biāo)題文字，能對段落文字進(jìn)行藝術(shù)化編排。由于拍攝環(huán)境、拍攝器材以及攝影水平等條件的限制，網(wǎng)店裝修的準(zhǔn)備階段拍攝到的商品照片往往是不能直接使用的，需要對照片的尺寸、構(gòu)圖、水印、色差、影調(diào)等進(jìn)行調(diào)整和編輯。在完成這些基本操作后，還要根據(jù)實際的設(shè)計需要進(jìn)行摳圖、添加文字等工作。第4章店招與導(dǎo)航的設(shè)計教學(xué)內(nèi)容一、了解網(wǎng)店店招與導(dǎo)航二、實操案例：嬰幼兒商品網(wǎng)店店招與導(dǎo)航設(shè)計三、實操案例：女裝網(wǎng)店店招與導(dǎo)航設(shè)計四、綜合實訓(xùn)五、技能拓展教學(xué)要求【知識目標(biāo)】1．了解網(wǎng)店店招與導(dǎo)航的作用與設(shè)計思路。2．能夠通過添加修飾元素、圖層樣式等方式對店招進(jìn)行修飾。3．根據(jù)店鋪商品圖片及圖片風(fēng)格來確定店鋪店招和導(dǎo)航的風(fēng)格及配色?！炯寄苣繕?biāo)】1．能夠設(shè)計網(wǎng)店的店招與導(dǎo)航，其中包含網(wǎng)店名稱、收藏提示和導(dǎo)航。2．通過學(xué)習(xí)案例掌握店招與導(dǎo)航的設(shè)計方法。教學(xué)重點設(shè)計網(wǎng)店的店招與導(dǎo)航。教學(xué)難點設(shè)計網(wǎng)店的店招與導(dǎo)航。教學(xué)方法講授法、案例法課時數(shù)5課時教學(xué)內(nèi)容第一節(jié)了解網(wǎng)店店招與導(dǎo)航一、認(rèn)識店招與導(dǎo)航店招和導(dǎo)航位于網(wǎng)店的最頂端，成功的店招通常采用標(biāo)準(zhǔn)的顏色和字體、簡潔的設(shè)計版面。此外，店招包含精煉，吸引力強的廣告語，畫面還要具備強烈的視覺沖擊力，清晰地告訴買家我們在賣什么，而且通過店招也可以對店鋪的裝修風(fēng)格進(jìn)行定位。二、店招與導(dǎo)航的設(shè)計思路店招好比一個店鋪的臉面，對店鋪的宣傳起著非常重要的作用。在設(shè)計店招時，要更多地從留住消費者的角度來考慮。第二節(jié)實操案例：嬰幼兒商品網(wǎng)店店招與導(dǎo)航設(shè)計掌握其設(shè)計理念、技術(shù)要點，并能夠進(jìn)行實操演練。第三節(jié)實操案例：嬰幼兒商品網(wǎng)店店招與導(dǎo)航設(shè)計掌握其設(shè)計理念、技術(shù)要點，并能夠進(jìn)行實操演練。第四節(jié)綜合實訓(xùn)利用提供的素材為食材店鋪設(shè)計店招和導(dǎo)航，選擇淡雅的顏色進(jìn)行色彩搭配，并采用偏中國風(fēng)的設(shè)計風(fēng)格。第五節(jié)技能拓展略。歸納與提高通過本章的學(xué)習(xí)，我們了解了網(wǎng)店店招與導(dǎo)航的作用與設(shè)計思路，能夠通過添加修飾元素、圖層樣式等方式對店招進(jìn)行修飾，根據(jù)店鋪商品圖片及圖片風(fēng)格來確定店鋪店招和導(dǎo)航的風(fēng)格及配色。店招與導(dǎo)航位于網(wǎng)店首頁的最頂端，是消費者進(jìn)入店鋪首頁后看到的第一個模塊，因此是網(wǎng)店首頁設(shè)計的重中之重。它們的主要作用是向買家展示店鋪的店名、所銷售商品等，并提供訪問店鋪各個功能模塊的快速通道。第5章首焦輪播區(qū)的設(shè)計教學(xué)內(nèi)容一、首焦輪播區(qū)及其設(shè)計思路二、實操案例：節(jié)日主題的首焦輪播區(qū)設(shè)計三、實操案例：新品上架的首焦輪播區(qū)設(shè)計四、綜合實訓(xùn)五、技能擴展教學(xué)要求【知識目標(biāo)】1．了解網(wǎng)店首焦輪播區(qū)的作用與設(shè)計思路。3．學(xué)會根據(jù)不同的節(jié)日氛圍制作出合適的首焦輪播區(qū)。【技能目標(biāo)】能夠設(shè)計店鋪首頁輪播區(qū)模塊。教學(xué)重點1．學(xué)會首焦輪播區(qū)的風(fēng)格、布局、配色、文字和圖片。2．學(xué)會設(shè)計店鋪首頁輪播區(qū)模塊。教學(xué)難點學(xué)會設(shè)計店鋪首頁輪播區(qū)模塊。教學(xué)方法講授法、案例法課時數(shù)5課時教學(xué)內(nèi)容第一節(jié)首焦輪播區(qū)及其設(shè)計思路一、認(rèn)識首焦輪播區(qū)網(wǎng)店的首焦輪播區(qū)主要用于告知買家店鋪某個時間段的廣告商品或者促銷活動，位于網(wǎng)店導(dǎo)航條的下方位置。它的主要作用就是告知買家店鋪在某個特定時間段的一些動態(tài)信息，幫助買家快速了解店鋪的活動或者商品信息。二、首焦輪播區(qū)的設(shè)計思路首焦輪播區(qū)猶如賣家的外在形象一樣，在設(shè)計時用于搭配的圖片不能太復(fù)雜，這樣才能突出主題。同時，要采用符合店鋪商品形象的文字，以避免產(chǎn)生凌亂的感覺。第二節(jié)實操案例：節(jié)日主題的首焦輪播區(qū)設(shè)計掌握其設(shè)計理念、技術(shù)要點，并能夠進(jìn)行實操演練。第三節(jié)實操案例：新品上架的首焦輪播區(qū)設(shè)計 掌握其設(shè)計理念、技術(shù)要點，并能夠進(jìn)行實操演練。第四節(jié)綜合實訓(xùn)以提供的圖片為素材，為某男裝店鋪設(shè)計“新品上架”的首焦輪播區(qū)。歸納與提高通過本章的學(xué)習(xí)，我們了解了網(wǎng)店首焦輪播區(qū)的作用與設(shè)計思路，學(xué)會了根據(jù)店鋪推廣內(nèi)容確認(rèn)首焦輪播區(qū)的風(fēng)格、布局、配色、文字和圖片和根據(jù)不同的節(jié)日氛圍制作出合適的首焦輪播區(qū)。首焦輪播區(qū)模塊占據(jù)的面積較大，也是整個網(wǎng)店首頁中最醒目、最具有視覺沖擊力的部分。如果首焦輪播區(qū)做得非常吸引眼球，就會給網(wǎng)店帶來很多的流量；如果首焦輪播區(qū)設(shè)計得很普通，就給網(wǎng)店的轉(zhuǎn)化率造成很大的影響。第6章首頁設(shè)計——服飾店鋪教學(xué)內(nèi)容一、實操案例：清新女裝店鋪首頁設(shè)計二、實操案例：可愛童裝店鋪首頁設(shè)計三、綜合實訓(xùn)教學(xué)要求【知識目標(biāo)】1．能夠根據(jù)服裝的類型、色彩和消費群體等來設(shè)計首頁的配色。2．能夠通過合理的布局來突顯廣告商品，展示出服飾的特點。3．能夠根據(jù)服飾的風(fēng)格與特點制作出獨具特色的店鋪首頁。4．掌握服飾店鋪首頁設(shè)計中的各種技術(shù)要點和操作技巧?！炯寄苣繕?biāo)】1．能夠設(shè)計首頁的配色。2．能夠突顯廣告商品，展示出服飾的特點。3．能夠制作出獨具特色的店鋪首頁。教學(xué)重點1．根據(jù)服裝的類型、色彩和消費群體等來設(shè)計首頁的配色。2．根據(jù)服飾的風(fēng)格與特點制作出獨具特色的店鋪首頁。3．服飾店鋪首頁設(shè)計中的各種技術(shù)要點和操作技巧。教學(xué)難點根據(jù)服飾的風(fēng)格與特點制作出獨具特色的店鋪首頁。教學(xué)方法講授法、案例法課時數(shù)3課時教學(xué)內(nèi)容第一節(jié)實操案例：清新女裝店鋪首頁設(shè)計掌握其設(shè)計理念、技術(shù)要點，并能夠進(jìn)行實操演練。第二節(jié)實操案例：可愛童裝店鋪首頁設(shè)計掌握其設(shè)計理念、技術(shù)要點，并能夠進(jìn)行實操演練。第三節(jié)綜合實訓(xùn)以女裝店鋪商品模特照片為素材，設(shè)計店鋪首頁。要求設(shè)計的首頁要能完美展示出店鋪的主推商品以及店鋪促銷活動信息，能夠清晰地反映商品的特色，頁面色彩簡潔而統(tǒng)一，突出夏季、自然等特征。歸納與提高通過本章的學(xué)習(xí)，我們能夠根據(jù)服裝的類型、色彩和消費群體等來設(shè)計首頁的配色，能夠通過合理的布局來突顯廣告商品，展示出服飾的特點，根據(jù)服飾的風(fēng)格與特點制作出獨具特色的店鋪首頁，掌握了服飾店鋪首頁設(shè)計中的各種技術(shù)要點和操作技巧。網(wǎng)店首頁代表的是店鋪的整體形象，其裝修效果影響著買家對店鋪的第一印象。本章主要以兩個服飾店鋪的首頁設(shè)計案例為例，針對不同的人群，從不同的設(shè)計角度出發(fā)，打造出風(fēng)格和布局都各具特色的裝修效果。第7章首頁設(shè)計——箱包店鋪教學(xué)內(nèi)容一、實操案例：時尚拉桿箱店鋪首頁設(shè)計二、實操案例：女式箱包店鋪首頁設(shè)計三、綜合實訓(xùn)教學(xué)要求【知識目標(biāo)】1．根據(jù)商品特點對店鋪首頁的設(shè)計元素和風(fēng)格進(jìn)行定位，突顯出廣告商品。2．延長買家在店鋪中的停留時間，提高成交率。3．根據(jù)箱包的受眾群和外形特點，對店鋪首頁的色彩、布局等進(jìn)行定位。4．掌握箱包店鋪首頁設(shè)計中的各種技術(shù)要點和操作技巧?！炯寄苣繕?biāo)】1．能夠根據(jù)商品特點對店鋪首頁的設(shè)計元素和風(fēng)格進(jìn)行定位。3．能夠掌握箱包店鋪首頁設(shè)計中的各種技術(shù)要點和操作技巧。教學(xué)重點2．能夠掌握箱包店鋪首頁設(shè)計中的各種技術(shù)要點和操作技巧。教學(xué)難點能夠根據(jù)箱包的受眾群和外形特點，對店鋪首頁的色彩、布局等進(jìn)行定位。教學(xué)方法講授法、案例法課時數(shù)3課時教學(xué)內(nèi)容第一節(jié)實操案例：時尚拉桿箱店鋪首頁設(shè)計掌握其設(shè)計理念、技術(shù)要點，并能夠進(jìn)行實操演練。第二節(jié)實操案例：女式箱包店鋪首頁設(shè)計掌握其設(shè)計理念、技術(shù)要點，并能夠進(jìn)行實操演練。第三節(jié)綜合實訓(xùn)以拉杠箱包店鋪商品照片為素材，設(shè)計店鋪首頁，制作出店招、導(dǎo)航條、首焦輪播區(qū)和廣告商品區(qū)，要求頁面效果高端大氣、精致簡約。歸納與提高通過本章的學(xué)習(xí)，我們能夠根據(jù)商品特點對店鋪首頁的設(shè)計元素和風(fēng)格進(jìn)行定位，突顯出廣告商品，延長買家在店鋪中的停留時間，提高成交率，根據(jù)箱包的受眾群和外形特點，對店鋪首頁的色彩、布局等進(jìn)行定位，掌握了箱包店鋪首頁設(shè)計中的各種技術(shù)要點和操作技巧。第8章商品詳情頁的設(shè)計教學(xué)內(nèi)容一、商品詳情頁及其設(shè)計思路二、實操案例：手表網(wǎng)店商品詳情頁設(shè)計三、實操案例：女鞋網(wǎng)店商品詳情頁設(shè)計四、綜合實訓(xùn)五、技能擴展教學(xué)要求【知識目標(biāo)】1．了解商品詳情頁設(shè)計的重要性。2．了解商品詳情頁的設(shè)計思路。3．能夠抓住不同商品的特點設(shè)計出別具一格的商品詳情頁?！炯寄苣繕?biāo)】能夠設(shè)計店鋪的商品詳情頁，要求能夠全面展示出商品的細(xì)節(jié)特點。教學(xué)重點1．商品詳情頁設(shè)計的重要性和設(shè)計思路。2．能夠抓住不同商品的特點設(shè)計出別具一格的商品詳情頁。教學(xué)難點1．了解商品詳情頁的設(shè)計思路。2．能夠抓住不同商品的特點設(shè)計出別具一格的商品詳情頁。教學(xué)方法講授法、案例法課時數(shù)5課時教學(xué)內(nèi)容第一節(jié)商品詳情頁及其設(shè)計思路一、認(rèn)識商品詳情頁商品詳情頁是所有店鋪營銷的落地點。消費者在通過搜索進(jìn)入店鋪后，首先進(jìn)入的就是商品詳情頁，在所有頁面中有且僅有詳情頁承擔(dān)著下訂單購買的職責(zé)。二、商品詳情頁的設(shè)計思路是否能讓買家下訂單，要看商品詳情頁面設(shè)計得是否具有足夠的吸引力，是否深入人心。實拍商品照片是最基本的要求，這能讓買家明白這是商家的直銷商品，質(zhì)量是完全可以信賴的。對于單個商品頁面的設(shè)計，商品信息的編輯與設(shè)計尤為重要。再好的商品，如果沒有精彩的文案與精致的設(shè)計，都無法打動買家的心。商品圖像和商品信息通過精心的設(shè)計排版，能使商品詳情頁面更加美觀，從而更具吸引力。除了展示商品本身的外觀、性能等各種細(xì)節(jié)外，還可以讓買家在商品詳情頁中更加直觀地查看店鋪內(nèi)的優(yōu)惠打折信息，如“包郵”“買一送一”“搭配促銷”等，如圖8-3所示。適當(dāng)?shù)靥砑右恍└郊有畔⒖梢宰尩赇伜蜕唐返恼故靖诱鎸嵑屯暾?，提升頁面轉(zhuǎn)化率。在商品詳情頁中，為了讓買家真實地體驗到商品的實際效果，通常需要設(shè)計“使用感受”“尺碼標(biāo)示”和“商品細(xì)節(jié)”等內(nèi)容。由于對商品的不同描述需要在同一個頁面中展示，所以在設(shè)計中要注意把握好頁面的整體風(fēng)格。在有必要的情況下，可以使用風(fēng)格一致的標(biāo)題欄對每組信息進(jìn)行分類顯示，讓買家能夠一目了然地瀏覽到自己所需要了解的信息。商品的規(guī)格、顏色、尺寸、庫存等雖然很容易介紹清楚，但如果設(shè)計不好會顯得非常死板。從一件商品的描述，可以看出整個店鋪的營銷水平。對于商品的描述，第一部分寫什么，第二部分寫什么，什么時候添加文字，什么時候進(jìn)行插圖，都是需要經(jīng)過設(shè)計者認(rèn)真研究與分析的。第二節(jié)實操案例：手表網(wǎng)店商品詳情頁設(shè)計掌握其設(shè)計理念、技術(shù)要點，并能夠進(jìn)行實操演練。第三節(jié)實操案例：女鞋網(wǎng)店商品詳情頁設(shè)計掌握其設(shè)計理念、技術(shù)要點，并能夠進(jìn)行實操演練。第四節(jié)綜合實訓(xùn)以某店鋪家紡四件套照片為素材，設(shè)計店鋪商品詳情頁，要求完美地展示商品細(xì)節(jié)，商品信息要精煉，能夠清晰地反映商品的特點，頁面設(shè)計與色彩搭配要突顯出清新、大氣的感覺。第五節(jié)技能擴展略。歸納與提高通過本章的學(xué)習(xí)，我們了解商品詳情頁設(shè)計的重要性和商品詳情頁的設(shè)計思路，能夠抓住不同商品的特點設(shè)計出別具一格的商品詳情頁。商品詳情頁是整個店鋪的亮點和聚焦點，沒有一個買家在網(wǎng)購時不看商品詳情頁就直接下訂單購買的。一個充滿設(shè)計感的商品詳情頁能夠刺激買家的消費欲望，促使其快速下訂單購買，由此可見商品詳情頁設(shè)計的重要性與必要性。第9章網(wǎng)店視頻的制作教學(xué)內(nèi)容一、實操案例：網(wǎng)店主圖視頻制作二、互聯(lián)網(wǎng)活動海報文案的寫作教學(xué)要求【知識目標(biāo)】1．掌握視頻轉(zhuǎn)場效果的制作方法。2．掌握添加標(biāo)題文字并設(shè)置動畫效果的方法。3．掌握添加背景音樂的方式，以及如何導(dǎo)出視頻。4．掌握使用格式工廠轉(zhuǎn)換視頻文件的方法。5．掌握制作覆疊動畫效果的方法?！炯寄苣繕?biāo)】1．能夠掌握視頻轉(zhuǎn)場效果的制作方法。2．能夠添加標(biāo)題文字并設(shè)置動畫效果。3．添加背景音樂的方式，并導(dǎo)出視頻。4．制作覆疊動畫效果。教學(xué)重點1．制作視頻轉(zhuǎn)場效果。2．添加標(biāo)題文字并設(shè)置動畫效果。3．添加背景音樂的方式，并導(dǎo)出視頻。4．制作覆疊動畫效果。教學(xué)難點1．制作視頻轉(zhuǎn)場效果。2．制作覆疊動畫效果。教學(xué)方法講授法、案例法課時數(shù)2課時教學(xué)內(nèi)容第一節(jié)實操案例：網(wǎng)店主圖視頻制作一、設(shè)置視頻項目屬性并導(dǎo)入素材二、制作視頻轉(zhuǎn)場效果三、添加標(biāo)題文字四、添加背景音樂并導(dǎo)出視頻五、按電商平臺要求轉(zhuǎn)換視頻文件第二節(jié)實操案例：商品詳情頁廣告視頻制作掌握其設(shè)計理念、技術(shù)要點，并能夠進(jìn)行實操演練。歸納與提高通過本章的學(xué)習(xí)，我們掌握了視頻轉(zhuǎn)場效果的制作方法，添加標(biāo)題文字并設(shè)置動畫效果的方法，添加背景音樂的方式，如何導(dǎo)出視頻，使用格式工廠轉(zhuǎn)換視頻文件的方法，制作覆疊動畫效果的方法。在目前大多數(shù)電商平臺的網(wǎng)店頁面中，視頻主要應(yīng)用于商品詳情頁的主圖視頻和廣告視頻中，而從2017年開始，淘寶的主圖視頻就從9秒放開到60秒了，網(wǎng)店視頻的重要性不言而喻。第10章移動端店鋪裝修美工設(shè)計教學(xué)內(nèi)容一、移動端店鋪頁面結(jié)構(gòu)分析二、移動端店鋪裝修快速入門教學(xué)要求【知識目標(biāo)】1．了解移動端店鋪頁面的框架結(jié)構(gòu)。2．了解移動端店鋪對圖片發(fā)布的尺寸要求。3．掌握移動端店鋪裝修設(shè)計的基本方法?！炯寄苣繕?biāo)】1．能夠了解移動端店鋪頁面的框架結(jié)構(gòu)安排。2．能夠設(shè)計移動端店鋪。教學(xué)重點1．掌握移動端店鋪頁面的框架結(jié)構(gòu)。2．移動端店鋪裝修設(shè)計的基本方法。教學(xué)難點1．移動端店鋪頁面的框架結(jié)構(gòu)。2．移動端店鋪裝修設(shè)計的基本方法。教學(xué)方法講授法、案例法課時數(shù)2課時教學(xué)內(nèi)容第一節(jié)移動端店鋪頁面結(jié)構(gòu)分析一、移動端店鋪頁面的框架結(jié)構(gòu)移動端店鋪和PC端店鋪一樣，也存在著頁面之間的跳轉(zhuǎn)以及頁面結(jié)構(gòu)層級關(guān)系的安排與布置，而這里所說的頁面不再是指店鋪的各級網(wǎng)頁頁面，而是指存在于淘寶App客戶端中的店鋪各級界面。二、移動端店鋪圖片發(fā)布尺寸要求手機淘寶對圖片的發(fā)布尺寸做出了非常明確的要求，具體如下：店招規(guī)格尺寸為750像素×254像素；在圖片上添加文字時，中文字號≥30；英文和阿拉伯?dāng)?shù)字字號≥20；圖片高度≤960像素（建議高度不超過600像素）；支持JPG、GIF、PNG圖片格式；首頁和詳情頁圖片寬度為480像素~620像素（建議不超608像素）。第二節(jié)移動端店鋪裝修快速入門一、保持店鋪設(shè)計風(fēng)格的一致性移動端店鋪整體的裝修與設(shè)計要做到風(fēng)格一致、首尾呼應(yīng)，否則就不利于店鋪整體設(shè)計風(fēng)格的塑造。不同于PC端店鋪，手機移動端屬于狹窄視覺展示，如果不依據(jù)店鋪品牌基調(diào)保持設(shè)計風(fēng)格的一致性，店鋪形象的不鮮明感就會帶來視覺的混亂體驗，也無法讓消費者對店鋪形成視覺記憶。二、采用簡單且便于操作的設(shè)計方式智能手機讓人們通過指尖便能輕松地與手機進(jìn)行親密的接觸與互動，操控變得更加隨心所欲，而這一特色也不免影響著依附于智能手機的移動端店鋪裝修設(shè)計。三、店鋪色彩的設(shè)計與選擇由于手機屏幕的尺寸有限，所以移動端店鋪的瀏覽面積也相對較小，消費者的視覺也會受到限制。這時，除了需要對文字進(jìn)行精簡以外，在整體色彩上也要具有鮮明感。四、合理控制店鋪圖片與信息的加載時間大多數(shù)消費者選擇在手機移動端店鋪進(jìn)行網(wǎng)購，是因為它能帶來隨時隨地購物的便捷感，所以要合理控制店鋪圖片與信息的加載時間。五、店鋪信息的精簡化處理由于移動端店鋪受手機載體的限制，其顯示尺寸有限，店鋪信息的呈現(xiàn)也會受限，如果信息量過多且不做取舍，就會導(dǎo)致信息無法清晰、明確地加載與顯示，消費者很難快速找到自己想要看到的信息，就很有可能會選擇離開。因此，對店鋪信息進(jìn)行必要的精簡化處理是讓消費者快速瀏覽與接收信息的關(guān)鍵。六、保持店鋪常換常新對于移動端店鋪的裝修設(shè)計而言，要保持常換常新的狀態(tài)，不僅能夠滿足這部分消費者對新奇事物的追求，也不會讓店鋪看起來像是一個無人看管的空店。當(dāng)然，這一切也需要建立在店鋪品牌設(shè)計風(fēng)格不變的基礎(chǔ)上。歸納與提高通過本章的學(xué)習(xí)，我們了解了移動端店鋪頁面的框架結(jié)構(gòu)，移動端店鋪對圖片發(fā)布的尺寸要求，掌握了移動端店鋪裝修設(shè)計的基本方法。移動端店鋪可以看作是PC端店鋪的延續(xù)，在進(jìn)行裝修設(shè)計時要把握“用戶體驗”這一關(guān)鍵點。畢竟移動端店鋪主要是依附于智能手機平臺的，而智能手機又讓人與機器之間有了更親密的接觸與互動，因此與手機移動端中其他應(yīng)用軟件或App一樣，在設(shè)計移動端店鋪頁面時，要結(jié)合智能手機平臺的特色，設(shè)計出更加注重交互體驗與友好度的頁面，只有這樣才能博得消費者的歡心，從而提升轉(zhuǎn)化率。第11章移動端店鋪首頁與詳情頁裝修設(shè)計教學(xué)內(nèi)容一、移動端店鋪首頁裝修設(shè)計二、移動端店鋪詳情頁裝修設(shè)計教學(xué)要求【知識目標(biāo)】1．掌握店招的裝修設(shè)計方法。2．掌握輪播圖片的裝修設(shè)計方法。3．掌握優(yōu)惠券的裝修設(shè)計方法。4．掌握商品分類導(dǎo)航及分類展示的裝修設(shè)計方法。5．了解店鋪詳情頁設(shè)計的FABE原則。6．掌握手機淘寶店鋪詳情頁的設(shè)計方法。【技能目標(biāo)】1．能夠分析店鋪首頁設(shè)計的優(yōu)勢。2．能夠舉例說明FABE原則在移動端店鋪詳情頁設(shè)計中的具體應(yīng)用。3．能夠設(shè)計移動端店鋪設(shè)計詳情頁。教學(xué)重點1．店招的裝修設(shè)計方法。2．輪播圖片的裝修設(shè)計方法。3．優(yōu)惠券的裝修設(shè)計方法。4．商品分類導(dǎo)航及分類展示的裝修設(shè)計方法。5．店鋪詳情頁設(shè)計的FABE原則。6．手機淘寶店鋪詳情頁的設(shè)計方法。教學(xué)難點1．優(yōu)惠券的裝修設(shè)計方法。2．商品分類導(dǎo)航及分類展示的裝修設(shè)計方法。3．店鋪詳情頁設(shè)計的FABE原則。4．手機淘寶店鋪詳情頁的設(shè)計方法。教學(xué)方法講授法、案例法課時數(shù)2課時教學(xué)內(nèi)容第一節(jié)移動端店鋪首頁裝修設(shè)計一、店招的裝修設(shè)計在設(shè)計移動端店鋪店招時，除了需要注意上述問題外，還要平衡好店鋪標(biāo)識與底圖的位置關(guān)系，盡量避免文字信息被遮擋的情況發(fā)生，否則不但影響消費者對店招信息的捕捉，也不能帶來良好的視覺體驗。二、輪播圖片裝修設(shè)計輪播圖片也稱為焦點圖，它通常被放在移動端店鋪的首焦頁面，也就是第一屏中能被消費者