A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 鬼毅 初级黑马   /  2019-9-14 18:59  /  818 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

电商店铺结构: 店招(店铺招牌)  导航    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.品牌宣传


设计中可以拉伸的素材(没有自己的结构:天空、海洋、山峰、沙漠等等)    不可以拉伸的(人物、动物、实体等有自身主体结构的素材

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马