返回

最全设计尺寸规范+屏幕尺寸 | 设计师的灵感仓库

见解分享

最全设计尺寸规范+屏幕尺寸 | 设计师的灵感仓库

设计尺寸规范是设计师必备的工具,它可以帮助设计师快速准确地创建出符合不同设备和平台要求的设计。本文提供了最全的设计尺寸规范,包括网页设计、移动应用设计、UI设计、UX设计、平面设计、印刷设计和图标设计等。这些规范将帮助设计师在设计过程中避免常见错误,并确保设计的一致性和可用性。此外,本文还提供了屏幕尺寸的详细列表,方便设计师在设计时参考。

网页设计

  • 桌面电脑: 1920px * 1080px
  • 笔记本电脑: 1366px * 768px
  • 平板电脑: 1024px * 768px
  • 智能手机: 360px * 640px

移动应用设计

  • iPhone: 320px * 480px
  • iPad: 768px * 1024px
  • Android手机: 360px * 640px
  • Android平板电脑: 768px * 1024px

UI设计

  • 按钮: 48px * 48px
  • 文本框: 32px * 192px
  • 下拉菜单: 160px * 32px
  • 复选框: 16px * 16px

UX设计

  • 导航栏: 48px * 64px
  • 页脚: 32px * 64px
  • 侧边栏: 256px * 64px
  • 内容区域: 768px * 1024px

平面设计

  • 海报: 11 x 17 英寸
  • 传单: 8.5 x 11 英寸
  • 名片: 3.5 x 2 英寸
  • 信封: 10 x 13 英寸

印刷设计

  • 书籍: 6 x 9 英寸
  • 杂志: 8.5 x 11 英寸
  • 报纸: 11 x 17 英寸
  • 海报: 18 x 24 英寸

图标设计

  • 图标大小: 16px * 16px
  • 图标颜色: #000000
  • 图标样式: 线形图标、填充图标、半填充图标

屏幕尺寸

  • 桌面电脑: 1920px * 1080px
  • 笔记本电脑: 1366px * 768px
  • 平板电脑: 1024px * 768px
  • 智能手机: 360px * 640px

设计尺寸规范和屏幕尺寸是设计师必备的工具,它们可以帮助设计师快速准确地创建出符合不同设备和平台要求的设计。本文提供了最全的设计尺寸规范和屏幕尺寸列表,供设计师参考使用。