商品详情设计

杨明

目录

  • 1 网店美工须掌握的基本操作
    • 1.1 什么是网店美工
    • 1.2 网店配色基础
    • 1.3 网店图像布局
    • 1.4 美工修图基础
      • 1.4.1 宝贝图片色调调整
      • 1.4.2 宝贝图片调整
      • 1.4.3 瑕疵图片调整
      • 1.4.4 人物磨皮处理
      • 1.4.5 校正模糊图片
    • 1.5 常用的美工抠图
      • 1.5.1 规则几何形抠图
      • 1.5.2 复杂图像快速抠图
      • 1.5.3 复杂图像精细抠图
      • 1.5.4 透明图像抠图
      • 1.5.5 毛发抠图
    • 1.6 修饰宝贝图像
      • 1.6.1 为商品添加保护线
      • 1.6.2 为商品添加文字水印
      • 1.6.3 为商品添加图像商标或水印
      • 1.6.4 为商品图片添加情趣对话
      • 1.6.5 快速为多个商品图片添加文本水印
  • 2 网店外部区域引流图像设计与制作
    • 2.1 店标设计与制作
    • 2.2 直通车图片的设计与制作
    • 2.3 钻展图片的设计与制作
      • 2.3.1 钻展主图设计与制作
      • 2.3.2 钻展小图设计与制作
  • 3 网店首屏元素设计与制作
    • 3.1 店招设计与制作
      • 3.1.1 店招设计原则
      • 3.1.2 商品参与店招设计与制作
      • 3.1.3 简洁风格全屏店招设计与制作
      • 3.1.4 与导航一同进行设计制作的店招
    • 3.2 首屏全屏广告设计与制作
      • 3.2.1 首屏广告与轮播的作用
      • 3.2.2 利用材质背景广告设计与制作
      • 3.2.3 渐变背景广告设计与制作
      • 3.2.4 大面积配色背景广告设计与制作
      • 3.2.5 图像背景广告设计与制作
  • 4 商品广告图像设计与制作
    • 4.1 950像素广告设计与制作
      • 4.1.1 商品整体参与设计与制作
      • 4.1.2 商品局部参与设计与制作
      • 4.1.3 多视点参与广告设计与制作
      • 4.1.4 超出背景区域设计与制作
    • 4.2 750像素广告设计与制作
      • 4.2.1 暖色系方案设计与制作
      • 4.2.2 冷色系方案设计与制作
      • 4.2.3 中性色方案设计与制作
    • 4.3 190像素广告设计与制作
      • 4.3.1 凸显特点方案设计与制作
      • 4.3.2 商品本身方法设计与制作
    • 4.4 陈列区广告设计与制作
      • 4.4.1 格局分布方案设计与制作
      • 4.4.2 图片相混合搭配方案设计与制作
  • 5 快速导航区设计与制作
    • 5.1 悬浮导航设计与制作
      • 5.1.1 半透明方案设计制作
      • 5.1.2 单色无背景方案设计与制作
    • 5.2 宝贝分类设计与制作
      • 5.2.1 宝贝分类设计原则
      • 5.2.2 按钮式图像方案设计与制作
      • 5.2.3 文字效果方案设计与制作
      • 5.2.4 子分类设计与制作
      • 5.2.5 文字类子分类设计与制作
  • 6 店铺公告模板设计与制作
    • 6.1 横幅公告模板设计与制作
      • 6.1.1 950像素店铺公告模板制作
      • 6.1.2 750像素店铺公告模板制作
      • 6.1.3 750像素店铺公告水平文字滚动模板制作
    • 6.2 直幅公告模板设计与制作
    • 6.3 为制作的模板进行切片
  • 7 收藏售后设计与制作
    • 7.1 店铺收藏设计与制作
      • 7.1.1 宽幅店铺收藏制作
      • 7.1.2 窄幅店铺收藏制作
    • 7.2 客服设计与制作
      • 7.2.1 宽幅客服设计与制作
      • 7.2.2 窄幅客服设计与制作
  • 8 详情页设计与制作
    • 8.1 详情页设计思路与操作流程
    • 8.2 详情页格局构成与设计原则
    • 8.3 详情页整体制作
      • 8.3.1 商品广告区设计
      • 8.3.2 商品色彩展示区设计
      • 8.3.3 商品细节展示区设计
      • 8.3.4 特点说明区设计
      • 8.3.5 产品说明区设计
      • 8.3.6 购物须知区设计
      • 8.3.7 详情页描述区设计
      • 8.3.8 合成详情页
  • 9 第九单元
    • 9.1 第一课时
    • 9.2 第二课时
    • 9.3 第三课时
    • 9.4 第四课时
为制作的模板进行切片