¿Por qué usar Fireworks para el diseño de sitios web?


24

He usado Photoshop para diseñar (más o menos) todos los sitios web que he creado en los últimos 9 o 10 años. Escucho a personas hablando sobre Fireworks que dicen que es excelente para el diseño web y la creación de prototipos.

Cuando Adobe se hizo cargo de Macromedia, me sorprendió que Fireworks sobreviviera, por lo que debe haber algo genial para que siga funcionando, por lo que puedo ver, un programa muy similar.

¿Alguien puede darme un buen resumen de los pros y los contras del uso de Fireworks sobre Photoshop y las diferencias que necesitaré saber antes de probarlo?

- editar -

Estaré más interesado en escuchar las pequeñas cosas que la gente hace con él que lo hace tan útil en lugar de que me peguen artículos masivos.


2
Quizás te interese: el equipo de Photoshop parece que están considerando cerrar un poco la brecha aquí: blogs.adobe.com/jnack/2010/09/…
JamesHenare

1
Una lectura interesante, eso. Gracias. Es interesante ver que están incorporando esto en Photoshop en lugar de tratar de ensalzar las virtudes de Fireworks. Me pregunto por qué es así.
Scott Brown

Respuestas:


15

Siempre he usado Photoshop para mis diseños web, pero voy a probar Fireworks después de leer la excelente comparación de Andre Reinegger entre los dos:

http://www.reinegger.net/50_reasons_not_to_use_photoshop_for_webdesign.html

Creo que el más relevante de sus motivos es el escalado sin distorsión , el panel de estados y el panel de interfaz de usuario .


Parece que puedes, más o menos, aplicar estilos CSS específicos a tus objetos. ¡Esa es otra característica atractiva para agregar a una lista creciente! Los elementos de la interfaz de usuario también se ven geniales.
Scott Brown

7

Fireworks tiene una interfaz de formas bastante ingeniosa que te permite jugar con los puntos / beziers de una forma o tomar secciones de la forma como si fueran píxeles a voluntad. Por lo tanto, puede hacer un cuadrado, agarrar una esquina y estirarlo, y luego usar una herramienta de marco para agarrar y eliminar una sección cuadrada de la esquina opuesta. Me sorprendió muchísimo que Adobe no haya tomado esto para Photoshop.

Antes de poder mover archivos tan fácilmente entre Photoshop y Flash, era más fácil hacer sus gráficos en Fireworks e importarlos a Flash, por lo que mucha gente que estaba haciendo sitios intensivos en Flash se acostumbró a trabajar en Fireworks.


Ok, es útil saberlo, me gusta cómo suena eso
Scott Brown

7

Tengo una relación de amor / odio con Fireworks.

ODIO:

  • Adobe trata a Fireworks como el hijastro no deseado de Photoshop.
  • Se siente realmente sin pulir e incluso tiene algunos errores (sin memoria es mi favorito).
  • Cuando lo usa, puede sentir cuánto potencial podría tener una herramienta como esta. La mayoría de las veces estará pensando: "Wow, sería genial tener esta o esta característica". Lo que puede ser realmente frustrante.

AMOR:

  • Llena un espacio que no ocupan muchas otras herramientas.
  • Fácil uso de píxeles y vectores.
  • Puntos de acceso y exportación fácil a html para que pueda mostrar rápidamente a sus clientes el flujo de un sitio web.
  • Páginas y soporte de página maestra limitada.
  • Se siente ligero y es fácil de aprender y usar.

A pesar de todo el odio que tengo por Fireworks, siempre vuelvo a él como mi herramienta principal para maquetas y diseños de sitios web. Mi esperanza es que una compañía que no sea Adobe cree una herramienta similar y le de el amor que merece.


4

Seguiré con una razón más: el formato de archivo nativo de Fireworks es PNG.

Eso significa que puedo tomar gráficos que creo en FW y agregarlos directamente a una página. No tengo que crear varias versiones, ni hacer un seguimiento del original, etc.


