在ui设计、自媒体配图和自制图标包领域,扁平风超椭圆图标因为兼具规整感和柔和感,比生硬的直角矩形、过于饱满的正圆形更符合当代简约审美,受到很多设计师和业余创作爱好者的喜爱。其实不需要专业矢量软件,用普通photoshop就能快速画出标准规整的扁平风超椭圆图标,步骤非常简单。
前期画布与基础对齐设置
打开ps新建画布,通常做单个图标可以选择512*512px尺寸,分辨率设为72ppi,颜色模式选rgb,适配各类屏幕展示需求。为了保证形状对称规整,先开启对齐功能:点击顶部菜单栏「视图-显示-网格」,再勾选「对齐-对齐到网格」,后续绘制形状时就能自动对齐像素,不会出现边缘发虚发毛的问题。提前把图标主色调存入色板,关闭形状默认描边,扁平风图标以纯色填充为主,不需要多余的描边装饰。
超椭圆形状的绘制与调整
很多新手会直接用圆角矩形工具随手拖拽,很容易出现圆角比例失衡的问题,想要标准超椭圆要先定好比例。选择圆角矩形工具,按住shift键拖拽出一个完美正方形,超椭圆图标多基于正方形做调整,正方形的边长最好设置为偶数,方便像素对齐。接下来打开属性面板调整圆角,超椭圆的视觉黄金比例是圆角半径为正方形边长的25%,比如400px边长的正方形,圆角就设置为100px即可。

调整完圆角后,如果想要更自然的转角过渡,可以把形状右键转为工作路径,用直接选择工具框选四个角的锚点,点击属性面板的「平滑锚点」,轻微调整方向线让转角弧度更连贯,比默认圆角矩形的硬转折更柔和自然,更符合扁平风的舒适感。
扁平风细节优化导出
扁平风追求干净整洁,调整完形状后,先检查边缘是否对齐像素,有没有虚边错位,确认后就可以在超椭圆中间添加中心图标元素,元素和超椭圆边缘预留出边长10%左右的留白,避免画面拥挤压抑。如果做整套图标,所有超椭圆的圆角比例必须统一,才能保证整套图标视觉协调一致。最后导出为带透明通道的png格式,就能用到界面设计、自媒体配图、社交软件表情等各类场景了。



























