学习单元十普通版店铺装修 任务一 页面布局管理课件.ppt

《学习单元十普通版店铺装修 任务一 页面布局管理课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、店铺装修整页设计授课教师：姓名移动商务视觉设计Contents任务一页面布局管理任务二店招设计任务三　促销区图片设计任务四　公告设计任务1淘宝普通版整页设计1.页面布局管理1.1认识淘宝店铺和页面布局管理认识淘宝店铺店铺介绍店标公告掌柜推荐分类任务1淘宝普通版整页设计1.1认识淘宝店铺和页面布局管理页面布局管理普通版店铺页头淘宝普通版店铺页头可以包含以下几个预置的基础模块，它们分别是：自定义区、flash模块区、店招、和搜索条，组成自定义布局，具体放置什么模块，都随卖家自由添加或删除。任务1淘宝普通版整页设计1.1认识淘宝店铺和页面布局管理页面布局管理通常淘宝普通版店铺的页头是由两部

2、分完成的，包括店铺的LOGO和店铺的自定义布局。LOGO+店招+双导航任务1淘宝普通版整页设计1.1认识淘宝店铺和页面布局管理页面布局管理LOGO+包含导航的店招店招+自定义区（导航）任务1淘宝普通版整页设计1.1认识淘宝店铺和页面布局管理页面布局管理LOGO+自定义区（导航）LOGO+搜索条LOGO+包含导航的自定义区任务1淘宝普通版整页设计1.2页面布局管理设置淘宝普通版店铺页头的使用方法及步骤首先，可以从卖家个人中心页面，点击进入店铺装修任务1淘宝普通版整页设计或者点击“布局管理”进行相关操作，在“布局管理”界面中，也可以进行添加/删除模块的相关操作。同时，还可以在布局模块管理

3、界面中添加自定义的内容，最后点击保存即可。淘宝普通版店铺页头的使用方法及步骤1.2页面布局管理设置任务1淘宝普通版整页设计页面布局管理1.2页面布局管理设置淘宝普通版店铺页尾通常，淘宝卖家总以为页头的展示很重要，却往往忽视了店铺页尾的设计。需要注意的是，页尾是一个公用的固定区域，设置好会出现在店铺的每一个页面。这就要求卖家要对这个区域进行细致的设计。淘宝店铺普通版的页尾其实就是一个自定义区，没有预置的模块。需要卖家进行自行填充相关图文或代码任务1淘宝普通版整页设计页面布局管理店铺底部导航/返回首页1.2页面布局管理设置在线客服展示店铺页尾利用任务1淘宝普通版整页设计页面布局管理发货须

4、知友情链接的展示1.2页面布局管理设置任务1淘宝普通版整页设计页面布局管理店铺信息/买家必读相关内容的展示其他信息内容展示1.2页面布局管理设置任务1淘宝普通版整页设计淘宝普通版尾页的设置步骤1.2页面布局管理设置从卖家个人中心页面，点击进入店铺装修页面。然后打开此页面便是自定义区，可以根据自助需求进行设置，最后进行保存。任务1淘宝普通版整页设计1.3淘宝普通版店铺主体页面弊端：信息在文字排列不整齐、文字表达混乱、颜色混乱优势：顶部导航部分信息很清晰、细节分明弊端：信息量少优势：细节全面弊端：主次不明、信息量过繁重任务1淘宝普通版整页设计如何造就好店铺？1.3淘宝普通版店铺主体页面1

5、）尽量使模块布局清晰布局是否清晰明了，对于设计能否让用户感觉简单实在太重要了。布局简约，不是简简单单地削减图形和文字，而是要重新思考重要内容的顺序，对模块进行组织和分块。通常卖家会利用不可见的网格来对齐模块中的元素，这是吸引用户注意力的一种有效方式。任务1淘宝普通版整页设计2）使页面设计风格明确1.3淘宝普通版店铺主体页面如何造就好店铺？淘宝中一些做得相对比较好的店铺，如Only、可可尼、七格格等店铺，呈现在眼前的往往是醒目的店标、清晰的导航以及一张做得非常精致，视觉冲击力比较强的焦点图。这一部分十分重要，是整个页面风格的风向标。任务1淘宝普通版整页设计1.3淘宝普通版店铺主体页面如

6、何造就好店铺？3）使页面细节统一页面之中有很多元素，元素过多意味着人们必须处理的信息变多了，很难把注意力集中到真正重要的内容上了。所以卖家要尽量保持同样的元素细节统一，如：页面按钮及链接有着统一的样式，页面的模块背景有着相似的细节纹理，这样的页面往往会让用户在浏览的过程中感到轻松。（1）尽量使页面颜色不要过多（2）尽量保持字体和按钮等细节的风格统一（3）尽量保持相似栏目大小统一（4）使页面重点明确要保持元素的统一，卖家要注意以下几点：End