什么是专题页

1. 利用一个主题进行策划

2. 以视觉表现为主

   1. 比如春节到了，除了以自己的产品为主以外，还加入节日的氛围进去
      [图片上传失败...(image-5b1a0f-1514541307821)]

3. 单页面专题：以单个页面为主

4. 多页面专题：以一个活动流程为主

专业页分类

image.png

• 电商类的，就算是一天的节日促销也很有用

电商专题页价值

image.png

岗位负责：

• 负责web、ios、Android、H5等活动页面的设计和制作；

• 负责APP广告图和专题页面的设计和制作；

• 设计师要善于把握一些流行元素

  • 比如：当时正在热播三生三世十里桃花，然而正好也没有赶上什么节日可以做促销，正好可以拿这个十里桃花做促销，让人们看见之后会有一种亲切感。

从实体到电商

1. 优惠程度最高的，最想卖的放在最上面
2. 一般这个页面都比较长。

image.png

电商专题的特色

1. 表现力强，看图说话
2. 互动性强
3. 信息要提炼，文字要少
4. 浏览方便，节省时间
5. 具有时效性
6. 网络营销工具，提升转化率
7. 商品不宜太多，帮助用户进行选择，甚至有些就买一种商品

单页面电商专题

• 做促销的商品，不会说单独再给这个商品做一个详情页，而是加一个链接到原商品的详情页上面（着陆页）
• 一商品
• 一品牌
• 一商家

多页面电商专题

• 多商品
• 多品牌
• 多商家
• 多栏目

专题设计须知

1. 整体风格贴合主题（eg：中秋节要有中秋节的感觉）
2. 标题有创意（eg：十里桃花）
3. 文案好理解
4. 突出美感（eg：一些装修比较好的店面，还放着轻松的音乐，会让人多想在里面逛一会儿）
5. 便于阅读（eg：加上一些阅读的引导）
6. 结构清晰，层次分明

版式设计

• 根据专题内容以及特色进行版式布局

• 栏目与内容

  • 头部

    • logo、导航
    • banner（标题一级，二级，利益点，时间）
    • 优惠券

  • 内容区

    • 产品分类展示（分主次、顺序）
    • 商品图、名称、描述、价格、购买按钮、活动细则

  • 页尾

    • 帮助信息（售前、配送、售后等）
    • 表单与联系方式
    • 其他方向链接（如：分会场）

专题页整体构图技巧

• 集合切割

  • 简单切割
  • 对称切割
  • 组合切割

• 主题轮廓

• 流程图

  
  
  image.png

切图切什么

• 背景（bg）
• logo
• 列表项目的符号
• 图片（pic)
• 按钮（btn)
• 图标（icon）

切图技巧——可以不切的元素

• 边框

• 色块

• 见到效果文字

• 纯色线条

• 分割线

  • 以上的都可以通过告诉色号，字号等解决
  • 如果分割线是不规则的图形，要切

专题页切图

• 专题页比较复杂，而且具有时效性，所以不必每个细节都切图
• 简化，讲一张大图，按照需要切割成几个部分即可

• 对Assistor，可以设置切图的范围

  
  
  image.png

网站运营推广

image.png

• 注意：
  • SEO/SEM：网络推广，网络优化，想办法提高自己的网站在百度的排名
  • 不收费：技术上，域名的使用时间的长短，内容的优化，也会影响自然排名
  • 收费的：给百度交费用，设置关键词的价格（竞价）