UI的工作曾经被很多人等同于画图标,然而大家真的会画图标么?

图标设计优化指南

应用程序图标对于移动应用程序的可用性和品牌塑造至关重要,优质的图标和不够好的图标的区别其实非常小,但是这些细微的差别对于设计质量的影响却是很大。在本篇文章中, Pixso 将分享高级UI设计师优化图标设计的六个技巧,教你做出脱颖而出的应用图标。

1. 确定设计目标

图标的颜色组合和形状的和谐当然很重要,但这不是图标设计的起点。

在开始图标设计之前,你应该先了解设计图标的应用程序的业务组件,熟悉产品营销相关的信息。例如价值主张、目标受众、市场特征和定价等良好的准备是成功的关键,业务数据分析对设计起到很大的决定性作用。

2. 遵循图标设计的规范

尽管对图标设计的创造力不受限制,但你仍然必须遵循应用程序的平台设定的要求。如安卓和iOS对图标的格式、尺寸甚至样式都有不同的指导要求。除了要遵循平台的图标设计规范外,还要确保与产品或品牌的风格保持一致。

3. 从简单的形状着手

用简略的轮廓线(圆形、三角形、方形)来开始你的设计。当我们开始制作图标,特别是屏幕上小尺寸的图标,手绘导致的不规则的边缘会让一个图标看起来不那么精致。从基本的几何形状开始设计,将会使一个图标拥有更加清晰的边缘(特别是曲线的情况下)。建议你打开Pixso的矢量网格画板开始绘制,可以更加快速的对图标加以调整,以及确保你遵循着网格和形式设计,绘图更迅速。

从简单的形状着手

4. 选择合适的设计工具

要为移动应用程序制作图标,请选择允许以 PNG 格式导出文件的软件。Pixso是一款具有简洁 UI 的矢量绘图工具,非常适合初学者。Pixso不仅提供了必备的边框、填充、内外阴影等各类细节参数,还支持高斯、背景、缩放及动态四种模糊设置,为设计师提供智能化高阶设计功能,能为你的图标绘制提速不少!

选择合适的设计工具

5. 使用一致的设计元素和风格

在许多情况下,即使一个图标集的风格发生了改变。他们之间统一的元素仍然能够使它们看起来是一个整体。例如,下面这组来自Pixso社区资源的渐变图标,它们看起来是一致的。

使用一致的设计元素和风格
Pixso资源社区渐变色图标

6. 让图标看起来具有个性

作为一个创意行业的创业者,我们应该在图标以外去寻找灵感,建筑、字体、工业设计、心理学、自然或其他领域。大量的图标之间看起来越来越像,所以让你的图标设计是独特的变得更加重要。在图标设计初期,纸质草图非常适合在通往原创和有吸引力的道路上进行创造性搜索形状。

你可以画一些草图并尝试你想到的联想,使用基本的几何形式——圆形、方形和三角形——来创建主要的图标块。请记住,任何复杂的图标设计都可以用简单的形状创建。但是,很多设计师都会在应用图标的原创性和多功能性之间难以取得平衡。

Pixso认为,并没有一个单一的方式来设计图标。在这篇文章中,我们分享了如何创造一个优质图标的基础知识,这些基本的技能任何人都能通过练习和实践掌握它们。一旦你掌握了基本的技术,就可以尝试绘制脱颖而出的图标。成为一个更好的设计师,最好的办法就是尽可能多的去看,去阅读各种材料、定期的素描和实践。强烈建议你打开Pixso社区资源,里面有海量优质的图标资源可以供你参考和练习,赶快来试试吧!