对于设计来说,设计任何一张图必须要有分辨率和尺寸。对于电商来说,分辨率设置为72就够了。如果是印D,那么分辨率要设置成300。那么尺寸呢?不同电商平台都有一定的差别。相信大家应该知道全屏的尺寸是多少吧。这篇文章就给大家详细介绍一下淘宝天猫京东店铺的设计尺寸。
淘宝:PC端首页宽度默认是950px,侧边栏750px、150px选项;全屏通栏是1920px。店招尺寸为1920*120px(也可以1920*150px)。详情页宽度默认为750px。主图尺寸默认为800*800px。手机端首页宽度为640px,每一个小方格是80px;店招尺寸为750*254px。手机端详情页宽度尺寸480-620px,每张高度不得高于960px。
天猫:PC端首页宽度默认是990px,侧边栏790px、150px选项;全屏通栏是1920px。店招尺寸为1920*120px(也可以1920*150px)。详情页宽度默认为790px。主图尺寸默认为800*800px。手机端首页宽度为640px,每一个小方格是80px;店招尺寸为750*254px。手机端详情页宽度尺寸480-620px,每张高度不得高于960px。
京东:PC端首页宽度默认是990px,侧边栏790px、150px选项;全屏通栏是1920px。店招尺寸为1920*120px(也可以1920*150px)。详情页宽度默认为990px,也可以做成750px和790px(以前是这个尺寸)。主图尺寸默认为800*800px。手机端首页宽度为640px,每一个小方格是85px;店招尺寸为640*200px。手机端详情页尺寸可以和PC端详情页一样。
淘宝天猫手机端尺寸最近发生了变化。以前的尺寸是608px的。我这次写的640px是最新的尺寸。和京东手机端首页宽度尺寸一样了。这样一来,在工作上会节约不少时间。毕竟手机端装修没有PC端那么简便。
如今基本上PC端首页都会做全屏效果,所以在设计的时候按照1920px宽度进行,设计好之后切片、生成代码,然后传到图片空间,换去本地代码。最后在代码上另外添加全屏代码,就可实现全屏效果。不懂代码的可以在淘宝天猫上购买智能版,智能版有全屏、海报轮播、悬浮等特效。至于京东首页,不需要购买模板,有自带的模板就可以全屏和轮播的哈。
留言与评论(共有 条评论) |