电商美工常见尺寸规范
天猫详情页:
标准宽度:790px/750px(公寓类产品)
标准高度:建议:8000px-12000px(机酒产品)
5000px-8000px(门票/一日游产品)
7000px-10000px(单酒店/或是酒店套餐产品)
首页轮播图:1920px*600px(也可以是550px)
固定宽度:
1920px/1680px/1440px/990px/790px(详情页)/750px(公寓类产品)
内容显示宽度:990px-1100px
关联营销:
宽度:790px
高度:自定(790px*1200px建议)
主图标准尺寸:
800px*800px(系统自动提供放大功能)
600px*600px(无放大功能)
400px*400px(无放大功能)
店招尺寸:
整体高度:150px(固定)
店招描述内容高度:120px
导航高度:30px(可自由设定)
自定义:150px高度,遮掉系统菜单
京东装修尺寸:
由于现在京东更新了jshop。支持自定义css。所以已经没有限制 默认情况下,中间内容部分是宽990px的
自定义首页: 店招:宽1920px*高150px 轮播海报:宽1920px*高不限
首页:宽1920*高度不限(默认宽是990px 全屏可以用自定义代码实现)
详情页:
宽990px*高度不限 主图:800px*800px
一号店修尺寸:
首页默认显示宽980px 店招:宽1920px*高
150 首页:宽1920px高不限 详情页:宽750px 高度不限
唯品会装修尺寸: 唯品会首页:宽1920*
高度不限 唯品会主图:宽1100 * 1390 px 唯品会详情:宽990*高度不限
蘑菇街装修尺寸:
店招:宽1920px*高150px 首页:宽1920px*高度不限 详情页:宽720x*高度不限 分类图片:宽195px 高不限 美丽说装修尺寸: 店招:宽1920px*高150px
主图:800X800px
Pc端店招1920x150px
普通版手机端店招750x254px
Pc详情页:天猫790px宽度,高度不限 淘宝750px,高度不限
普通版手机端详情页 统一640px
钻展图首焦图:pc端520x280px 无线端640x200px
首页海报:1920×600【高度一般600,其实不限高度】
手机端首页:单张产品图:608×336 Px
轮播图:640X320Px
智能版手机端详情页尺寸:淘宝店750宽度,高度不具体要求
天猫店铺:
宽度750-1242px 一般做750,或者790 , 高度不具体要求
平面常见尺寸规范
名片
横版:90*55mm 85*54mm
竖版:50*90mm 54*85mm
方版:90*90mm 90*95mm
IC卡85x54MM
三折页广告标准尺寸: (A4)210mm x 285mm
普通宣传册标准尺寸: (A4)210mm x 285mm
文件封套标准尺寸:220mm x 305mm
招贴画标准尺寸:540mm x 380mm
挂旗标准尺寸:8开 376mm x 265mm 4开 540mm x 380mm
手提袋标准尺寸:400mm x 285mm x 80mm
信纸 便条标准尺寸:185mm x 260mm 210mm x 285mm
国 内 信 封 标 准
B6号 176 X 125 与现行3号信封一致
DL号 220 X 110 与现行5号信封一致
ZL号 230 X 120 与现行6号信封一致
C5号 229 X 162 与现行7号信封一致
C4号 324 X 229 与现行9号信封一致
普通宣传册
标准尺寸:(A4)210mm x 285mm
文件封套
标准尺寸:220mm x 305mm
招贴画
标准尺寸:540mm x 380mm
挂旗
标准尺寸:8开 376mm x 265mm
4开 540mm x 380mm
手提袋
标准尺寸:400mm x 285mm x 80mm
信纸、便条
标准尺寸:185mm x 260mm、210mm x 285mm
新闻纸尺寸有:547mm×392mm、545mm×370mm
常见新闻纸又有以下几种规格
平板纸规格:787×1092毫米,850x 1168毫米, 880x 1230毫米。
卷筒纸规格:宽度787毫米,1092毫米, 1575毫米;长度约6000~8000米。
Ui设计常见尺寸规范
一、手机尺寸倍率:
主流Android尺寸:
(如果想做适配ios,那就选720×1280 分辨率72,像素/英寸。
如果单独设计安卓MD新规范的,那就新建1080×1920 分辨率72,像素/英寸)
1.mdpi[320x480px]
市场份额少,新手机不会有这种倍率,屏幕通常都特别小。
2.hdpi [480x800px、480x854px、540x960px]
早年的低端机屏幕在3.5英寸档位-目前很少。
3.xhdpi[720x1280px]
即平常我们看视频讲的720P,设计图也有人按照此分辨率进行设计。
4.xxhdpi[1080x1920px],[1440x2560px]
这里强调:目前1080×1920和2560×1440然后都是xxhdpi,适配难免会有误差,下边换算我会再讲到即平常我们看视频讲的2K高清,或1080P,高清视频就需支持此类像素。如今比较常用,设计图也大多以1080这个尺寸做。
注意:720×1280尺寸的换算关系 1dp=2px,文字1sp=2px。也就是说程序员拿到我们的px单位的标注稿,自己除以2就是dp和sp了。
1080×1920尺寸就是1dp=3px,文字1sp=3px
二、手机字体
自从Ice Cream Sandwich发布以来,Roboto都是Android系统的默认字体集。在这个版本中,将Roboto做了进一全面优化,以适配更多平台。宽度和圆度都轻微提高,从而提升了清晰度,并且看起来更加愉悦。
字体 Typography
中文字体:思源黑体Source Han Sans / Noto(是一个字体,叫法不同而已)
英文字体:Roboto
注意:安卓的字号单位是SP
三、android界面设计尺寸有哪些?
Android界面尺寸:480*800、720*1280、1080*1920。[单位:像素]\rAndroid比iPhone的寸尺多了很多套,建议取用720*1280这个尺寸,这个尺寸720*1280中显示完美,在1080*1920中看起来比较清晰,切图后的图片文件大小也适中,应用的内存消耗也不会过高。
四、android app 界面设计按什么尺寸?
给720*1280的手机设计界面时,app的界面尺寸设计也必须是720*1280的,目前最流行的尺寸
五、ios界面设计尺寸有什么规范吗?
iOS界面设计尺寸规范
1、尺寸及分辨率iPhone界面尺寸:320*480、640*960、640*1136、750*1334、1080*1920等。
2、iPad界面尺寸:
1024*768、2048*1536等。
单位:像素72dpi,在设计的时候并不是每个尺寸都要做一套,尺寸按自己的手机来设计,比较方便预览效果,一般用640*960或者640*1136的尺寸来设计。Ps:作图的时候确保都是用形状工具(快捷键:U)画的,这样更方便后期的切图或者尺寸变更。
六、界面基本组成元素:
iPhone的app界面一般由四个元素组成,分别是:状态栏、导航栏、主菜单栏、内容区域。
七、Android界面设计中常用的单位有哪些?
效果图、切图中的尺寸一般是px,字体大小使用sp,大小、长度使用dp.
八、界面里的小图标常见的尺寸:
24px、32px,48px等,记住4的倍数比较好
注意图标的尺寸要统一尺寸,以眼睛观察为主调整尺寸看上去一样。方形的比圆形的看着要大,需要调整下。
九、启动图标:
1.做1024×1024尺寸,安卓对图标的样式没有要求,你可以做各种形状都行,一般做方形无圆角的,各家手机厂商的定制系统会自己加圆角。
2.然后用 IconTemplate 自动切图一套图标资源丢给程序员就ok了。
3.界面里的小图标常见的尺寸:
24px、32px,48px等,记住4的倍数比较好。
注意图标的尺寸要统一尺寸,以眼睛观察为主调整尺寸看上去一样。方形的比圆形的看着要大,需要调整下。
十、引导页:
值得注意的是引导页切图需要单独设计多套(480×800、720×1280、1080×1920)这个可别傻乎乎的用Cutterman切几套图,这就尴尬了。
适配方法3个原则:(不清楚的在网站搜索适配2字)
1.文字流式
2.控件弹性
3.图片等比缩放