web analytics

¿Qué secreto guardan los iconos de iOS 7?

Lo primero que percibimos al ver el nuevo iOS 7 es, sin ninguna duda, el cambio de diseño de los iconos.

De hecho el diseño de los nuevos iconos «flat» es uno de los puntos que más críticas está recibiendo: que si es como Android, que si es como Windows, que si son feos, que por qué son tan diferentes entre sí… Unas con fundamentos y otras más emocionales.

Iconos iOS 7

 

Pero, ¿qué hay detrás del cambio de diseño?

No solo ha cambiado el radio de la esquina redondeada y tamaño del icono, sino también el método utilizado para redondear las esquinas.

Hay un secreto, pero primero observemos los iconos. Seguro que habréis visto esta tabla comparativa entre los iconos de iOS 6 y iOS 7 realizada por «nielsboey«:

ios7comparison_580-0

En ella se nos muestran los iconos de iOS 6 y los actuales de iOS 7 (que todavía están en proceso de adaptación y rediseño). Si sois meticulosos y os fijáis bien, sobre todo en las esquinas redondeadas (igual que ha hecho Brad Ellis), veréis que no solo han cambiado a nivel de estilo, sino a nivel estructural.

icon_comparison

¿Cuál es el secreto?

En la versión de iOS 6 las esquinas de los iconos se realizaban con un círculo, es decir, los iconos son cuadrados y las esquinas redondeadas son 4 círculos de 13,5 puntos de radio.

En la versión de iOS 7, en cambio, las esquinas redondeadas están hechas a partir de curvas Bézier y no solo eso, sino que los iconos de iOS 7 tienen el mismo estilo que los iconos de iMac.

Pese a que se sabe que las esquinas están realizadas con curvas Bézier, muchos diseñadores están intentando probar cómo están hechas en realidad. Las últimas hipótesis apuntan a que pueden estar hechas con 3 puntos, o con 11 puntos (que parece ser la ganadora y la versión que más se acerca a lo que ha querido conseguir John Ive), como podéis ver a continuación.

Iconos iOS 7 Bezier

En conclusión, John Ive parece que se ha basado en el número áureo para diseñar el nuevo entorno de iOS, así que si queréis aplicar este nuevo diseño de manera fiel, podéis descargar este PSD para usar como plantila, ya que incluye todos los tamaños de icono usados, incluyendo los de iOS 7.