电商中版式划分

版式划分及立体表现

(一)版式分割的优点

版式分割有助于将文字和产品或者背景进行划分
可以使阅读者浏览文字,更有秩序感。
可以活泼版面,更容易表达海报的设计主题(氛围)

  • 各种图形的性格
    矩形:稳定 不浮躁 诚实 正直…….(外形整洁 严丝合缝)
    圆形:团圆 可爱 富有亲和力 容易接近 萌萌哒…..(由弧线构成 外形光滑圆润饱满)
    三角形:外形尖锐 不失稳重 运动 时尚 刺激
  • 分割形状的填充方法
    可以使用临近渐变色(弱对比),或者纯色填充。
    用图形框住图像(反白 用剪切蒙板显示分割形状)

(二)判断作品的优缺点

1.从视觉和运营数据(浏览量 跳失率)两个方面来进行分析。
2.配色:主色搭配合理,元素使用恰当
建议版式可以保持左右布局,或者更改为左中右布局; 配色上背景和文字进行处理(突出文字)
建议 场景搭建可以更加突出层次感(近大远小)或者将文字进行圆形的版面分割

  • 场景合成类海报的特点
    注重于近 中 远景的搭配,近实远虚近大远小,元素要使用得当,不能喧宾夺主 。
  • 扁平化海报的特点
    版面简洁,注重于点线面的打造,画面清新自然,颜色不能过于饱和。
  • 立体空间感海报
    常用于促销型海报,用一点透视的方法来引导视觉突出重心,注重于光影和凹凸效果的打造。

  • 自由变换的详细使用
    Ctrl+T 自由变换
    Ctrl+alt+T 自由变换并复制
    Ctrl+alt+shift+T 重复上一次自由变换并复制

店铺详情

(一)运营专业名词

运营的数据来源: 生意参谋 生E经 数据罗盘 千牛工作台(阿里专用的后台软件)
跳失率:访客单品为1次的人数/总访客数 跳失率越高,店铺的问题越大 (店招 主图 详情 关联)
转化率:付款的人数/总访客数(详情 客服)
平均停留时长: N个访客人数的停留时间的总和/N 停留时长越长页面最有可能促进转化率。
访客数UV:一个IP算访客一次,重复进入不计
浏览量PV:页面的展示次数,重复进入重复计数。

(二)如何展开设计

1.改变设计思路,站在消费者的角度和痛点来进行排版。
2.了解竞品:直接竞争对手,同等价位的商家 。分析间接竞争

  • 详情的排版逻辑
    第一版块:大图或者场景合成 slogan标题和口号 (吸引消费者)
    第二版块:卖点 特点 USP 简化文案使用图标形式表达(迎合消费者心理需求)
    第三版块:对产品卖点的详解 (细致了解 放心购买)
    第四:产品参数
    第五:细节展示 证书 专利技术 好评 常见问题 安装方法 售后服务
  • 详情尺寸
    天猫:790 高不限 淘宝:750高不限
    图标的绘制
    图标的底座(选择饱和的形状)视觉统一 图标要保持风格一致(线条 填充 立体)
    图标的想法:根据文字内容联想现实中使用的实物,或者周边。

小技巧: 钢笔工具下 按住ctrl可以切换为转换点工具(小白)
钢笔工具下 按住ALT可以切换为转换点工具(转换锚点)
自由变换后,按CTRL键控制点 是扭曲
Ctrl+shift控制点 是斜切
三键控制点 是透视