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

2016-02-16 19:51 173 1 收藏

有了下面这个详细解析电商海报设计的常用尺寸分享教程,不懂详细解析电商海报设计的常用尺寸分享的也能装懂了,赶紧get起来装逼一下吧!

【 tulaoshi.com - 平面设计 】

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

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

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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

详细解析电商海报设计的常用尺寸分享,PS教程,图老师教程网

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

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

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

详细解析电商海报设计的常用尺寸分享,PS教程,图老师教程网

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

对了,首页里

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

详细解析电商海报设计的常用尺寸分享,PS教程,图老师教程网

产品主图的尺寸是方形的,最大是1200pxX1200PX,但更多的是800pxX800px的,

手机端的首页尺寸宽是608px,高则有好几种,官方上有提示这里就不说了

来源:https://www.tulaoshi.com/n/20160216/1572989.html

延伸阅读
标签: PS PS基础
本教程主要使用Photoshop设计创意风格的电商全屏海报,教程的主要部分是冰雪字体的制作,然后配合整体的素材来完成效果图,喜欢的朋友让我们一起来学习吧,有什么不明白的地方可以下载PSD源文件查看。 教程源文件: 创意的淘宝全屏海报设计PS教程素材
现在做UI设计不仅要关注界面视觉,还得懂点交互和用研,今天十萬個為什麽这篇译文,囊括了移动APP操作过程中该有的9种基础状态(加载中、空状态、错误状态等),附上追波的优秀设计案例供学习吧。 现在的UI设计团队通常先设计组件,多数界面几乎就是各种组件的结合。这会在用户的异常路径上留下不容小觑的断档。由于我们构建的是整个系统,而非...
设计产品海报之前,需要对产品的特点,定位,风格等都有全面的了解。然后构思画面,搜集需要的素材;再按思路置入素材,大致排好版后润色,渲染光感即可。 最终效果 1、由视觉感受开始寻找素材,很漫长。 2、场景置入。找好地基,大的视平线先定。 3、你会用到以下工具:选区抠出删除...
现在需要设计一款以反战为主题的海报,内容以反对战争造成的血腥和战争造成的恐怖,以此来警示人民热爱和平。 图2-1 设计效果 解题思路: (1)打开Photoshop CS2,新建一个文件,设置宽度为21cm,高度为29.7cm,分辨率为300dpi(若只为练习需要此处设置为72dpi即可),颜色模式为RGB,单击【确定】或按回车进行确认,建立新文件。 (2)在Pho...

经验教程

59

收藏

48
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部