1.3.36

入门电商应该了解的尺寸(祥情页尺寸,首页尺寸,手机店尺寸,参考线的位置,)

昆明/学生/10年前/34743浏览
入门电商应该了解的尺寸(祥情页尺寸,首页尺寸,手机店尺寸,参考线的位置,)
青衫MG

电商各种页面尺寸解释及参考线的设置

现在是2023年,这篇七年前写的文章,有三万浏览量,非常感谢大家能喜欢,我做了一些删减和修改,因为我们知道,尺寸平台方是会变的,手机大小也会变的,所以还是要以平台方的要求为准。

以下图片,供你参考

01分辨率设置


传统做印刷的分辨率都是设置成300象素/英寸或254象素/英寸。但网页上用的其实是72象素/英寸。这点要特别注意。

在PS里做好了一张图片可按ctrl+1(小键盘上的数字1)放大100%查看实际的显示效果。

02祥情页尺寸

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

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



03首页装修的尺寸


宽度也有两种:一种是集市店的950px,一种是天猫商城的990px.

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

你建好一个宽度1920PX的文档后画两条参考线360PX 1560PX,保证主要内容不超过参考线就可以了,参考线中间的宽度是1200PX。

提醒:尺寸记在头脑里随用随输更快,不要设置快捷键自动新建。相信记在硬盘上的,只不过是数据,记在头脑里的,才是真正活学活用的知识。)


04参考线居中小技巧


小技巧:如果要从中间画一条参考线也可以直接输入50%。系统会自动计算。



首页高度和详情页一样也是没有限制的,只是海报部分建意在300Px到500Px之间,太高了感到压仰,也影响加载速度。

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




05手机端首页尺寸

2022新版标准:

天猫无线端尺寸:

轮播图:宽度1200px,高度600px~2000px,大小不超过2兆。

单图海报:宽度1200px,高度120px~2000px,大小不超过2兆。出处。


腊月十五了,马上新年了,祝大家新春愉快,文末补充一点。

需要注意的是,文本信息会因作图尺寸的宽度而变化,

尺寸宽度与字体大小

750px宽:正文字24px,最小16px的。这么小的字,多是解释性说明,不重要的内容,阅读上会有困难,但也正是商家不想让消费者看清,比如法律条款的解释。

1080px宽:最小字就是30px。

尺寸越宽,需要越大的字体,尤其是主图,会缩到更小。

459
Report
|
573
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
Log in