应用图标圆角需按平台规范调整:sketch/figma支持矢量圆角精调,photoshop适用于png批量处理,xcode可控制ios运行时圆角,android studio通过adaptive icon分离图层适配系统动态圆角。

如果您在设计或修改应用图标时发现图标边缘过于尖锐,影响视觉统一性,则可能是由于图标未应用合适的圆角处理。以下是调整应用图标圆角大小的多种方法:
一、使用Sketch进行圆角设置
Sketch作为专业UI设计工具,支持对矢量图层直接添加圆角效果,适用于iOS和Android多平台图标导出前的精调。
1、将应用图标导入Sketch,选中图层(确保为矢量形状或已转为可编辑路径)。
2、在右侧Inspector面板中找到Layer Border → Corners选项。
3、点击圆角数值输入框,输入目标像素值(如iOS推荐8px,Android建议12dp对应尺寸)。
4、勾选Uniform Corners以保持四角一致;如需差异化处理,取消勾选后分别设置Top Left、Top Right等参数。
5、导出时选择Export with Slicing,确保圆角渲染无锯齿。
二、通过Figma手动调节圆角半径
Figma支持基于约束与自动布局的圆角控制,适合团队协作场景下统一图标规范。
1、将图标置入Figma画布,右键图层选择Convert to Vector(若为位图则先用插件Trace Image生成轮廓)。
2、选中图层,在右侧面板展开Constraints & Corner Radius区域。
3、拖动圆角滑块或直接键入数值,常见标准值为:iOS 17+ 图标推荐10.5px(@2x下),Android Adaptive Icon背景层建议16dp。
4、启用Smart Animate预览不同圆角下的图标缩放表现,确认无变形。
三、使用Adobe Photoshop批量添加圆角蒙版
Photoshop适用于已导出的PNG图标批量处理,通过像素级蒙版实现可控圆角,兼容老旧设计流程。
1、打开图标文件,按Ctrl+J(Windows)或 Cmd+J(macOS)复制图层。
2、执行滤镜 → 扭曲 → 切变,在弹出对话框中选择自定义并输入X/Y偏移值模拟圆角过渡(仅限近似效果)。
3、更精确方式:新建图层,使用圆角矩形工具(U)绘制覆盖全图的形状,设置半径=目标值÷当前图像分辨率比例(如1080p图标设半径18px)。
4、右键该形状图层 → 创建剪贴蒙版,使下方图标仅在圆角区域内显示。
四、Xcode中配置iOS App Icon圆角行为
iOS系统自动为App Icon添加运行时圆角,但开发者可通过Asset Catalog控制其基础形状与适配逻辑,避免双重圆角失真。
1、在Xcode中打开Assets.xcassets,选中AppIcon集合。
2、确认各尺寸图标均为正方形无透明边距的PNG文件,且边缘像素无抗锯齿溢出。
3、点击右上角Show Slicing按钮,检查是否启用了iOS 17+ Roundness Override开关(仅Xcode 15+支持)。
4、若需禁用系统自动圆角(如游戏类应用),在Info.plist中添加键值:UIPrerenderedIcon = YES,此时图标将按原始形状渲染。
五、Android Studio中配置Adaptive Icon圆角策略
Android 8.0+强制使用Adaptive Icons,其圆角由系统根据设备OEM规范动态决定,但可通过前景/背景图层分离控制视觉圆角感知。
1、在Android Studio中打开res/mipmap目录,定位到ic_launcher_foreground.xml或ic_launcher_background.xml。
2、编辑foreground图层的vector drawable,确保
3、在ic_launcher.xml中定义adaptive-icon标签,并设置android:radius="16dp"(此为最小安全半径,实际渲染由system UI覆盖)。
4、使用Device Frame功能在Preview窗口中切换不同厂商设备(如Samsung One UI、Pixel Launcher),观察圆角实际生效状态。











