Token导航 LogoToken导航

批量生成 · 本地处理 · 先出候选

UI尺寸规范对 照表

查询常见UI尺寸和平台设计规格

批量生成多个候选

UI尺寸规范对照表 不只给单个结果,而是先给一批候选,方便后续快速筛选和微调。

改参数就能重跑

只改少量输入参数,就能重建一组新结果,适合探索不同方向。

先本地出草稿

生成逻辑优先放在本地页面执行,方便先起草,再按具体业务收口细节。

UI 规格 · 尺寸速查 · 本地检索

UI 尺寸规范对照表

查询 iOS、Android、Web、小程序和常见图片规格。筛选只在浏览器本地执行,不会上传服务器。

iOS

状态栏高度

44 / 47 / 54 px

刘海屏与灵动岛机型高度不同。

iOS

底部安全区

34 px

全面屏底部 Home Indicator 区域。

iOS

常用图标

24 / 28 / 32 px

Tab、导航和工具按钮常用尺寸。

Android

状态栏高度

24 dp

Material Design 常见基准。

Android

触控热区

48 dp

可点击控件建议最小触控尺寸。

Web

桌面内容宽度

1200 / 1280 / 1440 px

常见后台和官网内容容器。

Web

移动断点

360 / 375 / 390 / 414 px

常见移动端验收视口。

Web

按钮高度

32 / 40 / 48 px

紧凑、常规和强调按钮。

小程序

设计稿宽度

750 rpx

微信小程序常见设计基准。

小程序

胶囊按钮

按系统 API 获取

不同机型位置和尺寸不同。

图片

Open Graph

1200 x 630 px

社交分享常用封面比例。

图片

App 图标

1024 x 1024 px

应用商店常用源图尺寸。

规格值适合作为设计和验收参考,具体项目仍以目标平台当前文档为准。

工具使用说明

怎么用 UI尺寸规范对照表

1

填入生成主题

先输入生成主题、核心关键词和需要的结果数量。

2

在本地生成候选

页面会批量生成一组候选内容,方便你从不同角度快速挑选。

3

选中后继续改写

挑出可用结果后,再结合业务语气、渠道和限制做最后收口。

功能说明

这个工具解决什么问题

UI尺寸规范对照表 为什么适合做成本地工具

查询常见UI尺寸和平台设计规格

先把高频模板和常见组合沉淀成浏览器本地工具,能显著减少重复起草时间。

生成型工具的正确使用方式

先批量出候选,再从里边挑最接近业务目标的一批继续改,不要一开始就追求一次生成最终版本。

这类工具更适合做第一轮发散和收敛,不是替代最后的人工判断。

常见问题

关于 UI尺寸规范对照表,用户常问这些

UI尺寸规范对照表 是本地生成吗?

当前默认按浏览器本地生成设计,适合先出草稿和候选。

为什么不是只出一个结果?

生成型工具更适合一次给出多个候选,再从中挑最接近业务目标的一批。

生成结果能直接复制吗?

可以,复制后再做最后一轮人工收口即可。

后面能接更复杂的逻辑吗?

可以。当前壳子先解决高频模板问题,后续再按真实需求扩展。