<h4 style="display:none;" The notch —

¿Cómo los desarrolladores de aplicaciones y diseñadores se sienten sobre el iPhone X-y la muesca

aplicación para el iPhone y desarrolladores de juegos evaluar el iPhone X y compartir experiencias con él.

El corazón de la X iPhone‘S tono es aplicaciones de terceros. A partir de las características de realidad aumentada al sensor TrueDepth, las nuevas características están destinados a agitar la creatividad y la acción en la comunidad de desarrolladores, trayendo nuevas experiencias innovadoras aplicaciones para los usuarios de iPhone X. Pero incluso que Apple ofrece a los desarrolladores nuevos juguetes para jugar, sino que también tiene que asegurarse de que no se rompe las pasadas.

El iPhone X es el cambio más significativo para el iPhone en varios años. Tiene una resolución más alta y una forma de la pantalla diferente. Se dispone del botón de inicio y agrega o cambia toque gestos. Cada uno de esos cambios podrían crear trabajo para los diseñadores y desarrolladores ... y luego está la muesca. Usted puede esperar más teléfonos para hacer esto, no sólo de Apple. Pero ¿Cómo se diseña alrededor de ella? ¿Cuánto trabajo es adaptar una aplicación para ello? ¿Es, como dicen algunos críticos, mal diseño?

Para averiguarlo, hablé con los diseñadores y desarrolladores de aplicaciones y juegos para iOS que recientemente pasaron por el proceso de actualización de sus aplicaciones para el iPhone X. quería hacer algunas de estas mismas preguntas, pero por lo general lo que quería oír cómo la transición hacia el nuevo teléfono fue para todos los que trabajan detrás de las escenas.

Un golpe en la resolución

Let’s start by looking at the changes and challenges presented by a differently sized and shaped screen and how Apple recommends coping with them. Because iOS runs on devices at a variety of resolutions, Apple and developers on the platform measure their user interfaces in “points” rather than pixels—which is a very common concept in design, anyway. The iPhone X’s display has the same width in points as the iPhone 7 and 8 (375 points), but it is 145 points taller. The fact that the iPhone X shares its width with the regular iPhones and not the Plus models is why it doesn’t support the expanded landscape mode interfaces that you get on the Plus.

The iPhone X's display, with rounded edges and the sensor housing—also called the notch.
Agrandar / La pantalla del iPhone X, con bordes redondeados y el sensor de la vivienda-también llamada la muesca.
Samuel Axon

iOS también es necesario para apoyar a los activos que muestran en múltiples resoluciones mirar agudo en una resolución de pantalla de cada dispositivo; los significantes @ 1x, 2x @, o @ 3x se utilizan para los tres niveles de resolución para los activos. Apple recomienda produciendo activos como archivos PDF, ya que son independientes de la resolución. Si también se necesitan imágenes rasterizadas, que actualmente deben ser ofrecidos en tanto @ 2x o 3x @, que previamente se correlaciona con los iPhones modernas de tamaño estándar con pantallas retina y los modelos Plus, respectivamente. El iPhone utiliza X @ 3x.

Todos los desarrolladores que hablé dijeron que no tienen ningún problema con los activos verse bien en la nueva pantalla. Phillippe Levieux, co-fundador detrás de aplicación de edición de fotos infltr, Incluso disfrutado el nuevo enfoque:

Estamos utilizando activos vectoriales dentro infltr, que son archivos PDF. No tuvimos que realizar ningún cambio para el iPhone X. Esta forma de trabajo es increíble. Sólo necesita un activo PDF que se compila en @ 1x, 2x @, @ 3x.

Yak & Co. Director de Arte Mark White (conocido por el juego de aventuras Un agente) said his team weathered the asset transition well, and he framed it as a lesson that you should always expect the unexpected and implement accordingly. “We made the conscious effort early on to design things in a very flexible way because you really just can’t predict what kind of resolutions or screen shapes we’ll be running in the future,” he said.

Pero resolución ha cambiado en el iPhone antes sin gran evento. El iPhone X hace tres cambios adicionales que los desarrolladores no han tenido que hacer frente antes. Las esquinas son redondeadas, mientras que otros iPhones han tenido esquinas con ángulos rectos. Ahí está el controvertido muesca de Apple lo llama el sensor de vivienda una intrusión de la cámara y otro hardware en el centro de la parte superior de la pantalla. Y, por último, también hay un nuevo indicador en la interfaz de usuario que está siempre presente en la parte inferior de la pantalla.

El indicador casa

aplicaciones para el iPhone que se utilizan para tener toda la pantalla para sí mismos la mayoría del tiempo -las únicas excepciones fueron la barra de estado y las notificaciones, pero que ya no es el caso. Ellos tienen que ceder propiedades inmobiliarias a la muesca en la parte superior y el indicador de la casa en la parte inferior.

