¿Cuáles son las ventajas y desventajas de usar puntos frente a píxeles para el diseño de aplicaciones móviles?

Siguiendo la respuesta de Cliff Williams, es probable que su desarrollador lo aliente a “comenzar a usar puntos” porque en el desarrollo de iOS cuando los elementos de la interfaz de usuario se dibujan o colocan en la pantalla, las distancias se miden en puntos, no en píxeles.

Sin embargo, existe una distinción entre las coordenadas que su desarrollador especificará en el código y los píxeles del dispositivo subyacente y, por lo tanto, las medidas que debe usar para diseñar elementos gráficos que admitan estos dispositivos.

En iOS, todos los valores de coordenadas y distancias se especifican utilizando valores de punto flotante en unidades denominadas puntos. El tamaño medible de un punto varía de un dispositivo a otro y es en gran medida irrelevante. Lo principal a entender sobre los puntos es que proporcionan un marco de referencia fijo para dibujar.

http://developer.apple.com/libra…

Te animo a diseñar en píxeles y comunicarte en puntos. Esto le permitirá estar seguro de que los elementos de la interfaz de usuario listos para la producción son perfectos para píxeles, al tiempo que proporciona al desarrollador coordenadas que tienen sentido para el desarrollo de iOS.

Es difícil desglosar esto en términos de ventajas y desventajas, realmente. Cuando trabajas en maquetas, siempre vas a trabajar en píxeles. Sin embargo, debes comenzar a pensar y comunicarte en términos de puntos.

Esto es bastante simple a primera vista ya que iOS simplemente duplica las cosas: 1pt = 1px en dispositivos sin retina y 2px en dispositivos con retina. Entonces, si está trabajando con una resolución de retina (que es lo que hago) tenga en cuenta que su desarrollador trabajará con puntos al especificar distancias y tamaños de fuente y esos valores serán la mitad de lo que está viendo en Photoshop. Entonces una fuente de 40px se convierte en una fuente de 20pt.

Cosas no tan obvias a tener en cuenta:

  • Esa excelente línea de 1 px en su maqueta de retina es 0.5pt. Técnicamente, aún puede hacer esto, aunque puede ser un poco más difícil para su desarrollador implementar (ya que no puede establecer valores no enteros en Interface Builder) y puede tener resultados impredecibles en dispositivos que no son retina (en mi experiencia) .
  • Dado que todo en su maqueta de retina se reduce a la mitad para la no retina, mantenga el tamaño de las cosas en resolución de retina en un número par para que sean la mitad de manera uniforme.
  • A veces es realmente importante que un elemento de imagen pequeño tenga un centro perfecto, por ejemplo, una línea de separación. Debe prestar atención a si su activo de retina tendrá un ancho impar o par de píxeles cuando se reduzca a la mitad para no retina.

Entonces, sí, es difícil pensar en términos de pros y contras aquí. Si está compilando para iOS, debe pensar en puntos. Las herramientas de dibujo funcionan en píxeles. Así que trabaje en píxeles pero piense en puntos.

Diseño mis aplicaciones móviles con Illustrator, por lo que uso puntos en mis especificaciones. Al pasar de las ilustraciones de Ai a los SmartObjects de Photoshop, puedo ver que algunas líneas se suavizan de manera desigual. Algunos diseñadores se enorgullecen de obsesionarse con la artesanía de conseguir que todo sea ‘pixel perfecto’. Personalmente, me parece un mal uso del tiempo. Diseñar dentro de Photoshop realmente limita mi capacidad de escalar cosas fácilmente. Me parece que tengo diseños más personalizados y me muevo mucho más rápido con las herramientas vectoriales. Claro que a veces retoco las cosas a nivel de píxeles, pero prefiero la velocidad del diseño basado en puntos sobre el diseño basado en píxeles.

Lo que quieres son DIP. Un DIP es un píxel independiente del dispositivo.

Leer: Reducir para adaptarse: diseño de interfaces de usuario escalables http://punchcut.com/perspectives

Utilizamos una interpolación bilineal (para completar los píxeles faltantes) para una de nuestras aplicaciones. Aquí está el caso de estudio: http://dbbest.com/blog/ios-graph