《網(wǎng)店視覺設計》課件 項目五 網(wǎng)店首頁視覺設計

項目五?網(wǎng)店首頁視覺設計任務1?店招設計任務2?導航欄設計任務3?首頁廣告圖設計任務4?網(wǎng)店商品分類圖設計任務5?網(wǎng)店頁尾區(qū)設計277278項目引入店鋪的運營不僅需要專業(yè)的運營策略，而且需要好看的門面裝修。網(wǎng)店實際上就是一家網(wǎng)上的店鋪，與實體店鋪一樣也需要有店面、柜臺和展窗。對于實體店面而言，一個主題清晰、沖擊力強的店招或一個條目清晰的價目表能夠給顧客帶來良好的感官刺激，那么網(wǎng)店也一樣需要這樣一個“入口”，這就是網(wǎng)店首頁，其包含“招牌”——店招、“展窗”——廣告圖、“導引”——導航欄、“櫥窗”——商品分類、“售后聲明”——頁尾區(qū)等。在設計網(wǎng)店首頁時為了能夠更好地吸引用戶，必須掌握一些設計原則及方法。279項目背景某電商公司最近要推出一批新的商品，現(xiàn)已完成了新商品的拍攝，需要對大量商品圖片進行摳圖處理。張偉、王平兩位新人也被分配了一部分摳圖工作。學習目標1.熟悉并掌握店招的設計要點。2.熟悉并掌握店招的設計思路。3.能夠制作店招。280任務引入張偉、王平接到制作“南山大集”店招的任務后，為了更好地完成設計任務，他們從網(wǎng)上收集資料，并找專業(yè)老師指導制作店招圖的要求和方法。任務分析店招是店鋪置頂?shù)恼信?，好的店招能夠吸引用戶的注意，使其能夠深刻地記住店鋪，這也是店招設計的核心功能。在制作店招圖之前，需要熟悉店招圖的設計要點和設計步驟。281相關知識一、基礎知識1.店招概述店招就是店鋪的招牌，用來展示店鋪的名稱和形象，不管用戶進入網(wǎng)店的哪個頁面，都能看到店招。店招始終展示在網(wǎng)店所有頁面的頂部，是網(wǎng)店形象和風格的代表，其美觀度直接影響用戶對網(wǎng)店的印象。店招一般由店標（logo）、店鋪口號、店內(nèi)搜索框、收藏店鋪、關注店鋪、店內(nèi)導航及熱銷商品推薦或者店鋪優(yōu)惠券等組成，如圖所示。282283店招網(wǎng)店的店招設計根據(jù)需求不同，大致可以分為3種形式。（1）以品牌宣傳為主的類型以品牌宣傳為主類型的店招一般適用于實力雄厚、商品給力，或者想打造品牌的店鋪。這種類型的店招在做設計的時候主要突出的是商品的品牌形象，要想好一個店鋪名稱，設計一個符合品牌形象的logo，選擇適合品牌定位的色調(diào)及具有代表性的商品等，如圖所示。284品牌宣傳類型店招（2）以商品推廣為主的類型以商品推廣為主類型的店招主要用于增加店鋪主推商品的銷量。這種類型的店招上通常會放上兩三款商品，在旁邊標注價格，用戶進入店鋪的第一眼會看到店招上的商品，從而起到一個推廣的效果，如圖所示。285商品推廣類型店招（3）以活動促銷為主的類型以活動促銷為主類型的店招主要用于增加店鋪銷量，因此在店招設計上要展現(xiàn)出更多的活動內(nèi)容并放上重點的促銷信息；店招的風格要根據(jù)活動的主題來設定，營造出一個活動氛圍；也可以在店招上適當?shù)丶尤胍恍﹥?yōu)惠券領取的按鈕，如圖所示。286活動促銷類型店招2.店招設計原則店招設計一般要遵循以下基本原則：●店鋪易于識別：要明確、直觀地告訴用戶店鋪的經(jīng)營商品，表現(xiàn)形式最好是實物圖片?！竦赇伒膬?yōu)勢：要明確、直觀地告訴用戶店鋪的特點、優(yōu)勢以及與同類店鋪的差別。2873.店招設計的要點店招設計必須體現(xiàn)以下幾個要點：●店招風格：店招風格要和店鋪整體統(tǒng)一，同時也要和所售商品的特性有一定的關聯(lián)性?！竦赇伱Q：店鋪名稱要好記、易于識別，能直接告訴用戶店鋪是賣什么的，品牌店鋪還可以宣傳自己的品牌?！竦陿耍╨ogo）：店標是店鋪區(qū)別于其他店鋪的核心元素，有很高的識別度，能直觀、形象地體現(xiàn)店鋪的品牌和形象?！竦赇仯ㄉ唐罚﹥?yōu)勢和差異化：展示店鋪（商品）的優(yōu)勢以及和其他店鋪的不同，形成差異化競爭。2884.店招設計的行業(yè)規(guī)范以淘寶網(wǎng)為例，淘寶店鋪的店招寬度為950像素（天貓的店招寬度為990像素），高度不超過150像素，如果超出將會被直接截斷屏蔽，發(fā)布后將不在頁面上展現(xiàn)出來。若要使用官方默認的導航欄，店招的高度不得超過120像素，如果超過將會被直接截斷屏蔽，發(fā)布后將不在頁面上展現(xiàn)出來，且僅支持JPEG、GIF、PNG格式。通欄店招包括頁頭背景、常規(guī)店招和導航欄，尺寸多為1920像素×150像素。需注意的是，為了便于店招上傳，頁頭背景的圖片大小建議小于200KB，店招大小建議小于80KB，店招的格式應設置成JPEG、GIF、PNG或SWF等格式。289二、店招制作本例制作“南山大集”店招，其具體操作如下：1.執(zhí)行菜單欄中的“文件＞新建”命令，在彈出的對話框中設置寬度為1920像素，高度為120像素，分辨率為72像素/英寸，新建一個空白畫布。建立垂直參考線，位置為485像素和1435像素，效果如圖所示。290新建空白畫布2.導入“項目五任務1背景”素材圖片，居中對齊，效果如圖所示。3.導入“項目五任務1logo”素材圖片，并與左側(cè)輔助線對齊，效果如圖所示。291導入“項目五任務1logo”素材圖片導入“項目五任務1背景”素材圖片4.執(zhí)行“圖層樣式＞顏色疊加”命令，將logo改為#73b685，效果如圖所示。5.選擇橫排文字工具，輸入文字“南山大集官方旗艦店”，在工具屬性欄中設置字體、字體大小、文本顏色分別為思源黑體、36點、#73b685，效果如圖所示。292文字輸入1顏色疊加6.選擇矩形工具，在工具屬性欄中設置填充為#73b685，在圖片的上方繪制215像素×70像素的矩形，移動到頁面中間偏右位置，效果如圖所示。7.執(zhí)行“圖層樣式＞描邊”命令，設置大小為2像素，為“矩形1”添加描邊，效果如圖所示。293描邊繪制矩形18.選擇矩形工具，在工具屬性欄中設置填充為#???，在圖片的上方繪制35像素×35像素的矩形，移動到矩形右側(cè)，效果如圖所示。9.選擇橫排文字工具，輸入文字“￥”，在工具屬性欄中設置字體、字體大小、文本顏色分別為思源黑體、8點、#???。10.選擇橫排文字工具，輸入文字“滿399使用”，在工具屬性欄中設置字體、字體大小、文本顏色分別為思源黑體、15點、#???。294繪制矩形211.選擇橫排文字工具，輸入文字“20”，在工具屬性欄中設置字體、字體大小、文本顏色分別為思源黑體、35點、#???。12.選擇橫排文字工具，輸入文字“優(yōu)惠券”，在工具屬性欄中設置字體、字體大小、文本顏色分別為思源黑體、22點、#???。13.選擇橫排文字工具，輸入文字“領”，在工具屬性欄中設置字體、字體大小、文本顏色分別為思源黑體、24點、#73b685，效果如圖所示。295文字輸入214.按【Ctrl+J】組合鍵復制一個訂單滿699元使用的50元優(yōu)惠券，最終效果如圖所示。296最終效果297學習目標1.熟悉并掌握導航欄的設計要點。2.熟悉并掌握導航欄的設計思路。3.能夠制作導航欄。298任務引入張偉、王平接到制作導航欄的任務后，為了更好地完成設計任務，他們從網(wǎng)上收集資料，并找專業(yè)老師指導制作導航欄的要求和方法。任務分析導航欄在網(wǎng)店設計中往往是容易被遺忘的部分，它附屬在店招的下方，幫助用戶在最短的時間內(nèi)找到想要的商品，使用頻率較高。在制作導航欄之前，需要熟悉導航欄的設計要點和設計步驟。相關知識一、基礎知識1.導航欄概述導航欄是店招下方的區(qū)域，是用戶瀏覽店鋪的重要通道。導航欄一般包含首頁和其他分類欄目的導入鏈接，反映了網(wǎng)店的核心經(jīng)營內(nèi)容，可以引導用戶對店鋪進行深度查看。清晰明了且富有個性的導航欄，對提高店鋪的銷售轉(zhuǎn)化率十分重要。299導航欄2.導航欄設計要點在設計導航欄時，需要注意以下幾個方面：●導航欄的類別要明確，使用戶一目了然。●導航欄的文字與背景顏色要區(qū)分開?！駥Ш綑诤偷暾性谏蚀钆渖弦y(tǒng)一，不能過于花哨。3.導航欄常規(guī)分類一級分類：鏈接至店鋪商品分類頁（一般熱銷類靠前），方便用戶快速找到自己想要的商品，如圖所示。300一級分類4.導航欄常用尺寸導航欄的寬度與店招相同，高度為30像素，淘寶店鋪導航欄的文字信息部分建議設置在950像素以內(nèi)；活動導航欄的尺寸建議寬度小于200像素、高度小于600像素，圖片格式為JPEG、PNG、GIF。301二、導航欄制作本例制作“南山大集”導航欄，其具體操作如下：1.執(zhí)行菜單欄中的“文件＞新建”命令，在彈出的對話框中設置寬度為1920像素，高度為30像素，分辨率為72像素/英寸，新建一個空白畫布。建立垂直參考線，位置為485像素和1435像素，效果如圖所示。302新建空白畫布2.選擇矩形工具，在工具屬性欄中設置填充為#73b685，在圖片的上方繪制1920像素×30像素的矩形，并居中對齊，如圖所示。303繪制矩形13.執(zhí)行“圖層樣式＞內(nèi)陰影”命令，為“矩形1”添加內(nèi)陰影，設置圖層混合模式為正片疊底，不透明度、角度、距離、阻塞、大小分別為14%、0、3、0、5，效果如圖所示。304“矩形1”內(nèi)陰影設置4.選擇橫排文字工具，輸入文字“首頁有驚喜”，在工具屬性欄中設置字體、字體大小、文本顏色分別為思源黑體、18點、#f0?04。5.選擇橫排文字工具，輸入文字“產(chǎn)品分類”“NEW/HOT”“新鮮蔬果”“農(nóng)產(chǎn)品”“客服中心”“往期推薦”“會員中心”“收藏”，在工具屬性欄中設置字體、字體大小、文本顏色分別為思源黑體、16點、#???，所有文字按圖擺放，效果如圖所示。305輸入文字6.執(zhí)行“圖層樣式＞投影”命令，為“首頁有驚喜”文字添加默認投影，效果如圖所示。7.選擇矩形工具，在工具屬性欄中設置填充為#???，在圖片的上方繪制2像素×15像素的矩形，按【Ctrl+J】組合鍵復制7次并按圖擺放，效果如圖所示。306繪制矩形2設置投影8.選擇矩形工具，在工具屬性欄中設置填充為#523000，在圖片的上方繪制124像素×30像素的矩形，移動到“首頁有驚喜”文字底下，效果如圖所示。307繪制矩形39.執(zhí)行“圖層樣式＞內(nèi)陰影”命令，為“矩形2”添加內(nèi)陰影，設置圖層混合模式為正片疊底，不透明度、角度、距離、阻塞、大小分別為14%、0、3、0、5，效果如圖所示。10.適當調(diào)整所有元素的位置，最終效果如圖所示。308最終效果“矩形2”內(nèi)陰影設置309學習目標1.熟悉并掌握首頁廣告圖的設計要點。2.熟悉并掌握首頁廣告圖的設計思路。3.能夠制作首頁廣告圖。310任務引入張偉、王平接到制作“南山大集”首頁廣告圖的任務后，為了更好地完成設計任務，他們從網(wǎng)上收集資料，并找專業(yè)老師指導制作首頁廣告圖的要求和方法。任務分析首頁廣告圖在網(wǎng)店設計中至關重要，是用戶進店首先關注到的部分，是建立用戶對店鋪第一印象非常重要的組成部分。因此，在制作首頁廣告圖之前，需要熟悉網(wǎng)店首頁廣告圖的設計要點和設計步驟。311相關知識一、基礎知識1.首頁廣告圖概述首頁廣告圖一般位于店鋪導航欄的下方，是用戶進入店鋪時在首頁中看到的最醒目的部分，如圖所示。首頁廣告圖312首頁廣告圖的設計會根據(jù)店鋪當時的活動來決定圖片風格，可以是季節(jié)性的海報/輪播圖，也可以是促銷信息的海報/輪播圖。要想讓首頁廣告圖美觀并吸引用戶的注意力，就要對其主題、構(gòu)圖和配色等進行綜合考慮?！裰黝}：無論是新品上市還是活動促銷，都需要確定一個首頁廣告圖主題。一般情況下，首頁廣告圖主題主要通過商品圖片和文字描述來體現(xiàn)。313●構(gòu)圖：構(gòu)圖的好壞直接影響首頁廣告圖的表現(xiàn)效果，構(gòu)圖主要分為左右構(gòu)圖、左中右三分式構(gòu)圖、上下構(gòu)圖、底面構(gòu)圖和斜切構(gòu)圖等。左右構(gòu)圖314●配色：首頁廣告圖不但需要確定主題和進行構(gòu)圖，還需要統(tǒng)一色調(diào)。在配色時，對重要的文字信息用突出、醒目的顏色加以強調(diào)，通過明暗對比以及不同顏色的搭配來確定對應的風格，如圖所示。復古配色315●背景：首頁廣告圖設計中的背景主要用于襯托主體事物，如商品、文案、促銷信息等，大致可分為純色背景、漸變背景、風景背景、材質(zhì)紋理背景和圖形組合背景等，如圖所示。風景背景316●文案：文案是指首頁廣告圖中出現(xiàn)的文本內(nèi)容，目的是向用戶傳遞商品或促銷引導信息，如圖所示。促銷文案3172.首頁廣告圖常規(guī)尺寸首頁廣告圖的尺寸與店鋪的布局緊密相關，與店招一樣，商家可以根據(jù)需要設置全屏首頁廣告圖和常規(guī)首頁廣告圖兩種樣式?！袢潦醉搹V告圖尺寸：寬度為1920像素，高度一般以400～800像素為最佳?！癯Ｒ?guī)首頁廣告圖尺寸：高度要求在100～600像素，小于300KB。318二、首頁廣告圖制作本例制作“南山大集”首頁廣告圖，其具體操作如下：1.執(zhí)行菜單欄中的“文件＞新建”命令，在彈出的對話框中設置寬度為1920像素，高度為800像素，分辨率為72像素/英寸，新建一個空白畫布。建立垂直參考線，位置為485像素和1435像素，效果如圖所示。新建空白畫布3192.導入“項目五任務3背景”素材圖片，居中對齊，效果如圖所示。導入“項目五任務3背景”素材圖片3203.選擇橫排文字工具，輸入文字“南山大集瓜果節(jié)”，在工具屬性欄中設置字體、字體大小、文本顏色分別為思源黑體、46點、#4d8f02，效果如圖所示。文字輸入13214.選擇橫排文字工具，輸入文字“核桃，我只選擇最飽滿的！”，在工具屬性欄中設置字體、字體大小、文本顏色分別為蘋方、27點、#4d8f02，效果如圖所示。文字輸入23225.選擇矩形工具，在工具屬性欄中設置填充、描邊、粗細分別為#4d8f02、虛線、2像素，在文字的下方繪制460像素×1像素的矩形，效果如圖所示。繪制矩形13236.選擇橫排文字工具，輸入文字“Choosethebestforyou”，在工具屬性欄中設置字體、字體大小、文本顏色分別為蘋方、15點、#4d8f02，效果如圖所示。文字輸入33247.選擇矩形工具，在工具屬性欄中設置填充為#feac00，在文字的下方繪制150像素×30像素的矩形，效果如圖所示。繪制矩形23258.選擇橫排文字工具，輸入文字“全場5折起”，在工具屬性欄中設置字體、字體大小、文本顏色分別為蘋方、23點、#???，最終效果如圖所示。最終效果326學習目標1.熟悉并掌握網(wǎng)店商品分類圖的設計要點。2.熟悉并掌握網(wǎng)店商品分類圖的設計思路。3.能夠制作網(wǎng)店商品分類圖。任務引入張偉、王平接到制作“南山大集”網(wǎng)店商品分類圖的任務后，為了更好地完成設計任務，他們從網(wǎng)上收集資料，并找專業(yè)老師指導制作網(wǎng)店商品分類圖的要求和方法。327任務分析由于網(wǎng)店商品數(shù)量眾多，首頁廣告圖無法一次性展示全部商品，所以產(chǎn)生了商品分類區(qū)域，這個區(qū)域往往展示當前主推商品或者介紹店鋪內(nèi)商品的種類、優(yōu)惠等。用戶通過這個區(qū)域內(nèi)圖片的鏈接可以直達商品鏈接，快速達成交易。網(wǎng)店的商品分類區(qū)域并不只是簡單的圖文堆疊，往往需要一番精心的準備。因此，在制作網(wǎng)店商品分類圖之前，需要熟悉店網(wǎng)店商品分類圖的設計要點和設計步驟。328相關知識一、基礎知識1.網(wǎng)店商品分類圖概述在網(wǎng)店中，如果上傳的商品過多，查看起來就會非常麻煩，此時如果將相同類型的商品進行歸類，將商品放置到與之對應的分類中，查找起來會變得十分輕松。網(wǎng)店中的商品分類就是為了讓用戶以最便捷的方式找到想買的商品。329可以按照網(wǎng)店的整體色調(diào)對商品分類圖進行設計，好的網(wǎng)店商品分類圖具有展示商品、刺激銷售、方便選購、美化購物環(huán)境、節(jié)約空間等作用，可以讓用戶一目了然，激發(fā)用戶的購買欲望，如圖所示。商品分類圖3302.網(wǎng)店商品分類圖設計原則（1）重點突出為了迅速引起用戶的注意，讓其能夠快速看清商品、了解商品，商品分類圖應該做到醒目突出，同時還需要突出商品的賣點、與其他商品的差異化優(yōu)勢等。（2）樣式統(tǒng)一商品分類圖中，商品的陳列形式需要整齊統(tǒng)一，以便使商品顯得豐富、有序、美觀，使整個區(qū)域的視覺沖擊力更強，可以方便用戶進行比較性選購。331（3）主次分明優(yōu)秀的商品分類圖能為用戶的瀏覽、選購提供引導和便利。如果在商品分類圖設計中一味地采取相同的商品陳列模式，在商品數(shù)量較多的情況下，冗長的頁面難免會讓用戶在瀏覽中感到乏味而逐漸失去興趣，因此商品陳列不能在排列上千篇一律、一成不變，而應該適當突出重點以引導消費。（4）關聯(lián)相關商品為了激發(fā)用戶的潛在購買力，促進其購買相關商品，可以使用關聯(lián)陳列方式，將具有關聯(lián)的商品相鄰擺放，以最終實現(xiàn)促進消費、提高客單價的目的。332二、網(wǎng)店商品分類圖制作本例制作“南山大集”首頁商品分類圖，其具體操作如下：1.執(zhí)行菜單欄中的“文件＞新建”命令，在彈出的對話框中設置寬度為1920像素，高度為2900像素，分辨率為72像素/英寸，新建一個空白畫布。建立垂直參考線，位置為485像素和1435像素，效果如圖所示。新建空白畫布3332.導入“項目五任務4背景”素材圖片，并居中對齊，效果如圖所示。導入“項目五任務4背景”素材圖片3343.選擇矩形工具，在工具屬性欄中設置填充為#?bf3f，繪制530像素×283像素的矩形，效果如圖所示。繪制矩形13354.選擇矩形工具，在工具屬性欄中設置填充為#8cd052，繪制530像素×283像素的矩形，效果如圖所示。繪制矩形23365.選擇矩形工具，在工具屬性欄中設置填充為#da6344，繪制530像素×584像素的矩形，效果如圖所示。繪制矩形33376.導入“項目五任務4草莓1”素材圖片，按【Alt】鍵與“矩形1”建立剪切蒙版，效果如圖所示。導入“項目五任務4草莓1”素材圖片3387.導入“項目五任務4瓜子”素材圖片，按【Alt】鍵與“矩形2”建立剪切蒙版，效果如圖所示。導入“項目五任務4瓜子”素材圖片3398.導入“項目五任務4核桃”素材圖片，按【Alt】鍵與“矩形3”建立剪切蒙版，效果如圖所示。導入“項目五任務4核桃”素材圖片3409.選擇矩形工具，在工具屬性欄中設置填充為#?bf3f，繪制77像素×15像素的矩形，效果如圖所示。繪制矩形434110.選擇矩形工具，在工具屬性欄中設置填充為#8cd052，繪制77像素×15像素的矩形，效果如圖所示。繪制矩形534211.選擇矩形工具，在工具屬性欄中設置填充為#da6344，繪制77像素×15像素的矩形，效果如圖所示。繪制矩形634312.選擇橫排文字工具，輸入文字“蔬果專區(qū)”，在工具屬性欄中設置字體、字體大小、文本顏色分別為思源黑體、42點、#?bf3f。13.選擇橫排文字工具，輸入文字“農(nóng)產(chǎn)品專區(qū)”，在工具屬性欄中設置字體、字體大小、文本顏色分別為思源黑體、42點、#8cd052。14.選擇橫排文字工具，輸入文字“助農(nóng)專區(qū)”，在工具屬性欄中設置字體、字體大小、文本顏色分別為思源黑體、42點、#da6344。15.選擇橫排文字工具，輸入文字“農(nóng)產(chǎn)品限時折扣中”“新鮮蔬果限時折扣中”“助農(nóng)限時折扣中”，在工具屬性欄中設置字體、字體大小、文本顏色分別為蘋方、22點、#939393。34416.選擇橫排文字工具，輸入文字“店長推薦”，在工具屬性欄中設置字體、字體大小、文本顏色分別為思源黑體、75點、#6bae33，效果如圖所示。輸入文字134517.選擇矩形工具，在工具屬性欄中設置填充，描邊為#???，#62a52a，9像素，繪制760像素×390像素的矩形，效果如圖所示。繪制矩形734618.導入“項目五任務4草莓2”素材圖片，按【Alt】鍵與“矩形4”建立剪切蒙版，效果如圖所示。導入“項目五任務4草莓2”素材圖片34719.選擇橫排文字工具，輸入文字“南山草莓”，在工具屬性欄中設置字體、字體大小、文本顏色分別為思源黑體、57點、#29ac6c。20.選擇橫排文字工具，輸入文字“￥”，在工具屬性欄中設置字體、字體大小、文本顏色分別為蘋方、16點、#29ac6c。21.選擇橫排文字工具，輸入文字“優(yōu)惠價：”，在工具屬性欄中設置字體、字體大小、文本顏色分別為蘋方、18點、#29ac6c。34822.選擇橫排文字工具，輸入文字“9.9”，在工具屬性欄中設置字體、字體大小、文本顏色分別為思源黑體、55點、#29ac6c，效果如圖所示。輸入文字234923.選擇矩形工具，在工具屬性欄中設置填充為#29ac6c，繪制240像素×48像素的矩形，效果如圖所示。繪制矩形835024.選擇橫排文字工具，輸入文字“點擊搶購”，在工具屬性欄中設置字體、字體大小、文本顏色分別為蘋方、26點、#???，效果如圖所示。輸入文字335125.按【Ctrl+J】組合鍵復制南山草莓的鏈接，最終效果如圖所示。最終效果352學習目標1.熟悉并掌握網(wǎng)店頁尾區(qū)的設計要點。2.熟悉并掌握網(wǎng)店頁尾區(qū)的設計思路。3.能夠制作網(wǎng)店頁尾區(qū)。353任務引入張偉、王平接到制作“南山大集”網(wǎng)店頁尾區(qū)的任務后，為了更好地完成設計任務，他們從網(wǎng)上收集資料，并找專業(yè)老師指導制作網(wǎng)店頁尾區(qū)的要求和方法。任務分析網(wǎng)店頁尾區(qū)雖然在整個網(wǎng)店首頁的最末端，但卻是保障店家和用戶利益最重要的部分，存在內(nèi)容多、排版難的問題。因此在制作網(wǎng)店頁尾區(qū)之前，需要熟悉網(wǎng)店頁尾區(qū)的設計要點和設計步驟。354相關知識一、基礎知識1.網(wǎng)店頁尾區(qū)概述網(wǎng)店頁尾區(qū)位于最下方，也常被稱為“底部通欄”，是一個獨立且唯一的模塊。網(wǎng)店頁尾區(qū)包含很大的信息量，包括網(wǎng)店申明和公告等信息，在為用戶提供方便的同時體現(xiàn)網(wǎng)店的全方位服務。網(wǎng)店頁尾區(qū)設計多使用簡短的文字加上代表性的圖標來傳達相關信息，如圖所示為一款比較有代表性的頁尾區(qū)設計。355網(wǎng)店頁尾