手机端详情页尺寸的修改的尺寸是多少？

来源：蜘蛛抓取(WebSpider) 时间：2024-05-03 08:33 标签： 手机端详情页尺寸的修改
本文章算是对8年前文章的补充《入门电商应该了解的尺寸》https://www.zcool.com.cn/article/ZMTE3NzEy.html感谢大家的一直关注，因为这次文字有点多，就新开一篇了，尺寸比例1:1方图用得多，适用也广，但比较呆版。4:3是传统老电视的画幅比，接近于方形，后来16:9成为主流（接近于长方式）。2:3非常接近黄金分割的比例，全画幅相机就是2:3。800X1200，是淘宝全场景图的尺寸。非常适合风景照，不需要裁剪。【要点】1、特殊比例需要做匹配适应，易致工作量加大，有些新平台，尺寸比例就很特殊，要做裁剪，考虑到工作量，干脆就放弃这个平台了。2、小的图，字少，大的图，字多，所以有时候又需要做两张图。抖音评论区内容：中等44、38。菜鸟APP界面：46、44、40、37、30（750尺寸下30px=21px）。在PC端，最小的字为14px，使用14号宋体时抗锯齿选择“无”会更清晰，（@影天酱 网页设计师十八日速成01）轮播图：宽度1200px，高度600px～2000px，大小不超过2兆。单图海报：宽度1200px，高度120px～2000px，大小不超过2兆。750X1000，换算（1.44倍放大）=1080X1440换算（1.6倍放大）=1200X1600拼多多无线端宽：750px，切片要求高度小于2500px天猫PC端宽：1920px，高不限。750px宽：是早期淘宝的PC端详情页尺寸，后来扩展到790，也是一种会员特权，再后来手机端进步……750px宽：正文字24px，最小16px的。这么小的字，多是解释性说明，不重要的内容，阅读上会有困难，但也正是商家不想让消费者看清，比如法律条款的解释。考虑到老人群体，正文字也会选用32px，加粗，不用细字。1080px宽：最小字就是30px，同样是解释性说明。站酷作品图宽：1000px。我昨天发布的作品宽度为1200px，被缩小了，如果放在手机端，会缩得更小。这个变化，意味着站酷开始重视移动端流量了，一直以来，站酷都不屑于手机端阅读的。好几次改版，发布的文章和作品，在手机端没法看。大家都默认了，站酷是很严肃的交流平台，只能用PC端看。站酷文章图宽：700px，这就更窄了，比淘宝的750还要窄。注意，站酷可能还会改版，其它平台也一样，但这不影响我们的字体大小设计。手机端尺寸（旧版）轮播图高度200-950px，支持jpg和png智能版美颜切图：宽：750px 高335px ~ 2500px非智能版自定义：宽：640px = 80px/格X8这条规定属于旧规定，对于web开发来说的，比如：当用了 14 px 的正文字号，可能会在一些地方变成 14 × 0.5 = 7 px ，或者 14 × 1.5 = 21 px 的标题字号。另外也是为了迁就ie6，ie6会把定义为13px的字渲染成14px，而且像谷歌等一些比较流行的浏览器一般会有个默认的最小字体，对奇数字体的渲染不太好看。所以一般建议将字体大小设置成偶数。但我们不开发APP，可以不考虑这个。注意是正文行距：有建意1.5倍的，有建意不要超过2倍的。也有建意不使用倍数的，而是在字号的基础上+8，理由是在程序开发里，当字号越来越大，间距就行会越来越大。比如表格、目录、列表，很多为3.1倍。间距固定12px，不管在PC上还是手机上，左对齐都是12px。间距固定2%，PC端和手机端会自适应 今天就写到这里，谢谢点赞，想看什么可以评论区提，大家不要互相辱骂

我要回帖

更多关于 手机端详情页尺寸的修改 的文章

 

随机推荐