¿Puedes hacer PNGs de varias capas entonces? ¿Asumo que también hay una opción de 'guardar para web' para la optimización?
Scott Brown

Probablemente aún debería exportarlos en lugar de usar su archivo PNG original. Hay demasiada información de vectores y fuegos artificiales que no necesita y puede reducir el tamaño de su archivo exportando un archivo optimizado.
Ryan Doom

4

Es capaz de editar píxeles y vectores con herramientas optimizadas para las necesidades del diseñador web y para la creación rápida de prototipos.

Para mí, son las mejores / más útiles herramientas de Photoshop e Illustrator combinadas en una interfaz intuitiva y fácil de aprender. Entonces, si está cambiando de Photoshop, probablemente lo obtendrá todo en un día. Lo uso regularmente para hacer marcos de alambre y maquetas, ya que proporciona un flujo de trabajo mucho más rápido que los otros dos programas mencionados.

Las desventajas del programa son que carece de las características avanzadas de Illustrator y Photoshop, es solo lo básico aquí, pero para la mayoría de los proyectos los encontrará más que suficientes.


4

Yo diría todo lo anterior y un gran salto en el tiempo ahorrado: si eres bueno en Photoshop, definitivamente serás excelente en el uso de Fireworks. Cualquier cosa que falte en Fireworks tendría que ver con la edición de fotos en Photoshop: lo que hacemos es comenzar los diseños con Fireworks y, cuando sea necesario, usar Photoshop para sus impresionantes filtros y luego devolver los resultados a Fireworks. Dado que la optimización para los gráficos del sitio web es mucho mejor en Fireworks, terminamos comenzando y terminando con la exportación desde Fireworks. Simplemente entra y te garantizo que nunca harás otro sitio web sin él.


3

¡Saludos, un enlace a webdesignerdepot.com/2010/08/… hubiera sido suficiente! Lo leeré allí ya que también obtengo capturas de pantalla.
Scott Brown

1
Cite sus fuentes: webdesignerdepot.com/2010/08/… Además, no es aceptable copiar y pegar información de un sitio a otro, a menos que usted sea el titular de los derechos de autor. (En cuyo caso es recomendable que se declare en voz alta)
Jari Keinänen

rectifiqué gracias por informarme ... y perdón por esto: |
Jack

@koiyu, ¿está bien ahora?
Jack

3
sí, es aceptable :-) Si realmente desea mejorar sus respuestas, siempre puede resumir el artículo al que apunta o reformularlo con sus propias palabras; Si la referencia se redujera en algún momento en el futuro, la comunidad aún tendría acceso a los puntos principales de la idea.
Jari Keinänen

3

Me gustaría secundar todos los puntos señalados en el artículo al que se hace referencia en la respuesta de @ Jack. Pero además, los algoritmos de compresión utilizados por Fireworks son mejores que los de Photoshop. Fireworks te ofrece archivos JPEG más pequeños y limpios.

Para mí, el soporte de vectores nativos es una gran ventaja. La capacidad de reescalar obras de arte sobre la marcha en lugar de tener que reimportar o rasterizar archivos externos es una característica excelente.


Re: los JPG: Eso es bueno saberlo. ¿Alguna referencia para esto, así puedo ver comparaciones? Fui atrapado por la mezcla vector / ráster, parece intrigante. Me parece que después de rasterizar una imagen redondeada (en Photoshop) y luego cambiar el tamaño hacia abajo, puedo obtener bordes planos en la parte superior, inferior, izquierda y derecha, por lo que evitar eso sería bueno.
Scott Brown

Solo estoy citando por experiencia personal, pero un Google rápido arroja webdesignerwall.com/general/fireworks-vs-photoshop-compression
duncmc

Está bien, es la experiencia personal que buscaba. Las pequeñas cosas que encuentras útiles más allá de Photoshop día a día.
Scott Brown
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.