Apple ya ofreció un conjunto de reglas y herramientas denominado Diseño automático para ayudar a los desarrolladores de iOS evitar peligros potenciales con el uso de las propiedades inmobiliarias bloqueado-off en los dispositivos iOS anteriores. La compañia describe de esta manera:

Diseño automático calcula dinámicamente el tamaño y la posición de todos los puntos de vista de la jerarquía de vista, basado en limitaciones impuestas a esos puntos de vista. Por ejemplo, puede restringir un botón para que se centra horizontalmente con una vista de la imagen y de manera que el borde superior del botón permanece siempre 8 puntos por debajo de la parte inferior de la imagen. Si los cambios de tamaño o posición de la vista de la imagen, la posición del botón se ajusta automáticamente para que coincida.

Para los desarrolladores que ya estaban apoyados principalmente en Diseño automático, la transición a la X iPhone es mucho más sencillo de lo que es para aquellas que se basan principalmente en diseños personalizados. “Mi aplicación utiliza Diseño automático para la mayor parte de su código de dibujo,” dijo Galley Alimentos jefe de ingenieros Chris Anderson. “Así que sólo tenía que hacer un mínimo de trabajo para adaptarse a mi aplicación a las nuevas dimensiones. Recompilas con IOS 11, espolvorear un poco de ‘si el IOS 11’ declaraciones de precisar su aplicación para el nuevo Apple-proveen guía instalación y seguridad, y que me consiguió la mayor parte del camino a la línea de meta “.

Apple ha añadido un nuevo aspecto Diseño automático llama la zona segura en IOS 11. Sobre la base de la zona de seguridad, los desarrolladores deben limitar el contenido y la interfaz de usuario crítico elementos a partes de la pantalla en la que no sería bloqueada o interferida por el hardware o el sistema de software. Para otros iPhones, la zona segura era esencialmente toda el área de visualización. En el iPhone X, sin embargo, es más complicado. En el modo vertical, la zona segura bloques de parte de la parte superior del punto de vista y parte de la parte inferior. La parte superior es para acomodar la barra de estado y la carcasa del sensor, mientras que la parte inferior da un amplio espacio para el indicador de casa.

The home indicator is a thin bar that is almost always present at the bottom of the screen to indicate to the user that they can swipe up from the bottom to exit the app or reach the multitasking interface. Since this functionality was previously performed by the home button that sat below the screen, you could see the indicator as the new home button in a way. Apple allows developers to enable an auto-hide behavior for the home indicator, but only for viewing full-screen passive content like videos.

Alternatively, developers can activate Edge Protection. This gives the indicator a more subtle appearance, making the user perform two swipes instead of one to get out of the app. This is recommended if a swipe from the bottom is a core part of an app’s functionality, though obviously the best solution is to change that interaction to something else when possible. Apple nevertheless recommends vertically scrollable views extending all the way to the bottom of the display despite the indicator’s presence.

Developers who put UI elements like navigation buttons at the very bottom of the screen might have to move them if they previously rested outside of what is now the Safe Area. Galley Foods’ Anderson said that despite his relatively easy transition, this was the biggest problem he encountered in his app:

First, I had a lot of bottoms and actions pinned to the bottom of the screen; all of these required manual intervention (even with Auto Layout) to make sure the indicator line wasn’t covering up the button. Second, getting the spacing to look right required some manual tweaking for iPhone X and non-iPhone X layouts. And lastly, I’m still struggling on how to best design around that home indicator. With a bottom pinned button, you can either extend the button color to the bottom or cut it off above the line. Both are somewhat ugly options. The curved edges require you to give lots of spacing above the curve; so there are these extra margins that don’t look right.

Los desarrolladores más pegados a formas recomendadas de Apple de hacer las cosas, más fácil será la compañía hizo la transición para ellos. Sin embargo, Anderson dijo que sentía que Apple podría haber proporcionado una mejor orientación sobre el manejo de la barra inferior de una manera visualmente atractivos. “Con barras de tabulación gigantes y el espacio vacío debajo del teclado en pantalla, Creo que Apple sí mismos no han descubierto qué hacer”, agregó.

en

WordPress

COMPARTIR

Estamos trabajando en un sistema para mejorar la calidad del sitio web y en recompensar a los usuarios activos por verificar articulos, noticias y su calidad, ¡Gracias por mejorar Business Monkey News!

Si el artículo es erróneo, esta mal traducido o falta información, puedes editarlo, notificarnos con un comentario (nosotros lo corregiremos) o puedes ver el artículo original aquí: (Artículo en el idioma original)

Los cambios realizados se actualizarán en 2 Horas.

Modificar artículo