📱 多媒体设计尺寸
社交媒体图片与视频规范主流社交媒体的封面、内容图片和视频尺寸要求(2025年最新)
| 平台 | 封面/头像 | 内容图片 | 内容视频 | 特别注意事项 |
|---|---|---|---|---|
|
小红书
|
建议方形或3:4竖图 |
1242x1656px (3:4)
1080x1080px (1:1)
|
1080x1920px (9:16)
|
平台算法可能对不同比例的曝光有影响 |
|
微信公众号
|
900x383px (推荐)
200x200px (小图)
|
宽度1200px左右
|
1920x1080px (16:9)
1080x1920px (9:16)
|
视频封面图尺寸同文章封面图 |
|
抖音
|
600x600px (1:1)
|
建议9:16竖图
|
1080x1920px (9:16)
|
使用其他比例会被自动添加黑边或裁剪 |
|
快手
|
建议1:1方形
|
建议9:16竖图
|
1080x1920px (9:16)
|
竖屏原生内容通常能获得更好的算法推荐 |
|
Instagram
|
180x180px
|
1080x1080px (1:1)
1080x1350px (4:5)
|
Feed视频:1:1或4:5
Story:1080x1920px
|
内容需适应方形和竖屏两种预览 |
|
TikTok
|
参考抖音快手
|
平台核心为视频
|
1080x1920px (9:16)
|
沉浸式竖屏视频的标杆平台 |
|
YouTube
|
800x800px
|
1280x720px (16:9)
|
1920x1080px (16:9)
1080x1920px (9:16)
|
横屏与竖屏内容生态并存 |
通用文件与格式建议
文件大小建议
- 用于网络的单张图片建议控制在 500KB以下
- 最大不超过 2MB
文件格式建议
- 照片用 JPG
- 需透明背景用 PNG
- Logo、图标等矢量图形优先使用 SVG
提示: 点击表格中的任何尺寸标签可以一键复制到剪贴板
💻 UI设计尺寸
iOS/Android/Web界面设计规范移动端与桌面端界面设计的逻辑分辨率、单位和设计要点
iOS与安卓移动端
现代UI设计更看重逻辑分辨率和适配原则,而非为每个机型单独设计。
| 设计平台 | 建议基准画布 (逻辑分辨率) | 设计要点与单位 |
|---|---|---|
|
iOS
|
390x844pt (iPhone 12-14标准版)
393x852pt (iPhone 14 Pro/15)
|
以 pt(点) 为单位设计。状态栏高度通常在 44pt左右。 |
|
Android
|
412x958dp
360x640dp (经典基准)
|
以 dp(密度无关像素) 为单位设计。状态栏高度约 24-32dp。 |
最小触控区域
- iOS: 44x44pt
- Android: 48x48dp
栅格与间距
建议使用 8的倍数 作为基础间距单位(如8, 16, 24)。
字体大小
正文常用 14-16sp/pt,确保可读性。
PC端与响应式网页
| 设备类型 | 常用设计宽度 | 设计原则与备注 |
|---|---|---|
|
桌面端网页
|
1440px (主流)
1920px (全屏Banner页)
|
设计时应考虑响应式断点。内容区(版心)常固定为 1200px。 |
|
平板电脑
|
768px - 1024px (纵向)
|
属于移动端和桌面端之间的过渡尺寸。 |
|
折叠屏手机
|
905x680px (参考尺寸)
|
内屏展开状态复杂,需专门考虑界面布局在屏幕展开与折叠时的变化。 |
重要: 严格区分"设计稿尺寸"和"输出切图"。设计时使用逻辑尺寸(pt/dp),输出切图则需要根据不同设备的倍率(@1x, @2x, @3x)提供不同像素尺寸的图片。
📄 平面设计尺寸
印刷品尺寸与规范海报、名片、易拉宝、画册等印刷品的设计尺寸与印刷要求
印刷品设计需使用物理尺寸,并预留出血(通常每边3mm)。
| 物料类型 | 常用成品尺寸 (宽 x 高) | 换算为像素参考 (以300DPI计算) | 备注 |
|---|---|---|---|
|
海报
|
50cm x 70cm
57cm x 84cm
42cm x 57cm (标准)
|
如 50x70cm ≈ 5906x8268 px
|
电影海报常用50x70cm或更大 |
|
名片
|
90mm x 54mm (标准)
|
约 1063x637 px
|
设计时需留意安全边距,避免关键信息被裁切 |
|
易拉宝/展架
|
80cm x 200cm
85cm x 200cm
|
如 80x200cm ≈ 9449x23622 px
|
尺寸多样,下单前务必与供应商确认 |
|
画册
|
210mm x 297mm (A4)
148mm x 210mm (A5)
|
A4 ≈ 2480x3508 px
|
骑马钉或胶装时,需考虑中缝位置避免内容被装订掩盖 |
|
印刷纸张
|
844mm x 1162mm (大度全开)
781mm x 1086mm (正度全开)
|
-
|
用于拼版,了解基本开数有助于计算成本和排版 |
印刷设计核心要点
出血设置
印刷品设计务必预留出血边,通常为每边3mm。设计时重要内容应远离出血边,避免裁切时被切掉。
色彩模式
印刷必须使用CMYK色彩模式,而非屏幕显示的RGB。设计时需考虑印刷色差问题。
重要提醒: 务必与印刷厂提前沟通。确认最终成品尺寸、出血位、色彩模式(CMYK)和文件分辨率(通常300DPI)。
💡 核心建议与注意事项
跨平台设计通用指南设计尺寸的核心原则和通用注意事项
多媒体设计
优先考虑"用户体验"与"算法偏好"。例如,抖音、TikTok的9:16竖屏能带来沉浸感,可能获得更多流量。微信公众号的封面图若不符合2.35:1比例,在信息流中可能显示不全。
UI设计
严格区分"设计稿尺寸"和"输出切图"。设计时使用逻辑尺寸(pt/dp),输出切图则需要根据不同设备的倍率(@1x, @2x, @3x)提供不同像素尺寸的图片。确保最小触控区域满足可操作性要求。
平面设计
务必与印刷厂提前沟通。确认最终成品尺寸、出血位、色彩模式(CMYK)和文件分辨率(通常300DPI)。不同的印刷工艺和纸张材质会影响最终效果。
设计尺寸更新原则
平台优先: 设计前先了解目标平台的最新官方文档,尺寸规范会随平台更新而变化
设备适配: 随着折叠屏、多屏设备普及,设计需考虑更多样的屏幕形态和比例
性能平衡: 在确保视觉质量的前提下,优化文件大小以提升加载速度和用户体验
测试验证: 设计完成后务必在实际设备和平台上进行测试,确保显示效果符合预期
设计是科学与艺术的结合 - 在遵循规范的同时,也要发挥创意,创造卓越的用户体验