详细解析电商海报设计的常用尺寸分享

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:站酷   作者:设计师青衫

关键词

我没有去过什么大公司,都是一点点摸索出来的,今天分享的一些心得,一是强化自己,二是希望能帮助一些想进入电商的年轻人。

传统做印刷的分辨率都是设置成300象素/英寸或254象素/英寸。但网页上用的其实是72象素/英寸。这点要特别注意,做好了按ctrl+1看看实际效果。

淘宝的祥情页宽度有两种,一种是集市店的750PX,一种是天猫商城的790PX

高度普遍认为10屏为最佳高度,也就是8000PX(一屏为800px)但实际上有很多优秀的屏数也在20屏左右,尤其是服装模特比较多的情况,这个其实是没必要太在意的,按情况来做。

详细解析电商海报设计的常用尺寸分享

首页装修的尺寸宽度也有两种,一种是集市店的950px,一种是天猫商城的990px.

但实际上我们经常是做成更宽1920px,也即是全屏页面。这需要一点代码实现,没必要购买什么模版。

宽度需要建立四条竖的参考线,集市店位置分别是485px、1435px、280px、1640px、天猫商城是465px、1455px、280px、1640px。这些参考线习惯下我会设置个快捷键用ctrl+z,随用随输,尺寸记在头脑里最好,我有句格言,就是:“记在硬盘上的,是数据,记在头脑里的,才是真正活学活用的知识。)另外如果要从中间画一条参考参也可以直接输入50%。系统会自动计算。

详细解析电商海报设计的常用尺寸分享

至于高度也是没有限制的,只是海报部分建意在500Px到600Px之间,太高了14英寸下看不完全,也影响加载速度。

对了,首页里

还有两条横的参考线,一条是120px,一条是150px这两条参考线是店招和导航的高度,当然也有些直接把导航条去掉了,做成150px的,比如下面这张就把导航条做在了右边,

详细解析电商海报设计的常用尺寸分享

 收藏