¿Cortar y extraer activos, o copiar CSS y estilos de párrafo para diseños web de retina?

Estoy tratando de averiguar cómo quiere Adobe que trabaje en Photoshop al producir diseños de sitios web.

Extraer activos es útil para objetos de tamaño fijo para producir activos al 50 % y al 100 %. La salida 200% png da como resultado suavizado incluso de formas vectoriales. Por favor, corríjame si me equivoco, pero este parece ser el caso. El corte es útil para elementos en el sitio que pueden tener una altura/anchura variable que necesitan tapas finales e imágenes repetidas x o repetidas, por ejemplo, botones y barras de navegación.

Si necesito trabajar con una resolución de 2x para retina, utilizando Extraer activos y Sectores, las dimensiones de mis estilos de párrafo y carácter se duplican, al igual que las dimensiones de todos mis objetos. Esto hace que Copiar CSS sea un poco inútil: doble altura, ancho, margen, relleno, desenfoque de sombra, etc.

¿Debería estar diseñando con una resolución de 2x y extrayendo y cortando, o con 1x y usando Copiar CSS, exportando estilos de párrafos? ¿O algo intermedio?

Respuestas (1)

No creo que debas obtener suavizado de rutas de forma. Sin embargo, estamos investigando por qué algunos de los objetos inteligentes de Illustrator no se procesan correctamente.

¿Has probado nuestro servicio Creative Cloud Extract ? Creo que es una forma mucho mejor de obtener medidas y valores de un PSD, ya que ofrece mucho más que CopyCSS en Photoshop. Si guarda sus archivos en Creative Cloud, puede comenzar a usarlo automáticamente cuando vaya a assets.adobe.com

En general, la recomendación es diseñar a 2x y luego extraer activos a 1x.

--

Soy gerente de productos en Adobe y me ocupo de la interfaz de usuario de Extract Assets.