Cuando miras el notch, los iconos de iOS, el iPhone, el Apple TV... ¿Qué ves? ¿Rectángulos con las esquinas redondeadas? Estás equivocado, el equipo de diseño de Apple ni utiliza rectángulos perfectos ni hay un radio aplicado a las esquinas de sus productos y recursos de software. De hecho, en el iPhone X del 2017 y ahora en los iPhone XS, iPhone XS Max y iPhone XR, el notch ni siquiera es un rectángulo invertido, sino más bien un trapezoide. Y por supuesto, esto tiene una razón de ser.
Evitando la tangente desde 2013
Esta imperfección en el notch no es algo nuevo, Apple lleva aplicando su propio estilo en las esquinas de sus diseños desde hace cinco años, con la llegada de iOS 7. El equipo de diseño con Jony Ive al mando se obsesionó por conseguir que el efecto visual de la interfaz fuese mejor. La solución para conseguirlo pasaba por romper las reglas, algo que en diseño muchas veces se hace y no nos damos cuenta. Un ejemplo de ello es por ejemplo la alienación óptica, algo con lo que los diseñadores lidiamos a diario. En el siguiente ejemplo verás que en la opción donde no está alineado perfectamente el texto se ve mejor:

Algo así ha hecho Apple pero con las esquinas. Si te fijas verás que Apple aplica siempre la misma curvatura a todas las esquinas de lo que diseña. Por ejemplo, en el iPhone X con las esquinas redondeadas coinciden el icono, el dock, el borde de la pantalla y el borde del móvil. Manías de Apple.
detalles #iPhoneX pic.twitter.com/ISuu19VHQH
— cristian rus (@CristianRus4) September 15, 2017
Pero si normalmente un rectángulo con la esquina redondeada genera una tangente, en las de Apple esto no ocurre del todo así. Para evitar que sólo punto de la curvatura toque la recta, lo que hace Apple es una continuidad de la curvatura. La curvatura no comienza de forma brusca por la generación de un radio, sino que previamente comienza a inclinarse la recta del rectángulo para llegar al radio en sí. ¿El resultado? La sensación de que el radio no es un radio bruto, sino algo delicado y cuidado.

Y justamente esto se aplica también en el notch, concretamente en las dos "orejas" que tiene a los laterales. El notch no es la parte de un rectángulo invertido, sino más bien de un trapezoide invertido. Aquí tienes la diferencia:
De hecho, los desarrolladores al diseñar apps para el iPhone X deben tener en cuenta este detalle, porque simplemente ni la línea es recta, tiene una ligera inclinación. La forma más fácil de no equivocarse es por supuesto utilizando los recursos oficial de apple para ello.

Apple no es la única empresa en utilizar este detalle para redondear las esquinas, pero sí la única que lo aplica a rajatabla en todos sus diseños. Más trabajo, más complicación, pero el resultado final es mucho mejor. De hecho, a partir de ahora cuando veas cualquier esquina de un producto de Apple te darás cuenta de ello con tan sólo fijarte mínimamente.

Si quieres más detalles al respecto el diseñador industrial Mark Stanton tiene un artículo en Hackernoon sobre este detalle de los iconos de Apple. Por otro lado Brad Ellis, diseñador de interacción, tiene otro sobre el notch y este detalle en Tall West.
En Applesfera | En un mar de smartphones sin marcos, el iPhone X es el único que consigue diferenciarse
Ver 36 comentarios
36 comentarios
emiliocaro
Artículo FAN-TÁS-TI-CO.
Enhorabuena por la redacción, lo interesante que es y lo bien contado que está.
ricoy
"en el iPhone X el notch ni siquiera es un rectángulo invertido"
Un rectángulo invertido es...un rectángulo! Que alguien me explique como se puede invertir un rectángulo :)
kiskillas
Estos de Apple son muy bordes, al parecer.
Ahora, analizad el logo de Apple. Os explotará la cabeza.
https://www.paredro.com/wp-content/uploads/2015/09/fig-apple.png
sundancekid
El partenon tambien está diseñado "mal" para que de la impresion de estar "bien" salvando así la apariencia negativa que le daría el efecto optico.
Naihmor
Si no recuerdo mal, lo mismo pasó al cambiar el estilo y las reglas en los iconos de las apps.
Antes eran esquinas redondeadas sin más, y una vez estrenado iOS7 las reglas cambiaron. A partir de ese momento los iconos de las apps tuvieron esa misma característica que se comenta en el artículo. Hasta el día de hoy.
stan_kunstmann
En el tema del redondeo limpio en el diseño era experto un tal Dieter Rams. A algún diseñador de Apple le sonará. Excelente artículo.
bonfi
Estos si que son artículos de calidad, más contenido así por favor. Yo como diseñador industrial siempre ando fijándome en todos los detalles de los objetos en general, y esto es algo que siempre he comentado con familiares y amigos, interesante cuando menos.
Usuario desactivado
El notch es imposible que esté bien hecho porque simplemente no debería existir. En mi opinión, el notch es un fracaso del diseñador, ello se demuestra viendo la gran cantidad de móviles modernos sin notch.
Si en vez de ponerlo de moda Apple, el notch fuera un invento de una marca ajena, aquí se estaría criticando despiadadamente.
kanete
La verdad es que puede que a algunos no nos gusten ciertos productos por el sobreprecio que tengan, o por cualquier otro motivo, pero hay que reconocer que si que están cuidando el diseño de sus productos hasta el último elemento posible.
Por desgracia otras marcas no pueden hablar de ello, pero tampoco otras marcas están controlando de forma tan férrea todo el hardware y software que combinan.
Uti
Un artículo muy interesante que, además, es muy agradable de leer.
En Apple además de lo que reluce, también hay "oro" que ni se nota que está.
cfeapps
Que interesante Gracias!!
bliz
Vaya, nunca me habría percatado. Interesante artículo.
xavi...
Un artículo muy interesante. Gracias.
chrisf22
Pregunta para usuarios de iPhone X con la versión más reciente de iOS. ¿El iPhone X tiene gesto 3D Touch para multitarea? Los que he probado en tiendas no lo tienen. Gracias.
xicodelikou
Todo ésto, lamentablemente, se rompe con los más recientes iPad Pro. En éstos las esquinas no concuerdan.
jm93ad
No soy fanático del notch, porque la verdad ver videos en modo apaisado es horrible, por eso cambié mi iPhone X por un Note 8, a espera del iPhone X Plus (que, en videos en formato apaisado al menos podremos ver el video sin el notch y tener el mismo tamaño de imagen que en un iPhone 6, 7, 8 Plus de imagen) pero la verdad es que Apple lo introdujo al menos con un bonito diseño que no se ve realmente mal. Porque siendo sinceros, lo que tiene el notch, es que no es feo. Simplemente es estoboso.
mirtogar
Creo que cuando dice "ni la línea es recta, tiene una ligera inclinación" no es correcto, la línea es recta pero no es vertical o perpendicular al lado recto del borde...