设计部工作规范 1. 目的 为了满足公司各个店铺的专业化标准化需求，并对店铺设计美化并优化设计流程进行规范化，特制定本规范。 2. 适用人群 本标准规定了美工的责任与权限，工作内容及要求、检查和考核内容，每月总结表格。 本标准适用于美工岗位。 3. 店铺设计规范 3.1基本工具 设计使用的基本工具包括：Photoshop 或 Flash Dreamweaver.要求在制作时选择使用哪种软件，必须保证留存源文件，并保证日后源文件可持续性使用以及日后便与维护。 运营美工头脑风暴【确定设计文案思路】 运营或者美工自行组织头脑风暴会，确定设计方案。 设计之前要充分进行市场调查，同行业调查，规避同款。同时也要做好消费者调查，分析消费者人群分析消费者的消费能力，消费的喜好，以及顾客购买所在意的问题等。【需找运营提供】 3.2产品拍摄流程与注意事项 3.2.1产品拍摄结束后注意事项 产品拍摄前，检查相机设备，电池，内存卡是否异样；拆分产品前，要记住产品的内外包装形式，以及礼包，说明书以及其他相关配件的位置安放。 3.2.2产品拍摄产品角度等说明 产品拍摄是否具有视觉吸引力是首页也是详情设计展现的关键。所以对产品拍摄要求如下：产品正面图1张，背面图1张，正侧面图1张。大侧面产品2张（左右偏向各一张）其他更细节图，卖点图保证最少有一张。【拍摄视觉原则以平视拍摄为主，其他俯视，仰视为辅，保证不模糊，以百分百能用为标准】然后备用图也需要拍摄，以备直通车主图使用，场景图也必需拍摄。角度细节要求如上。最好是在设计前把需要用到各个详情角度检查好。 备注：产品拍摄完成之后，如果有需要拍摄视频，要及时与运营沟通时间：原则上不能超过2天，当天工作最好是当天完成，当天15点之后不紧急的任务在第二天上班前12点前完成。 3.2.3产品拍摄结束后注意事项 视频完成剪辑确定之后，通知借货人与美工拍照人员一起把产品要原封打包好，并及时归还仓库。产品相关设备要恢复原位（灯，插座，线都恢复原位），电源插座关闭，最终结束拍摄。 3.3店铺首页设计流程规范 3.3.1首页活动页设计说明 店铺首页代表店铺的整体形象，也是非常重要的环节 常规首页一年建议更换两次，不建议频繁更换，时间为年底一次，以暖色调氛围为主； 一次夏季6-10月更换一次，以冷色调为主。平常除活动外不建议一张更换。 因为活动基本每月都有，所以首页做的最多的就是活动页面设计，前期要与运营沟通确定活动信息，下载活动LOGO，根据信息，设计活动氛围页面，页面包含：首页PC端，无线端，承接页PC端，无线端，详情活动关联，主图氛围图，店招氛围入口图，都要设计。 3.2.2模块说明： 常规首页模块：首页店招·轮播海报·形象海报·导航分类海报·优惠券·产品展示 活动首页模块：首页氛围店招入口logo·活动氛围海报·优惠券海报·活动信息说明海报·产品展示等。 3.4详情设计流程规范 宝贝详情页是提高转化率的入口，激发顾客的消费欲望，树立顾客对店铺的信任感，打消顾客的消费疑虑，促使顾客下单。优化宝贝详情对转化率有提升的作用，但是起决定性作用的还是产品本身。产品拍摄是否具有视觉吸引力也是优化宝贝详情页的关键步骤。(见3.2产品拍摄流程) 在运营提供产品人群画像·产品卖点·产品表达逻辑·主搜关键词产品详情文案等相关产品数据参考，定稿后着手开始设计，根据之前运营沟通的方案，收集相应素材图，风格。 根据消费者分析以及自身产品卖点的提炼，以及宝贝风格的定位，开始准备所用的设计素材，详情页用的文案并确立宝贝详情的用色，字体、排版等。最后还要烘托出符合宝贝特性的氛围，以及用简约文案列举这款产品的使用覆盖范围。 3.5主图直通车钻展图等设计规范 上新主图设计规范：要综合考虑-京东-天猫店铺：还要考虑其他店铺要上避免主图重复问题：所以主图设计量要大一点：首图第一张图设计不能少于3张，后四张卖点图要不能低于6张，可以冲详情卖点提取设计【包含白底图·每款SKU都需要白底图透明图各一张】 然后是爆款热卖款主图设计·包括直通车钻展等推广图设计，风格要尝试不同风格，不同场景，最好是找运营提供主推款·人群画像·产品卖点·产品表达逻辑·主搜关键词等相关产品数据参考，避免无用功。 3.6活动页面设计规范 活动页面是指日常官方活动有承接页的设计，根据不同的活动尺寸进行设计 小活动：小活动只需单纯设计活动海报、优惠券信息、活动信息为主。 大活动：如双十一，双十二等大活动，需要整页面重新设计，热销款需要运营提供，活动信息需要活动预热前半月确定。在活动预热前2天设计完成，与运营沟通修改，调整，确定。然后在预热前一天代码安装上新。 活动包含：活动主图设计·详情关联设计·店招氛围入口设计【链接到活动承接页】 4. 设计尺寸规范与切图规范 4.1尺寸规范 4.1.1首页尺寸规范 PC尺寸：宽度1920像素*高X【总高度原则上是不限制的但是不能太高】 无线端尺寸：分两种一种是买了旺铺的尺寸规格是：建议宽度750，高度335--2500像素【这个是官方强制的单张尺寸要求】 另一种是没有买旺铺的自定义规格，这个是稍微麻烦费时间一点，尺寸是640的宽度，这个是又单个80*80的小像素组合而成。【高度是没强制要求的，但是有单张图片要求，一个自定义模块只能放10张切图】这个有点麻烦，需要美工自己自行换算，我们很多新店我是没让买旺铺的，所以这个需要大家自行掌握。又不懂可以咨询。 注：所有活动页面尺寸规格要求跟上面所说是一样的，做的活动图案上面规范执行即可。 4.1.2详情尺寸规范 因为我们有跨平台店铺，所以详情尺寸严格按这个执行： 详情尺寸以后统一按京东990尺寸设计制作，不得按790制作。这个已经强调多次。【详情高度不限，普通上新款高度控制在20000像素左右，不得超过25000像素；热销爆款优化的像素高度不得超过30000像素。】 4.1.3主图直通车钻展尺寸规范 主图与直通车图设计尺寸都是统一的800*800 钻展图尺寸：我们做的最多的是640*200像素的尺寸，如果运营有其他要求可按官方提供尺寸自行设计。 4.1.4详情关联尺寸规范 关联尺寸跟详情一样：天猫宽度790，京东宽度990.高度不超过2000像素，控制在2屏以内，特殊情况除外。 4.2切图规范 4.2.1首页切图规范 PC首页切图单张图片像素不得超过1500像素，特殊页面设计的不得超过2000像素，总切片数不得超过15张，最好是控制在10张以内。 无线端切图单张切图是335--2500像素。单张必须在这个范围内，否则上传不了，切图数量官方要求不得超过25个，我们最好是控制在20屏以内。 4.2.2详情切图规范 详情单张切图像素高度不得超过1500，最好是控制在1200像素以内。总切片数量不得超过20张，普通详情控制在15屏最好。包括优化的详情不超过20屏。【这是790天猫尺寸切图为例子，京东切图按这个等比例换算即可】 5.其他文件命名源文件整理规范 5.1设计文件命名规范： 不能以纯数字，未标题-1，等这种格式命名文件名。特别是详情源文件。 文件命名格式如下【以斗牛士电吉他D150为例】 详情命名：品牌名+产品名称+型号+详情/主图/直通车图/活动图+设计时间【年月日】，以斗牛士电吉他D150为例：命名如下：“斗牛士电吉他D150详情190726” 全部以这个规范来命名，主图以首页其他相关一样。 首页命名：店铺名+设计时间即可【如果是活动首页在店铺名与时间之间加活名称，如“斗牛士乐器旗舰店七夕节活动190801”】 主图直通车钻展图命名：品牌名+产品名称+型号+详情/主图/直通车图/活动图+说明+01/02 比如：斗牛士电吉他D150主图首图/卖点图/细节图+01/02 5.2文件夹格式命名规范： 文件名分总格式名称-分类格式名称-子文件名称 大家大部分是以店铺名称来命名，但是通过我个人经验，不是最理想的。个人建议以两种形式区分： 5.2.1一种是针对详情主图按产品类目分类好，名称命名如下： 总名称命名为：“设计源文件”/“电吉他电贝司专区，木吉他专区，音箱专区，打击乐器专区，吹奏乐器专区等等”/“品牌型号”/单品子名称如下 子文件名称为：品牌型号+详情+设计时间；内包含文件夹为：详情切图（里面包含京东990详情，天猫790详情），主图，SKU图。 以斗牛士D150为例：总类目归属为：电吉他电贝司专区/斗牛士D150详情0726/下面包含详情切图，主图，sku，源文件等。 5.2.2另外一种是首页活动为主的文件夹，以店铺名称命名，名称命名如下： 总名称命名为：“公司所有店铺首页源文件”/“名森乐器专营店，名森乐器旗舰店，斗牛士乐器旗舰店，道韵乐器期间店，等等/常规首页，活动首页/PC页面，无线页面。 子文件名称为：店铺名称+活动名称+设计时间，内包含文件夹名称为：pc页面，无线页面，承接页页面，活动关联页面，活动主图氛围图页面等/ 以名森七夕节活动页面为例：总类目归属为：“公司所有店铺首页源文件”/“名森乐器专营店”/名森乐器专营店七夕活动页面0728/内包含/PC页面，无线页面，承接页页面，主图氛围图，详情关联图等等。 说明：设计部负责本规定的制定，修改，废止起草工作，负责对本规定的文件进行解释，负责本制度的监督执行，负责对本规定的实施监督与实施效果的评估工作。