仅针对 44 高度来说。高度变大圆角也会变大。等比变大？

还可以加个 hover 状态

原来如此

Android Compact 412×917 Android Medium 700×840 iPhone 16 393×852 iPhone 16 Pro 402×874 iPhone 16 Pro Max 440×956 iPhone 16 Plus 430×932 iPhone 14 & 15 Pro Max 430×932 iPhone 14 & 15 Pro 393×852 iPhone 13 & 14 390×844 iPhone 14 Plus 428×926 iPhone 13 mini 375×812 iPhone SE 320×568

• pt：point（点） → 印刷单位，1 pt = 1/72 英寸，主要在 iOS 和印刷行业用。 • dp：density-independent pixel（密度无关像素） → Android 的主力单位，跟设备 DPI 无关，1 dp = 1 像素 @ 160 dpi，更适合多设备适配。 • sp：scale-independent pixel（缩放无关像素） → 跟 dp 类似，但还会受用户字体缩放设置影响。专门用于文字大小。

为啥 28 是最合适的呢？

苹果官方人机交互文档推荐可点击区域不小于 44，只要单边达成就行？

需要逆向拆解办法

怎么看出来要这么做的😂有什么逆向工程的办法吗？肉眼只能看出要渐变……

ios 18 kit 里面没有搜到

标题栏里面的文本和图标都不居中，为什么？

文字差异导致的。那么国际化产品如何处理呢？

一次性操作，单击或者滑动操作

https://www.uxbaike.com/

PPI，像素密度

figma里还有个HSL（色相、饱和度、亮度Lightness）

🐴

🐴 排报纸杂志确实都是两端对齐

🐴

🐴

1080p则是指的Y轴行数，是电视录像时代遗留的术语，逐行扫描，相对于隔行扫描。 2K和4K却是X轴的像素点数。 分辨率没有单位，因为报的是每块屏幕的像素点数。

实际的视觉效果要结合观看距离。就像油画一样，离得远看起来会更细腻，大电视的ppi未必比手机高。手机日常使用距离要300ppi以上看起来画质才好。

在，错字

ui设计的目标

难点、要点

我猜测这是提升效率的小技巧

自适应的逻辑

1

你说得很对，这是一个**设计规范与实际开发之间的“理想与现实差距”**的经典例子。下面我来帮你系统解释一下： --- ## ✅ 为什么建议使用 **8 的倍数**？ ### 1. **8pt 网格系统**的优势（适用于 iOS 和 Material Design）： * **规律对齐，整齐划一**：方便实现像素对齐，界面看起来更整洁。 * **便于响应式适配**：8 能被 2、4、16、32 等多种值整除，便于计算与缩放。 * **减少对开发的沟通成本**：统一的度量单位让 UI 和前端工程师沟通更顺畅。 * **匹配现代屏幕密度**：常见屏幕分辨率（如 Retina）换算后能更好地与 dp/pt 对齐。 --- ## ✅ 为什么“现实中并不完全遵守”？ ### 现实项目会遇到这些情况： #### 1. **视觉平衡优先** 有时视觉上“好看”比“对齐”更重要。例如： * 某些图标需要 20×20 才显得居中对称； * 某个文字行高用 22 更舒服，而不是死守 24。 #### 2. **组件尺寸来源于实际需求** 比如： * 按钮内容太短，使用 64 会显得空，用 56 或 52 更合适； * 多个图标并排放置时，为了保持均匀间距，会采用 4 的倍数（如 12、28）而不是强制 8。 #### 3. **系统组件自身也不完美** 你可以打开 Material Design 官方文档，或者 iOS 的 UIKit，发现： * 有些系统组件 padding 是 16，但某些是 12； * iOS 的导航栏高度是 **44pt**，不是 40pt； * Material 的 FloatingActionButton 是 **56dp**，不是 64。 所以，**就连官方也并没有严格“只用8的倍数”**。 --- ## ✅ 那我们该怎么处理？ ### 可以这样理解和执行： | 场景 | 建议做法 | | ---------- | ------------------------- | | 组件、区块布局 | 尽量使用 8 的倍数（例如 8/16/24/32） | | 微调、细节调整 | 可以用 4 的倍数（如 12/20/28） | | 极个别对齐或视觉补偿 | 不建议用奇数，但也不会“出大事” | --- ## ✅ 记忆建议： > **“8 是原则，4 是灵活，奇数能用但慎重。”** 你可以记一句话： > "**设计规范是起点，不是枷锁，别被 8 束缚了设计感。**" --- 如果你在 Figma 或设计系统中，有统一 spacing token（比如 spacing-8、spacing-16、spacing-24），那就以它为“主调”，小细节自由安排就好。 需要我给你整理一套【常见元素尺寸推荐值】对照表吗？比如按钮高度、图标尺寸、文字行高那种。

apple：44*44 google：48*48 microsoft：40*40