IOS Icon Shape Secret: ¿Es una ardilla? Analizando

Vamos a jugar un juego. Tenemos dos filas de iconos familiares para todos los usuarios de iOS. A primera vista, los iconos de arriba y de abajo son los mismos. Pero este no es el caso. En una fila ves iconos reales y en la otra una falsa. ¿Puedes identificar dónde cuáles? Tómate tu tiempo, mira con atención. Bueno, has elegido? Los iconos reales están en la parte superior. Creo que muchos de ustedes han notado que algo anda mal con los íconos inferiores. Por alguna razón, su forma parece descuidada, como si se hubiera cortado un píxel adicional en alguna parte. ¿Por qué sucede? El caso es que los iconos falsos en forma son cuadrados con esquinas redondeadas, y un rectángulo si hablamos de un fondo gris. ¡Pero! La interfaz de iOS no tiene un solo cuadrado redondeado. Todos los elementos en iOS no son cuadrados y rectángulos, ¡son superelipses!



























Hoy vamos a hablar de secretos en los diseños de productos de Apple. ¿Qué es una superelipse? ¿Cuál es la magia de la forma de un icono? Y por qué HomePod es un súper huevo.











Los productos de Apple a menudo son inconsistentes y defectuosos. Pero creo que nadie argumentará que en términos de diseño, Apple es probablemente la que más molesta en el mercado. E incluso la forma de los iconos en iOS no se toma del techo, sino que se calcula matemáticamente.



Se llama superelipse o curva de Lame, en honor al matemático Gabriel Lame, quien en el siglo XIX hizo una gran contribución a la teoría de la elasticidad, desarrolló la teoría general de coordenadas curvilíneas e inventó las superelipses. ¿Qué es?



Ésta es una curva geométrica que se construye usando una ecuación como esta: Esta ecuación define una curva cerrada delimitada por un rectángulo. Al mismo tiempo, cambiando el valor de n, podemos ajustar el grado de convexidad de cada esquina ( puedes jugar aquí







). Cuando n es menor que uno, obtenemos lados cóncavos y la forma se asemeja a una estrella. A medida que n aumenta, la forma se vuelve cada vez más convexa. Para n = 2, se obtiene un círculo par. Y con n igual a 4 o 5, obtenemos la forma familiar del icono. Esta forma incluso tiene su propio nombre: squirkle. Y no, chorros no es tu sección favorita en PornHub. Se deriva del cuadrado y el círculo. Aquellos. en ruso, un chorro es un círculo cuadrado o un círculo cuadrado. Por cierto, la fórmula que describe el ícono de iOS se ve así: Es decir, un icono en iOS no es un círculo ni un cuadrado, pero matemáticamente es algo intermedio.





























Anillo y Super Huevo



Referencia histórica. El científico danés Pete Hain popularizó las superelipses y las ardillas. En los años 60 diseñó el anillo de transporte de Estocolmo como una superelipse con los valores n = 2,5, a / b = 6/5. La forma del cruce fue un éxito. Y empezó a hacer mesas, platos, pero el pináculo de su creatividad fue el super huevo. Como puedes imaginar, esta es una superelipse tridimensional, con forma de huevo. Por cierto, las superelipsis 3D son superelipsoides. Y cualquier superelipsoide irregular es supercuadrico.

















Continuidad de curvatura



¡Pero volvamos a los iconos! ¿En qué se diferencia un círculo cuadrado de un cuadrado redondeado? ¿Y cómo disgustó a los diseñadores de Apple? ¡Echemos un vistazo!



Si comparamos iconos reales con falsos, veremos que el redondeo del círculo cuadrado comienza antes y el grado de redondeo aumenta gradualmente. Esto se puede visualizar mejor utilizando estas crestas de curvatura. Parecería que la diferencia es un par de píxeles. Pero las transiciones suaves le permiten lograr la llamada continuidad de curvatura. Y esto da un efecto sorprendente: la forma de un objeto a partir de uno artificial, como si estuviera ensamblado a partir de diferentes formas, se vuelve natural y completa. Es por eso que Apple es muy activo en el uso de superelipses no solo en la interfaz, sino también en el diseño de todos sus productos.

































Mac Mini, Apple TV, iPhone, iPad, MacBook y, por supuesto, HomePod son todo tipo de superelipsis. Incluso su nuevo campus no tiene una sola pared recta.



El suave flujo de formas y la ausencia de transiciones abruptas hacen que los productos Apple no solo sean atractivos en apariencia. Hay un excelente artículo de Nikolai Gellar sobre este tema, que citaré:



En lugar de recordarnos las cadenas de suministro industriales, las líneas de montaje y los laboratorios químicos, estas formas más suaves recuerdan la belleza de la naturaleza. Se siente orgánico y se siente bien.



Por ejemplo, si comparamos HomePod y Yandex.Station por diseño, queda claro por qué la estación se ve menos atractiva, como si acabara de salir de fábrica. Y HomePod parecía haber encontrado a un maestro japonés de suiseki, el arte de admirar las piedras, en su jardín. Aunque Yandex.Station en sí es un dispositivo excelente. Y HomePod es hermoso, pero aburrido (no sabe ruso).













Ejemplos de



Pero, por supuesto, Apple tampoco lo entendió de inmediato. Por ejemplo, los iconos y otros elementos de la interfaz se convirtieron en superelipsis solo a partir de iOS 7. Lo mismo ocurre con el Apple Watch. En la Serie 4, no solo se amplió la pantalla, sino que también se actualizó la forma. Sí, el Apple Watch de la cuarta versión también es una superelipse (como la propia pantalla).

















Otras compañías



Naturalmente, no solo Apple juega con superelipsis. Los mismos íconos en One UI en los teléfonos inteligentes Samsung, círculos cuadrados mucho más obvios que Apple. Pero, en mi opinión, la forma seleccionada no funciona para Samsung.



En primer lugar, porque los iconos son demasiado redondeados, lo que los hace parecer inestables, como si en cualquier momento pudieran rodar fuera del escritorio. Por cierto, en el mundo físico, la columna de Mail.ru comete el mismo error, es simplemente inestable. Pero esto no es lo más importante. El principal problema es la interfaz de Samsung. Hablo de falta de unidad. Suaves superelipsis aquí lado a lado con rugosos redondeados. Tanto dentro de la interfaz como en el diseño de los propios dispositivos.















Es decir, la unidad de enfoque, desde el elemento más simple de la interfaz hasta el diseño de toda la línea de productos, hace que los dispositivos Apple sean tan atractivos y fáciles de usar. Sí, probablemente suene publicidad. Pero no me importa, solo quiero rendir homenaje al enfoque meticuloso de los chicos de Cupertino.



Estos tipos le mostraron al mundo que no solo los autos y los artículos de lujo pueden ser hermosos, sino también las computadoras portátiles y teléfonos comunes. Por lo tanto, todo el equipo ahora luce genial.



All Articles