活動背景

小寶已經(jīng)了解到商品描述頁的組成，現(xiàn)在需要根據(jù)網(wǎng)店的商品特點，進行商品內(nèi)容的策劃設計。為了統(tǒng)一商品描述頁的展示風格，小寶和他的團隊開始動手設計商品描述頁模板，以后添加商品可以直接套用模板，節(jié)省工作量。

活動實施

步驟1：執(zhí)行“文件”→“新建”菜單命令，設置彈出的“新建”對話框，點擊“確定”按鈕即可創(chuàng)建一個新的空白文件，如圖6．1．1所示。

步驟2：執(zhí)行“文件”→“打開”菜單命令，在彈出的對話框中打開素材“練習素材\項目6\sc6-1．psd”，使用“移動工具”，將其拖動到背景圖中，生成“圖層1”，如圖6．1．2所示。

步驟3：新建“圖層2”，選擇“矩形工具”和“橢圓工具”繪制圖形，使用前景色（R：0，G：0，B：0）填充，效果如圖6．1．3所示。

步驟4：使用“橫排文字工具”，設置字體為“Adobe黑體std”和適當?shù)淖痔?，在圖形上輸入文字，效果如圖6．1．4所示。

步驟5：使用相同的方法，繪制商品描述頁模板，如圖6．1．5所示。

步驟6：新建“圖層5”，選擇“矩形選框工具”繪制矩形，使用前景色（R：108，G：90，B：86）填充。使用相同的方法，新建“圖層6”繪制相同的矩形填充顏色（R：64，G：56，B：56），如圖6．1．6所示。

圖6．1．1

圖6．1．2

圖6．1．3

圖6．1．4

圖6．1．5

圖6．1．6

步驟7：選擇“圖層6”，使用矩形選區(qū)，選擇“多邊形套索工具”，選中右側(cè)部分區(qū)域并按刪除鍵刪除，使用“移動工具”，將圖形與“圖層5”中的矩形從左側(cè)對齊重合，如圖6．1．7所示。

圖6．1．7

步驟8：使用“橫排文字工具”，設置字體為“華文琥珀”“華文細黑”和適當?shù)淖痔?，在圖形上輸入文字，如圖6．1．8所示。

圖6．1．8

步驟9：使用相同的方法，繪制商品描述頁模板，如圖6．1．9所示。

圖6．1．9

活動評價

使用商品描述頁模板，既可以統(tǒng)一網(wǎng)店風格，規(guī)范頁面，又能夠為今后的商品描述頁的添加節(jié)省工作量。通過這個活動，小寶意識到，完成一項任務，既要及時與小伙伴進行商討，又要懂得靈活變通。

合作實訓

學習了如何設計商品描述頁模板后，你是否跟小寶一樣，掌握了商品描述頁模板的設計呢？接下來，請你與你的小團隊根據(jù)商品的特點，完成商品描述頁模板的設計。要求如下：

①與小伙伴探討商品描述頁模板的組成內(nèi)容。

②根據(jù)店鋪裝修風格，設計商品描述頁模板。

項目完成評價表

續(xù)表