电商店铺结构: 店招(店铺招牌) 导航 banner 推荐及优惠信息 产品
尺寸规范
淘宝: 页面宽度:1920px 版心:950px
店招:高度120px 导航:高度30px (导航加店招:150px) 宽度:1920px
banner:高度:600px (最小不能小于400px 最大一般不超过700px)
左侧列表:190px 右侧详情:750px
详情页: 主图大小:800px*800px 小图:400px*400px 左侧列表:190px 产品详情宽度:750px
网页栅格系统:通常以10px的倍数划板块与板块之间的间距
天猫:页面宽度:1920px 版心:1000px~1200px
店招:高度120px 导航30px (导航加店招:150px) 宽度:1920px
详情页宽度:790px 主图:800px*800px 显示:420px*420px
京东:页面宽度:1920px 版心:1000px~1200px
店招:高度120px 导航30px (导航加店招:150px) 宽度:1920px
详情页宽度:990px 主图:800px*800px 显示:420px*420px
店招类型:品牌宣传类(logo+关注+收藏+广告语) 活动促销类(一般会在店招上放优惠卷) 产品推广类(放推广的产品)
设计原则:卖什么 卖点是什么 导航结构清晰优化体验 搜索框视情况而定
注意事项:颜色及字体一般不能超过3种(事不过三)
京东(多 快 好 省) 淘宝(万能的淘宝) 天猫(品质 高端 性感 潮流:上天猫 就够了) 拼多多(尾货)
草图的类型:手稿 excel表格 Axuer绘制
设计前准备工作(流程):草图(原型图) --- 产品图(摄影师) --- 竞品(竞争对手的产品) --- 营销方式
店铺字体:12到18号(之间的偶数) 12号字使用宋体(样式用无) 14号及以上用黑体(微软雅黑、思源黑体等) 样式用LCD或者平滑
字体颜色:#主色 #333 #666 #999 #白色
背景灰色:#ddd #eee
背景浅灰色:#f0f0f0 #f5f5f5 #f8f8f8
电商banner常见形式:1.活动专题 2.单品推广 3.品牌宣传
设计中可以拉伸的素材(没有自己的结构:天空、海洋、山峰、沙漠等等) 不可以拉伸的(人物、动物、实体等有自身主体结构的素材
) |
|