Sin esquinas de corte en el iPhone X

Cuando se lanzó el iPhone X, muchos diseñadores se desanimaron por la forma de la pantalla. Esas quejas en su mayoría se han calmado, pero no he visto muchas charlas de diseño y nerd sobre los detalles del tratamiento de la esquina. Afortunadamente, la mierda profunda del empollón es mi especialidad.

forma de la pantalla del iPhone X

¿Cuál es tu ángulo?

Cuando comienzas un diseño como este, la opción obvia y más económica es hacer que todas las esquinas sean cuadradas. Las máquinas existen y / o están calibradas para hacer esas pantallas, por lo que mantener los bordes al cuadrado requiere menos cambios de fabricación y menos talento a lo largo del camino hacia la producción.

Todos saben cómo hacer un ángulo recto: los diseñadores no tienen que hacer cálculos matemáticos, los ingenieros necesitan menos cálculos, las personas que fabrican la máquina tienen claro qué hacer.

Y, sin embargo, examinemos qué asquerosas esquinas cuadradas se verían:

Soy un cachorro de oso pixelado. Rawr.

Una vez que Apple supo que querían aprovechar la nueva tecnología de pantalla completa, eso les dio la oportunidad de alterar la forma de la pantalla porque de todos modos tendrían que abordar el proceso de fabricación. Presumiblemente, el gasto fue mayormente incorporado.

Aún así, había muchas maneras feas de hacer esto:

Meh

Aquí es donde aterrizaron:

Eso es mejor.

Esquinas de pantalla

Aquí es donde entra la parte nerd, las esquinas redondeadas de la pantalla del iPhone X no usan el método clásico de redondeo donde te mueves en línea recta y luego haces un arco usando un solo cuadrante de un círculo. En cambio, las matemáticas son un poco más complicadas. Comúnmente llamado ardilla, la pendiente comienza antes, pero es más suave.

La diferencia es muy sutil, incluso en forma de gif, pero aquí vamos:

Diferencia entre las matemáticas de rectángulo redondeado comunes y las de Apple.

Apple ha estado haciendo esto en las esquinas de las computadoras portátiles y los iMacs durante años, pero este tipo de redondeo no penetró en iOS hasta la versión 7. Sin embargo, esta forma ha sido difícil de lograr porque no estaba disponible en editores de diseño 2D. Eso está empezando a cambiar. Lea sobre esto con más detalle aquí.

La muesca

Ahora hablemos de la muesca misma. Los lados izquierdo y derecho tienen dos esquinas redondeadas. Debido a la caída de la curva, una curva no se completa antes de que comience la siguiente: se mezclan perfectamente entre sí. Como resultado, ninguna línea tangente en este borde realmente alcanza una vertical perfecta.

Ooo Lujoso.

Venga correcto

Las plantillas de iPhone X que he visto por ahí no duplican en un 100 por ciento la forma oficial, probablemente porque era demasiado difícil de hacer o no se habían dado cuenta. Esta es la razón por la cual es una buena práctica usar los activos oficiales de Apple, que se encuentran en la sección de recursos de diseño del sitio del desarrollador para crear íconos y maquetas.

Las iteraciones futuras de este diseño seguramente alterarán estos tamaños, por lo que será interesante comparar cómo la evolución del sensor de hardware afecta los cambios de diseño.

En general, estas decisiones parecen menores, pero desde el punto de vista del diseño son bastante obstinadas. Incluso cuando los diseñadores están dispuestos a gastar capital social para impulsar estas ideas, la mayoría de las organizaciones no dejarán recursos detrás de ellas.

Redondeando la curva

Una de las cosas que me encantan de las aplicaciones independientes es su capacidad de ser obstinado. Es casi imposible enviar puntos de vista sólidos de compañías más grandes donde hay cincuenta personas en una sala examinando ángulos. Por lo tanto, es genial ver que Apple todavía tiene la capacidad de adoptar una postura sólida de esta manera.

Sudar miles de detalles menores es lo que separa a Apple de otras compañías. Su capacidad para hacer eso es difícil de ganar, pero maldita sea, es bonito de ver.

Editado por Maggie Mason.