Fireworks: Exportación de activos para dispositivos móviles, varios tamaños

¿Solo tiene curiosidad por saber cuáles son los trucos y consejos de la gente para exportar activos móviles para aplicaciones con Fireworks de manera rápida, eficiente y nítida? Para varios tamaños de dispositivos. Además, ¿recomienda mantener una biblioteca de activos en un archivo?

Para íconos y demás, sugeriría buscar en SVG. Tiene bastante buen soporte móvil. Y tiene la gran ventaja de que solo necesita una versión, ya que se puede cambiar el tamaño según sea necesario. (Como siempre, si tiene que admitir cosas como IE7, tal vez no sea una gran solución).

Respuestas (2)

Tiendo a colocar activos de diferentes tamaños en la misma página y uso sectores. A veces, sin embargo, lidiar con las porciones puede ser molesto, así que colocaré cada activo en una página diferente. Esto significa que los nombres de archivo ya están listos para funcionar también. Todavía no he encontrado una manera de automatizar muy bien el proceso, ¡pero al menos está bien organizado cuando termino!

Puede que no lo haga de la manera más eficiente, pero funciona para mí:

  • Selecciona cada elemento por separado con tu herramienta Puntero y presiona F10 o ve a Ver > Recortar documento. Esto cambia el tamaño del lienzo a las dimensiones del activo deseado. Asegúrese de que las capas en conflicto estén ocultas. El lienzo también debe tener las dimensiones de activos de mayor resolución para que pueda convertirlo a diferentes tamaños. Para iOS, necesita una cantidad uniforme de píxeles para que pueda aplicar una escala del 50% al exportar. Para Android, debe poder dividir el activo original en una escala del 75 % (de XHDPI a HDPI), una escala del 50 % (XHDPI a MDPI) y una escala del 37,5 % (XHDPI a LDPI).

  • Entonces recomendaría configurar el Asistente de exportación a un atajo de teclado a través de Editar> Atajos de teclado (es decir, uso F9). De esa manera, puede presionar rápidamente F9> Entrar> Entrar> Entrar y estará en la pantalla Vista previa y exportación de imagen.

  • Depende de cómo esté configurado el código para manejar los activos, pero generalmente tengo todos mis activos como imágenes exportadas separadas en una carpeta para cada plataforma. Si es iOS, tengo una carpeta con activos que no son de retina (es decir, Button.png), activos de retina (es decir, Button@2x.png) y activos de Retina 568h (si es necesario, es decir, Button-568h@2x). Luego, para Android, tengo 4 carpetas separadas dentro de una carpeta de Android para XHDPI, HDPI, MDPI, LDPI. Todos los nombres de los archivos terminan siendo iguales y, por lo general, son mejores si están en minúsculas, sin caracteres especiales ni espacios en el nombre, los guiones bajos están bien.

  • Nota al margen: Tenga cuidado al guardar el activo a través del Asistente de exportación, a veces el cuadro de diálogo Guardar establece de manera predeterminada la configuración Exportar en HTML e imágenes en lugar de Solo imágenes.

Algunas preguntas para la elaboración: ¿Para qué tipo de dispositivos está exportando? ¿Qué resoluciones estás apoyando? ¿Qué versión de Fireworks estás usando?

Editar: gramática