Saluda a la nueva imagen de los íconos de las apps

Obtén información sobre el aspecto completamente renovado de los íconos de las apps, con detalles de la visión creativa, nuevos modos de aspecto y el sistema de diseño subyacente.

El rediseño se inspiró en los íconos en capas de visionOS y en las propiedades de vidrio reales. Las capas de material combinan elementos como reflejos de los bordes, escarcha y translucidez para agregar profundidad, parecer iluminados desde dentro y reflejar el movimiento según la entrada giroscópica. El nuevo tratamiento del material se ve hermoso en el modo claro y oscuro y hay nuevos modos de aspecto translúcido, incluido vidrio monocromático en claro y oscuro, y dos modelos tintados (tinte oscuro que agrega color al primer plano y tinte claro que infunde color al vidrio). Todos los modos de aspecto están disponibles en iPhone, iPad y Mac; en Apple Watch, los íconos de las apps del modo claro tienen un aspecto actualizado.

El nuevo lenguaje de iconografía unificado funciona en todos los dispositivos Apple, con una cuadrícula de diseño simplificada tanto para formatos rectangulares redondeados como circulares. La nueva cuadrícula de íconos proporciona más espacio y permite la creación de ilustraciones ópticamente equilibradas para todo tipo de proporciones. Los íconos de macOS ahora están enmascarados o ajustados para adaptarse a la nueva plantilla de rectángulo redondeado, y reciben así un aspecto material moderno. Los íconos de watchOS tienen una cuadrícula circular actualizada que se alinea estrechamente con la cuadrícula de rectángulo redondeado actualizada. Hay plantillas actualizadas disponibles para el nuevo sistema de diseño, para Figma, Sketch, Photoshop e Illustrator.

El nuevo lenguaje de diseño para los íconos de las apps enfatiza el uso efectivo de capas, translucidez y desenfoques. Las capas son esenciales para crear diseños dimensionales. Incluso los íconos simples con una sola capa en primer plano se benefician de efectos materiales como la translucidez y las sombras, lo que les brinda profundidad y realismo. Sin embargo, es fundamental lograr un equilibrio; los objetos 3D realistas pueden competir con las cualidades del material, por lo que a menudo se prefiere una vista más plana y frontal. La translucidez y el desenfoque ahora son más fáciles de implementar, lo que agrega matices, luminosidad y profundidad a los diseños. Funcionan bien tanto en modo claro como oscuro y se pueden trasladar maravillosamente a modos transparentes, lo que permite que el fondo de pantalla se vea a través de ellos. Evita los bordes afilados y las líneas finas y opta por esquinas más redondeadas y líneas de mayor grosor. Los gradientes más suaves de claro a oscuro armonizan mejor con los nuevos efectos de iluminación, y los gradientes Sistema claro y Sistema oscuro garantizan el contraste. Se recomienda ampliar el uso de fondos de colores para los íconos de las apps en modo claro (o predeterminado) para proporcionar una mayor distinción entre los modos.