3.3店招设计(课件）-《电商视觉营销》同步教学（西南财经大学出版社）

网店首页设计 项目三 1 YCF 01 网店Logo设计 03 店招设计 02 店标设计 目录 CATALOG 04 导航设计 05 焦点图设计 06 页尾模块设计 2 思政课堂 一家经营“国货”的品牌店主营业务产品是汉服。在“双11”大促即将到来之际，请你为该网店的首页进行设计，使其突出“国 货”这个重点，以弘扬中华文化，体现出汉服的美，达到吸引广大 客户的目的。请将你的想法写在下面，并将设计图交给教师。 3 网店的首页设计是电子商务行业的热门话题，关于网店装修的意义和目标，设计者一直存在不同的观点。然而不论是实体店还是网店，其作为一个营销的平台，装修的核心是促进销售。网店首页整体布局如图所示。 项目导读 01 掌握Logo的设计方法。 02 掌握店招的设计方法。 学习目标 03 掌握焦点图的设计方法。 04 能够为网店设计静态店标与动态店标。 05 能够为网店设计导航条。 03 店招设计 一、店招的设计要点 二、店招的设计步骤 6 一、店招的设计要点 一是店招要表达本网店的品牌形象，即网店名称或商品图片； 二是结合商品进行定位，让买家清楚地看到本网店出售什么商品。 （如图所示） 店招位于网店页面的最顶端，用于彰显网店的风格、档次和核心商品，设计时若能根据自己网店的特点来搭配，制作出风格独特、吸引力强的店招，对减少网店的跳失率、提高转化率等都非常有利。 提示 7 二、店招的设计步骤 不同的电商平台对店招的图片尺寸有不同的要求。以淘宝网为例，其常规店招的像素要求为宽950像素、高120像素；如果考虑导航条的高度（一般设置为30像素），为避免网店发布店招后导航不显示，通栏店招的像素要求为宽1920像素、高150像素。 下面就以“Honey童装小铺”的店招为例介绍店招的设计步骤。 8 二、店招的设计步骤 步骤1：打开Photoshop软件，执行“文件”→“新建”命令，新建大小为950像素×120像素、分辨率为72像素/英寸、名称为“Honey店招”的文件，如图所示。 9 二、店招的设计步骤 步骤2：打开“素材/项目三/店招背景.png”图片，选择“移动工具”，把“店招背景”图片移动到“Honey店招”文件中，按Ctrl+T组合键，使用变形工具进行缩小、旋转变形，填充背景。 10 二、店招的设计步骤 步骤3：执行“文件”→“打开”命令，打开“素材/项目三”文件夹，打开“衣服1.jpg”“衣服2.jpg”“店招二维码.jpg”文件，选择“移动工具”把三张图片移入“Honey店招”文件中，按Ctrl+T组合键进行缩小、旋转变形，使图片达到相应的效果，如图所示。 11 二、店招的设计步骤 步骤4：选择“横排文字工具”，输入Honey，将首字母H放大显示，设置字体为Vivaldi，文字颜色RGB为“0/0/0”；输入“童装小铺”，设置字体为华文隶书，文字颜色RGB为“0/115/98”，输入“新品促销”“收藏店铺”，设置文字颜色RGB为“255/0/0”，具体参数如图所示。 12 二、店招的设计步骤 步骤5：执行“文件”→“存储”命令，存储文件“Honey店招.psd”；执行“文件”→“存储为”命令，选择文件类型为“JPEG”，将文件另存为“Honey店招.jpg”，该类型文件用于上传平台；店招的效果如图所示。 13 $$