乐学 电商设计,网页版和手机版的图片尺寸是一样的吗
电商设计。
电商设计是网页设计 + 平面设计的组合，但同时，有一些用户体验和人机交互的概念，通过互联网传播，最终目的是销售商品。因此，除了所有与平面设计和网页设计相关的设计知识外，它还涉及销售知识、用户心理、用户体验、 *** 作、交互等知识。
备注：以下内容，仅旨在基于亚马逊都官方文档，诠释亚马逊电商平台产品视频的制作和拍摄。
前几日,有幸和亚马逊广告部门的聊天,聊到视频内容相关的话题,对方给我介绍了亚马逊视频的一些相关运营思路,并分享了一些亚马逊电商视频的最佳实践,就此给大家分享。当然以下内容仅基于亚马逊电商平台，进行分享，以及基于实践经验的诠释。
原文参考链接
2普通海报 950600左右 能在第一屏显示
3店招是950120
4导航条是95030
5也可以把店招和导航做成一个图 是 950150
电商产品宣传片的拍摄准则
电商产品宣传片也就是商家在淘宝、天猫、京东等平台上使用的，展示商品细节的短视频，适合在移动和短期休闲场所观看，有完整的策划和专业的拍摄制作。电商产品宣传片拍摄体现了“三微”：微时间、微生产周期和微资金投入，一般说来电商视频的时长集中在10秒到1分钟，最长也不会超过10分钟，主要在互联网和手机上展示和传播。
随着市场需求的逐渐增多，电商视频拍摄团队也像雨后春笋般迅速增长。电商视频发展势头强劲、发展前景广阔。但是，如何建立科学可行的行业标准，是点上视频拍摄制作在可持续发展的道路上稳步成长，是值得每个制作团队认真思考的问题。基于平台资源整合，以定制为导向主体、质量内容为保证、明星话题为亮点、主流价值观传播为核心、系列传播为形式，应该是该行业做大做强的正确发展方向。
电商产品宣传片拍摄应当遵循两个原则：
1电商产品宣传片拍摄图像应使观众有身临其境的直观感受，并对宣传的内在气质和突出特点有深入了解。
2有效结合整体电商产品宣传片拍摄策划方案。主要途径是通过画面营造场景氛围，更好地向公众展示资源、功能、服务和优势，诠释和翻译他们的文化理念。
事实上，每一条电商产品宣传片拍摄都是广告，应该有宣传功能，但不同的是有的侧重于宣传有形产品，有的侧重于宣传无形服务或精神理念。因此，相对而言，它不像有形产品的宣传那样侧重于产品的功能特性，而是侧重于服务或企业品牌的内涵和附加值。
比如淘宝，阿里，或者拼多多，这些平台都是可以制作视频的，但是专业的视频制作还是借助其他软件，比如PR，AE，或者苹果平台的FinalCutPro，你拍好产品视频，可以用他们来剪辑，制作特效等。比如字幕展示，无缝转场等。
或者你可以到淘宝视频制作平台，购买视频制作服务，不同商家价格不一样，通常来说，一分钟左右的视频，普通的在200-500左右，高级的在500-1000左右，更高级的1000-1500左右，看服务类型，有的商家是全包服务，包括产品视频拍摄，后期制作，模特展示等。
一、淘宝主图和详情页尺寸如下：
1、淘宝主图尺寸：700＊700。主图大小：500K以内，建议不要压缩的太小，小了会失真，主图一般可以上传4～6个不同角度的。
2、详情页的尺寸：750的宽度，高度则根据商品本身实际情况而定。大小最好在单张500K，连体3M以内。
二、天猫主图和详情页尺寸如下：
1、天猫主图尺寸：800＊800。
2、详情页尺寸：宽790，高度不限。每张不得超过1500px。
相关内容解释：
1、宝贝缩略图：普通店铺首页宝贝缩略图尺寸为160160；对于热门店，最小尺寸可以设置为160160，最大尺寸可以设置为220220。宝贝更大，更直接的出现在热门店铺的首页。
2、个性推广区：普通店铺首页显示的宝贝只能按时间顺序排序，不能由卖家设定。繁华商场个性提升区的功能颇有一天为商场安置了3个特大号柜台，柜台内陈列的宝贝可以按照多种方式、数量、大小来分类来个性地和设置。
3、宝贝推荐区：虽然在普通店铺背景可以设置16个推荐宝贝，但在店铺首页仍然只有6个。热门店推荐的宝贝，可以根据需要的数量，将部分或全部陈列在店铺首页。与个性化促销区一起，形成4个专柜，分别陈列店内的宝物。
4、自动推荐区：在普通店铺每个宝贝详细描述的底部，会有店铺老板设置的6个推荐宝贝。在这6条推荐下，旺铺增加了6条店铺系统自动推荐的宝贝展示。
前言 大屏可视化的设计尺寸定义，一直是很多设计师苦恼的一件事，很多时候大屏出现的问题，都是因为对设计尺寸没有一个正确的认识导致。比如大屏内容呈现不全、拉伸、压缩、字号小的看不见等等，出现这样的问题就会浪费时间调整返工，本期我们就来认认真真的讨论一下大屏的设计尺寸。 大屏的类别及成像我们设计的可视化大屏通常可以分为两类：一类是拼接屏，由46-55寸的液晶显示屏拼接而成，有一定的缝隙；
一类是LED屏无缝隙，是由成千上万个LED灯构成像素点，发光像素点之间的距离是LED显示屏的规格，用P值表示，P值越小成像越优秀细腻，对大屏类别的了解，有助于计算设计尺寸及比例。
大屏成像原理几乎都是投屏，也就是把电脑屏幕通过有线信号投放到大屏上，电脑上呈现什么内容，大屏上就会呈现什么内容。
在电脑上的交互 *** 作大屏会同步进行，这就是投屏，看下图所示，电脑上风景图投放到大屏上显示。
虽然投屏的原理没问题，但这样的展示换成可视化页面就会有问题，不知道你会不会发现，后面我们揭晓。
总结：
本章节只需要记住一句话“电脑上呈现什么内容，大屏上就会呈现什么内容”，所以电脑上出现滚条是绝对不可以的。
大屏和电脑同比例设计 首先要强调一点，不可以以大屏的分辨率定义设计稿尺寸，当大屏的比例和电脑屏幕的比例一样时，要结合电脑屏幕的分辨率来定设计稿尺寸。比如电脑屏幕分辨率为1920 1080，那设计稿就可以是这个尺寸，当电脑屏幕是3840 2160（4K）屏时，可以用1920～38401080～2160同等比例任意数值。
当电脑是4k分辨率时，虽然设计稿用19201080的设计尺寸也可以实现，但最终在大屏的呈现画面清晰度不够高。
原因是开发人员用19201080适配了4k分辨率，这本身就是同比放大关系，再加上投放中的画质损失就会更明显，不过基本上也是可以接受的范围内。
虽然画质影响不大，但优先级上更推荐电脑本身的分辨率38402160作为设计稿尺寸，这样1比1的呈现最能保证画面质量。
前端开发上只需要按尺寸固定写即可，下图为4k设计稿，中间的图像能相对更清晰。
4k设计稿（来源51WORLD）
大分辨率的设计尺寸还有个优势就是可以呈现更多的内容，同时在设计上的字号也要相对更大，比如1920上面16px字号，3840最好也能做到两倍左右的放大。
当然也完全可以用19201080设计尺寸设计，最后导出4k尺寸，也就是2倍图，包括切图也是导出2倍图。
总结：
当大屏电脑比例一致，电脑屏幕分辨率为19201080时，设计稿为电脑分辨率尺寸大小；
分辨率为3840 2160时设计稿优先级是3840 2160、19201080、之间同比例数值，当小于电脑分辨率时开发方式要适应屏幕大小。
大屏和电脑不同比例设计
反面案例原因是设计师的设计尺寸按32:9设计，在电脑上呈现1:1没有任何问题，投放到大屏上比例压到20:9，因为投放关系页面上所有的元素都会呈现压瘪状态。所以开篇投放案例，问题也出在不同比例的投放上，大屏上的被拉伸变形，视觉上不会太明显，但是可视化图表的呈现就会很难受，比如饼图被压瘪或拉伸。改正的方法就是按大屏的比例设计，保证大屏的正常呈现，电脑上差点无关紧要。本案例中两台显示器组成32:9的屏幕投放并非是最优的方案，接下来用一个案例来详细解析。 案例解析 一个4 7的拼接大屏，分比率13440 4320，比例为28:9，如何给配置最合适的电脑比例屏幕投屏？
其实能找到28:9的最佳，但据我了解比较困难，我也咨询很多这方面的公司，没有定制显示器比例的服务。所以就要找最接近的这个比例的显示器，在某电商平台查了个遍，最常见的有以下比例显示器：1、16:9（1920 1080）2、16:9（3840 2160）3、16:10（1920 1200）4、21:9（3440 1440）
其实根据我们上面的结论，大分辨率的电脑显示器扩展性更强，所以首先考虑4k大分辨率显示器，但16:9与28:9相差过大，如下图所示：
这样的一个压缩程度在 *** 作会存在一些问题，例如有交互的大屏，很小的按钮就会被压的很瘪，导致点击的精准度下降，影响 *** 作体验。下图所示，用两个屏幕组合成一个屏幕称为32:9的比例，这样是较为接近28:9，所以最为合适。
虽然两个16:10的显示器比例为29:9最为接近，但分辨率过低，没有很强的扩展性。所以前一章节分享的反例，20:9的大屏用16:9的显示器更为合适，因为16:9更接近大屏的比例。虽然理论上了我们可以找到最优的方案，但现实工作中不一样，例如某个事业单位一直都是16:9电脑屏投放28:9的大屏，你非说人家这样不行，得加个显示器，没必要！我们身为设计师出于对产品的负责，可以提出建议，但不要去争论，因为影响不是很大，我们把大屏的完美呈现保证好才是最终目的。总结：1、要以大屏的比例去定义设计稿，保证大屏完美呈现2、4k分辨率电脑，优先使用大分辨率作为设计稿
来源 >
0条评论