Cómo comenzar a diseñar activos en Display P3 – Descubrir

Un icono llamativo o una pizca de color pueden llamar la atención y ayudar a los usuarios a encontrar la información correcta en su aplicación. Considere diseñar estos elementos en el espacio de color P3: se ven más ricos y vívidos en cualquier dispositivo con una amplia gama de colores.

Puede encontrar pantallas Retina con una amplia gama de colores en la mayoría de las Mac, así como en iPhone, iPad y Apple Watch. Traen colores más realistas y tonos profundos a la pantalla y no solo aseguran una excelente reproducción de imágenes y videos, sino que también mejoran la experiencia cotidiana de las personas.

Use los elementos Display P3 en su aplicación para reforzar elementos importantes de su interfaz de usuario: por ejemplo, los colores de un medidor VU en una aplicación de audio o la línea roja en un tacómetro en su juego de carreras.

Cuando vea fotos o videos en su aplicación, considere usar la pantalla P3 para que las imágenes coincidan con la toma original de la cámara. Las aplicaciones de compras pueden ayudar a las personas a elegir el artículo correcto al mostrar el color verdadero de un vestido o pantalón en particular. También puede usar Display P3 para el icono de su aplicación para resaltar colores y suavizar degradados.

¿Te gustaría explorar Display P3 por tu riqueza? Para comenzar, debe preparar sus herramientas para trabajar en este espacio de color. Le mostraremos cómo diseñar en Display P3 utilizando dos aplicaciones populares de Mac: Adobe Photoshop y Sketch.


Nota: ¿Su pantalla admite P3?

Sus herramientas de hardware son tan importantes como sus herramientas de software: asegúrese de que el dispositivo que usa para crear activos admite el espacio de color P3 para que pueda ver una vista previa precisa de sus diseños. Esto incluye todos los iMacs con pantallas Retina, el MacBook Pro de 2016, la pantalla UltraFine 4K o 5K de LG y el Pro Display XDR.


Configurar una nueva pantalla para Display P3

Cómo configurar su mesa de trabajo para soportar Display P3.

Crea un nuevo lienzo P3 en Photoshop

  1. Abra Adobe Photoshop en su Mac.
  2. haga clic en Crear nuevo Botón de la interfaz principal. (También puede crear nuevos documentos en cualquier momento seleccionando desde la barra de herramientas Archivo> Nuevo.)
  3. Seleccione las dimensiones y otra información que desea personalizar para su lienzo.
  4. En el modo de color, cambie su profundidad de color de 8 a 16 bit.
  5. En Perfil de color, seleccione la opción Display P3.
  6. Escoger Crear para comenzar a diseñar en la pantalla P3.

Puede evitar crear manualmente un lienzo para cada nuevo activo guardando su configuración como preestablecida. Asigne un nombre a su preset en la parte superior de la pantalla, haga clic en el botón Guardar y luego haga clic en Guardar preset.

En Sketch, cree una nueva pantalla P3 artboard

  1. Abre Sketch en tu Mac.
  2. Crea un nuevo archivo.
  3. Ir Archivo> Cambiar perfil de color (o use el atajo de teclado Shift-Command-K).
  4. Escoger Display P3 que tu perfil de color.
  5. Escoger Asignar.

Use la configuración del perfil de color de Sketch para usar Display P3 en su lienzo.

Convierta una imagen sRGB existente a P3

Si recibe elementos de imagen de otra persona, asegúrese de que estos elementos se conviertan directamente del archivo RAW y no de sRGB en la pantalla P3, ya que se pierde cierta información de color durante la conversión.

Si necesita importar una imagen existente en Photoshop, use Convertir a perfil para obtener su diseño tanto como sea posible. Si usa “Asignar perfil”, sus colores existentes se adoptarán y se estirarán en el nuevo espacio de color, lo que cambiará su diseño en el camino.

Vaya a Sketch después de recibir su archivo Archivo> Cambiar perfil de color para editar tu perfil de color. Entonces escoge Convertir.

Exporte su trabajo para mostrar P3

Una vez que haya terminado de crear su activo, puede mantener el espacio de color de visualización P3 en cualquier archivo exportado.

Cómo exportar tu trabajo en Photoshop

Nota: Hay varias formas de crear activos a partir del trabajo realizado en Photoshop, como: B. generador o exportación bajo. Sin embargo, cuando usa Guardar como, se conserva el espacio de color P3 para la visualización y la configuración de profundidad de color de 16 bits.

  1. Navega a la barra de herramientas y elige Archivo> Guardar como … (o escriba Shift-Command-S).
  2. Elija dónde desea guardar su activo.
  3. Nombre su activo si es necesario.
  4. En Formato, elija PNG.
  5. En Color, asegúrese de que Insertar perfil de color: mostrar P3 La configuración está marcada.
  6. Guarda tu archivo.

Exporte sus activos P3 a Photoshop utilizando la opción Incrustar perfil de color en la pantalla Guardar como.

Cómo exportar tu trabajo a Sketch

Sketch retiene su perfil de color cuando exporta, por lo que puede guardar su trabajo P3 de la misma manera que guarda otros activos.

  1. Ir al bosquejo expediente Menú.
  2. Seleccione la opción de exportación que desee: exportar o Exportar selección actual.

recursos

Consulte “Introducción a la pantalla P3”>

Consulte “Optimización de los activos de la aplicación”>

Consulte “Mejores prácticas para imágenes y gráficos”>

Obtenga más información sobre la gestión del color>

Leave a Reply

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.