iPhone 主屏幕的圆圈

什么是“主屏幕圆圈”？

在 iPhone 的主屏幕上，每个应用图标都呈现为带有统一圆角的矩形，这种“圆圈感”的设计并非真正的圆形，而是精心计算的连续圆角（squircle）。 它融合了方形的识别性与圆形的柔和感，是 Apple Human Interface Guidelines 中的重要视觉元素。

视觉演示

以下模拟了 iPhone 主屏幕上典型的图标圆角效果：

这些图标的圆角半径并非简单固定值，而是基于“超椭圆”数学公式生成，使转角更平滑自然。

为何选择这种圆角？

Apple 的设计团队发现，传统圆角矩形在视觉上会显得“生硬”，而使用连续曲率的圆角（即 squircle）能带来更舒适的视觉流动感。 这种设计不仅美观，还能提升用户对图标的触控识别准确率。

此外，统一的图标形状有助于建立视觉秩序，让用户在快速浏览时更容易聚焦内容而非形状差异。

开发者与设计师须知

如果你正在为 iOS 开发应用，请勿自行添加额外圆角——系统会自动为你的图标应用标准蒙版。 提交 App Store 的图标应为纯正方形（如 1024×1024），Apple 会在设备上动态渲染为正确的圆角样式。