PDF《项目二 网店装修》

项目二 网店装修 知识目标 1.

了解网店装修的基本步骤;

2.了解视觉营销的基本元素. 技能目标 1.能够通过分析店铺,制定网站装修方案;

2.掌握店招、促销区的设计方法;

3.掌握店铺公告的制作方法. 任务一 店招设计 任务导入

一、任务情境 小王是一个刚大学毕业的应届毕业生,在各类校园招聘会拼搏了几个月后, 本项目包含了三个学习任务,具体为: 任务一 店招设计 任务二 促销区设计 任务三 店铺公告制作 在明确店铺装修需求的基础上, 对现有店铺进行装修布局设计, 并对店 招、促销区及公告等进行制作,使得店铺整体在视觉上更具引导性. 终于在农享信息技术公司找到了自己满意的工作. 小王在校期间对平面设计这一 领域有极大的兴趣,来公司后,他想在美工设计方面深入发展. 部门经理安排小王对公司将要举行的店铺活动进行装修策划, 为店铺带来一 个全新的展示风格以吸引用户. 小王决定先对店铺的商品进行深入了解、提取卖 点信息后,再进行店铺的整体装修策划. 小王了解到公司是一家食品类的传统企业,为推动公司发展,现在开始进军 电子商务领域.

二、任务分析 (1)认识网店店招;

(2)设计与制作网店店招. 任务实施 小王对公司背景、企业文化以及经营商品等基本信息了解后,决定首先进行 店招装修设计.

一、认识店招 店铺的店招,也就是指店铺的招牌,它是网店装修中最重要的模块之一.店 招是顾客认识店铺的第一步,是卖家展示自身店铺名称和形象特点的重要途径, 可以由文字和图案组成, 表现方法十分灵活.网店店招的作用主要体现在留客的 环节上,因此在设计网店的店招时要更多地从留客的角度去考虑. 在查看了一些淘宝店铺的店铺招牌后,小王发现店铺店招的装修设计主要有 两种展现形式: 静态图片与动态图片. 不同的装修展现形式具有不同的制作效果, 静态图片展现的形式比较自主和简单,可以用简单的图片设计制作而成.如在店 招中添加爆款商品,购物车等快捷窗口.静态店招表现形式如图 2-1 所示. 图2-1 静态店招表现形式 动态店招主要使用的是 GIF(Graphics Interchange Format,图像互换格 式)动画,表现手法生动活泼,也可以通过 Flash 动画形式来展示.动态店招表 现形式如图 2-2 所示,该店铺以动态店招来展示他们的设计. 图2-2 动态店招表现形式 网店店招默认的表现形式为 背景图片 + 店铺名称 ,这种设置非常简单, 其中的背景图片不但可以更换, 还可以使用店铺默认的招牌背景图片.因此很多 卖家会选择简单的店招形式来表现店铺的第一吸引力. 另外,淘宝店铺店招顶部模块基本默认为 950*150px,顶部模块包括店铺 招牌和导航条,但在实际设计店招的过程中不应超过 150px,以120px 为最佳, 因为 150px 会挡住底部导航栏, 因此对于卖家来说在设计店招过程中一定要注意 店招的高度标准.

二、店招的设计与制作 在认真观察分析了店铺招牌之后,小王基本掌握了店招设计方法和要素,他 开始制作两种类别的店招内容.之所以选择制作两款店招,是为了从中选优,保 证最终的店招是与店铺最相符的店招. 1.静态店招制作 店招作为访客进店的第一印象,在设计和制作内容上需要紧密结合店铺的定 位与品牌的特性,从这两个方面挖掘诉求,店招更具自身优势. 小王选择了 960px*120px 的尺寸制作静态图片店招,利用 PhotoShop 软件 可以很好地得出图片精确的尺寸设置,如图 2-3 所示. 图2-3 制定店招尺寸 店招制作风格在很大程度上和店铺经营的产品相关, 所以要讲究店招、 产品、 店铺风格的统一. 店招处在网上店铺第一屏中最为醒目的位置,是传达信息最好 的阵地.因此,具有鲜明个性的店招可以直观地传达出店铺的经营信息、所属的 行业信息以及产品的特点. 小王的店招设计理念很好地突出了这一点.首先在店招的底色选择上,为了 体现农享信息技术公司的特点, 决定以大自然的绿色为底色,将找到的绿色图片 置入到图层中,如图 2-