50 motivos para no usar Photoshop para Diseño Web


Primero de todo, adoro Photoshop. Es el mejor programa del mundo para editar imágenes. No pretendo decir que Photoshop es un mal programa, solo pretendo aclarar el malentendido de que Photoshop es la herramienta idónea para diseño en pantalla y web.

Photoshop fue diseñado para la manipulación de imágenes. No fue diseñado para crear maquetaciones precisas "al píxel" para pantallas, o hacer cambios rápidos en maquetaciones. Sin embargo se tiene la tendencia de emplear Photoshop para estos menesteres, porque los usuarios se han familiarizado con este programa, y no conocen que Fireworks fue diseñado para ese uso específico.

Los usuarios en general tratan de comparar Fireworks con Photoshop. Por supuesto que se pueden hacer muchas cosas que se hacen en Fireworks en Photoshop. También es posible hacer las mismas tareas en InDesign tal como las haces en Photoshop, ¿pero es esa la forma más eficiente de trabajar? En el caso de InDesign (para maquetar e imprimir), un diseñador es consciente de lo extremadamente ineficiente que sería maquetar una revista con Photoshop. ¿Por qué debería ser diferente con Fireworks (maquetación para pantalla)? No es la forma más eficiente de trabajar, sin embargo los usuarios tiendan a pensar que sí.

Fireworks puede pensarse en los términos de InDesign. InDesign crea maquetaciones de páginas, y Fireworks de pantallas. Photoshop e Illustrator deberían considerarse como complementos. Se crean los gráficos en Photoshop e Illustrator para ser llevados a Fireworks para crear un diseño de pantalla.

El siguiente vídeo demuestra algunos de los puntos más importantes que hacen de Fireworks la mejor herramienta de diseño para pantalla.









DISEÑO PRECISO, INTUITIVO Y CÓMODO



1. Alineamiento preciso "al pixel"

PHP

html En la Inspector de Propiedades, se muestran las posiciones X e Y, así como la anchura y la altura. Esto permite una edición sencilla de cualquier objeto en la página con precisión del pixel. Los cambios se pueden hacer rápido y con precisión. Estos valores se pueden leer fácilmente cuando se pasa a una hoja de estilos para HTML y CSS.

css Los valores del panel de Información solo se pueden visualizar, no se pueden editar directamente. Los cambios en un objeto hechos con el mouse pueden ser bastante imprecisos.

________________________________________________________________________________________________________________


2. Información Rápida

fireworks

xhtml Un consejo de herramientas en el cursos con información relevante se muestra a medida que se mueven los objetos. Cuando se trata de guías, al pulsar la tecla Mayúsculas se muestran las distancias entre las guías. Muy conveniente!

photoshop No Disponible

________________________________________________________________________________________________________________


3. Rectángulos Redondeados

HTML5

maquetacion Además del hecho de que los rectángulos son realmente vectoriales que se pueden modificar con precisión en Propiedades, existe la posibilidad de redondear los vértices a posteriori, en cualquier momento.

PHP5 Hay una herramienta de Rectángulo Redondeado donde el valor de la curvatura de las esquinas se tiene que definir por adelantado. Solamente se puede ver el resultado una vez que se ha dibujado. el rectángulo. Y una vez dibujado, solo se pueden ajustar los vértices con la herramienta de Selección Directa, una tarea imprecisa y costosa en tiempo.

________________________________________________________________________________________________________________


4. Ancho de línea y color de relleno

css2

CSS3 El color de relleno, trazado y el grosor de la línea se pueden ajustar rápidamente con el panel de Propiedades. De igual modo con las texturas o patrones.

50 motivos para no usar Photoshop para Diseño Web Todos los cambios del color de relleno, trazado, anchura de línea, textura, etc. tiene que añadirse o modificarse desde cuadros de diálogo extras. Estos cuadros de diálogo son confusos, no tan eficientes, requieren más clics del mouse, y cada nueva selección complica más el panel de Capas.

________________________________________________________________________________________________________________


5. Degradados

PHP

html La creación de degradados es sencilla y precisa, y se puede editar de forma fácil e intuitiva. Además hay más del doble de tipos de degradados disponibles.

css La herramienta de Degradado no es realmente intuitiva y require de un largo proceso de ensayo y error para producir el efecto deseado. La capa de estilo de Degradado se puede utilizar, pero nuevamente no es tan intuitiva en su uso.

________________________________________________________________________________________________________________


6. Degradados de Difusión

fireworks

xhtml En Fireworks se pueden activar degradados de difusión. Esto incrementa la calidad de la imagen en los formatos JPG, PNG y GIF

photoshop Solo están disponibles en la herramienta de degradado, que no es tan intuitiva. No está disponible para los efectos de capa que usen degradados.

________________________________________________________________________________________________________________


7. Estilos de Capa y Modos de Fusión

HTML5

maquetacion Fireworks dispone de estilos de capa y modos de fusión. Fireworks dispone de más del doble de modos de fusión que Photoshop. Los estilos de Capa se llaman Filtros en Fireworks. Existe una correspondencia uno a uno de los Estilos de capa (llamados "Estilos de Photoshop" y bastantes más estilos adicionales de Fireworks. Los modos de fusión y efectos son bastante fáciles de seleccionar y cambiar en la paleta de propiedades.

PHP5 Los estilos de Capa y modos de fusión tiene nque ser seleccionados desde el panel de Capas. Para acabar de ajustar las propiedades se requiere de un cuadro de diálogo extra. Se ha de usar el Panel de Capas para acceder a estos ajustes, lo que hace que este panel se expanda en otro y sea más dificil de manipular.

________________________________________________________________________________________________________________


8. Escala sin distorsión

css2

CSS3 Fireworks ofrece una herramienta de escala de 9 guías sin distorsión de los objetos. También se pueden escalar objetos de vértices redondeados o proteger áreas para escalar con la herramienta de escala de 9 guías.

50 motivos para no usar Photoshop para Diseño Web Para escalar los objetos sin distorsionar, tienen que estar primero recortados en varias piezas, y entonces escalar la parte central, y luego el resto de cada una de las capas que están juntas.

________________________________________________________________________________________________________________


9. Funciones de Alineación

PHP

html La paleta de Alinear en Fireworks es muy extensiva. Los objetos se pueden alinear relativamente entre ellos o respecto a la pantalla. También es fácil rescalar, ajustar anchuras o alturas entre objetos, disponerlos en horizontal o vertical basándose en un porcentaje o en un valor en píxels.

css No disponible - Photoshop solamente ofrece las opciones básicas de alineación y disposición

________________________________________________________________________________________________________________


10. Objetos Ocultos

fireworks

xhtml Seleccionar objetos en Fireworks es muy intuitivo. Si pasas el cursor por encima de un objeto seleccionable, éste aparece resaltado en rojo. Una vez que está seleccionado, aparece resaltado en azul. Lo mismom para la herramienta de sub-selección. Gracias a la herramienta de selección de fondo, incluso se pueden seleccionar objetos que quedan tapados por otros elementos.

photoshop La selección no es tan intuitiva como en Fireworks. Una vez más, hay que buscar en el panel de Capas para localizar objetos ocultos. No hay forma de seleccionar objetos ocultos sin tener que mirar en el panel de Capas.
________________________________________________________________________________________________________________


11. Alinear texto en torno a una imagen

HTML5

maquetacion Es muy sencillo aplicar texto a una forma vectorial para alinear un texto alrededor de una imagen.

PHP5 Para alinear un texto alrededor de una imagen, hay que hacer varias cajas de texto. Es un proceso mucho más complicado.
________________________________________________________________________________________________________________


12. Texto falso y caracteres especiales

css2

CSS3 Fireworks tiene una herramienta específica para crear texto falso. Cada vez que hace falta insertar un caracter especial, como por ejemplo el carácter ©, Fireworks tiene un panel de caracteres especiales que se puede usar fácilmente para insertar este tipo de caracteres. Muy conveniente!

50 motivos para no usar Photoshop para Diseño Web No disponible
________________________________________________________________________________________________________________




FLUJO DE TRABAJO OPTIMIZADO PARA DISEÑO WEB



13. Plantillas - Layout-Grids, Web-Banner

PHP

html Hay todo tipo de plantillas útiles para documentos como banners en todos los formatos, iconos de aplicaciones, tamaños de pantalla para dispositivos móviles, maquetaciones, estructuras, etc. Muy conveniente!

css No hay plantillas. Todas las plantillas deben ser creadas, o descargadas buscándolas en internet. No disponible
________________________________________________________________________________________________________________


14. Panel de Capas

fireworks

xhtml Debido a que todos los ajustes se pueden hacer en el panel de propiedades, que es contextual, el panel de Capas de Fireworks no es una parte central del programa. Es muy raro que se tenga que trabajar con él. Los objetos seleccionados en el lienzo se muestran en azul, cambiando a rojo cuando son seleccionados. Estas selecciones se pueden cambiar clicando con el botón secundario -> Disponer o usar el atajo de teclado CMD / CTRL + flecha arriba o flecha abajo.

photoshop En Photoshop, trabajar con capas es esencial. Sin el panel de capas no puedes hacer casi nada. Para cada cambio, necesitamos un estilo de capa, o una capa de ajuste. Al cabo del tiempo el panel de capas pasa a inflarse más y más, y es difícil controlarlo. Se pierde mucho tiempo trabajando en este panel, y eso no es la forma más eficiente de trabajar. También es difícil tener una vista global del documento desde este panel debido a que cada cambio hace que éste crezca.
________________________________________________________________________________________________________________


15. Panel de Estados (para interactividad con el Mouse)

HTML5

maquetacion En diseño para pantalla y web, es importante definir los estados de "roll-over". Esto es especialmente importante para los elementos de navegación. Fireworks provee de un panel de Estados que permite ver los diferentes estados en un solo panel. De este modo, se pueden definir muchos estados en una sola área, que posteriormente se pueden exportar.

PHP5 Photoshop no es una herramienta de maquetación, así que esta característica sencillamente no está. Los usuarios intentar resolver esto mediante cambiar la visibilidad de las capas o de las composiciones de capas.
________________________________________________________________________________________________________________


16. Compartir capas entre estados y páginas

css2

CSS3 Otra característica muy conveniente de Fireworks es el poder compartir capas entre diversos estados o páginas. Esto te permite transferir una capa recién creada con pocos clics en los estados o páginas seleccionados. Si el elemento cambia posteriormente, este cambio se refleja automáticamente en todas las páginas o estados.

50 motivos para no usar Photoshop para Diseño Web No disponible - ya que no hay páginas o estados.
________________________________________________________________________________________________________________




TRABAJO CÓMODO CON MÚLTIPLES PÁGINAS Y SUB-PÁGINAS



17. Panel de Páginas (crear varias sub-páginas)

PHP

html Debido a que los sitios web están hechos de varias sub-páginas, es importantes entonces poder trabajar con ellas. Fireworks tiene un panel de páginas que permite hacerlo. Esto facilita el poder pasar de una página a otra durante el diseño. También facilita el poder crear enlaces entre las páginas. Así mismo usando la tecla Fn + flechas arriba y abajo, es posible moverse fácilmente por las páginas.

css No disponible - Photoshop no es una herramienta de maquetación, así que esta funcionalidad no existe. Los usuarios tienen que tratar de resolver esto cambiando la visibilidad de las capas, con las composiciones de capa, o creando varios archivos.
________________________________________________________________________________________________________________


18. Páginas maestras (cambios en todas las subpáginas)

fireworks

xhtml En Fireworks existen páginas maestras igual que en InDesign. Todos los elementos de diseño que se repitan aparecen en una sola página. Entonces, cambios en todas las páginas son más sencillos de hacer.

photoshop No existe - Photoshop no es una herramienta de maquetación, así que esta característica no aparece. Es pesado hacer todos los cambios página a página.
________________________________________________________________________________________________________________


19. Usar estilos

HTML5

maquetacion Para elementos de la maquetación que se repitan se pueden definir estilos. De forma similar al CSS, es posible cambiar la apariencia de un estilo para cambiar todo el sitio web y sus sub-páginas. Además, hay una serie de estilos predefinidos que se pueden adaptar al gusto.

PHP5 Hay también estilos, pero sus funciones son muy rudimentarias. Para resolver este problemas se pueden usar Objetos Inteligentes, que sería el análogo a los símbolos en Fireworks.
________________________________________________________________________________________________________________




CREAR ELEMENTOS DE INTERFACE



20. Elementos de Interfaz de usuario

css2

CSS3 Todos los elementos estándar de UI que aparecen en diseño web están en la biblioteca común de Fireworks. Algunos de ellos se pueden exportar incluso como elementos reales de HTML que pueden verse en un navegador. Arrastrándolos y soltándolos se pueden mover de la biblioteca y colocarlos en el lienzo. Usando la herramientas de escala de 9 guías se puedan ajustar fácilmente al tamaño deseado.Hay otros elementos útiles en la biblioteca común tales como iconos, barras de menú, componentes de flex,... Además, tus propios elementos se pueden almacenar permanentemente en la biblioteca para poder reutilizarlos en múltiples proyectos.

50 motivos para no usar Photoshop para Diseño Web En Photoshop, el uso de elementos de interfaz es muy complicado. Has de copiarlos de otros sitios webs con capturas de pantalla y pegarlos en tu propio diseño. Cuando hay que recortarlos y ajustarlos al tamaño deseado, hay que dividirlos en varias partes, re-escalarlos y volverlos a reunir después.
________________________________________________________________________________________________________________


21. Símbolos

PHP

html Los símbolos en Fireworks son como los símbolos en Flash. Se crean co la tecla F8, y existen una variedad de símbolos gráficos, botones... en la biblioteca. La escala de 9 guías se puede usar en estos objetos también. Los símbolos son ideales para iconos y otros elementos de interfaz. Además, estos símbolos se pueden copiar y pegar fácilmente en Flash. Las animaciones credas y los botones se pueden también procesar en Flash. Muy conveniente!

css La única característica comparable en PS son los Objetos Inteligentes. En términos de diseño de pantalla, los símbolos tienen muchas mas utilidades que los Objetos Inteligentes. No disponible
________________________________________________________________________________________________________________


22. Propiedades de Símbolo

fireworks

xhtml Gracias a las propiedades de los símbolos, todos sus atributos, como sus valores, estados, etc. pueden ser cambiados.

photoshop No existe - Los cambios son complejos y hay que simularlos.
________________________________________________________________________________________________________________


23. Menus desplegables

HTML5

maquetacion Los menús desplegables tanto horizontales como verticales se pueden hacer con Fireworks, con una serie de pocos clics. Los hay basados en CSS y en Javascript. Muy conveniente!

PHP5 No disponible
________________________________________________________________________________________________________________


24. Comportamientos

css2

CSS3 El panel de comportamientos es muy similar al de Dreamweaver. Con él, se pueden crear eventos Javascript como los rollover, intercambio de imagen, etc.. Muy conveniente!

50 motivos para no usar Photoshop para Diseño Web No disponible
________________________________________________________________________________________________________________


25. Estructuras

PHP

html En Fireworks es posible crear estructuras. Por desgracia, la biblioteca común no tiene estructuras para usarlas como puntos de partida. Fireworks ofrece plantillas para estructuras, que se pueden añadir a la biblioteca común manualmente para poder ser utilizadas en varios documentos. Muy conveniente!

css No disponible
________________________________________________________________________________________________________________




PREPARACIÓN DE LAYOUTS Y GRÁFICOS PARA LA WEB


26. Crear segmentos

fireworks

xhtml Con la herramienta de Crear Segmentos se pueden separar elementos individuales de diseño. El panel de Propiedades permite posicionar o cambiar el tamaño de cada segmento con la precisión del pixel, así como nombrar cada uno de éstos (para poderlos exportar con el nombre adecuado). Los segmentos pueden tener un estatus asignado, como por ejemplo estados de rollover. Estos segmentos se pueden vincular a otras sub-páginas (los nombres de los enlaces se pueden generar en cada página). También se pueden ajustar los atributos de los segmentos que luego se traducen en HTML como por ejemplo el "target", añadir texto alternativo, etc... Antes de exportar se puede ajustar el tipo de propiedad de cada segmento como imagen frontal, de fondo o HTML. Ejemplo (Prototype with MouseOver and Hyperlinks)

photoshop El diseño se puede separar en varios segmentos con la herramienta de segmentación. Las propiedades se pueden ajsutar solamente en cuadros de diálogo separados con bastantes menos opciones.
________________________________________________________________________________________________________________


27. Crear elementos interactivos, Parte 1

HTML5

maquetacion Con la segmentación, las páginas y los comportamientos posible fácilmente definir áreas como elementos interactivos, con efectos de rollover, comportamientos de JavaScript y enlaces. Entonces es posible crear el prototipo perfecto del sitio web para el cliente. Muy conveniente!

PHP5 No disponible
________________________________________________________________________________________________________________


28. Crear elementos interactivos, Parte 2

css2

CSS3 Los segmentos se pueden convertir en HTML, lo que permite insertar elementos interactivos. Esto permite crear prototipos de sitios web totalmente funcionales incluso con animaciones Flash, video, Mapas de Google, etc. Ejemplo (integrated Google Map) Muy conveniente!

50 motivos para no usar Photoshop para Diseño Web No disponible
________________________________________________________________________________________________________________


29. Optimizar gráficos web

PHP

html Para optimizar existe un panel muy práctico de Optimizar. Dentro de este panel existen accesos directos a todas las opciones de optimización para cada fragmento por separado. Este panel esta disponible mientras se maquetan los elementos y se pueden ver de forma inmediata sus resultados en la vista previa.

css Hay que abrir cada vez el cuadro de diálogo de "Guardar para web y dispositivos..."
________________________________________________________________________________________________________________


30. Compresión JPEG y compresión selectiva (especialmente para texto)

fireworks

xhtml Es bien conocido, que Fireworks genera un JPEG de mejor calidad con el mismo tamaño de archivo. Además, es posible crear compresiones selectas para los JPEG en Firewoeks. Hay incluso una opción especial específica para el texto que permite que no se realice compresión. Muy conveniente!

photoshop No disponible
________________________________________________________________________________________________________________


31. Exportar selecciones individuales o segmentos

HTML5

maquetacion Es posible exportar individualmente segmentos o áreas sueltas de un documento de Fireworks. Muy conveniente!

PHP5 No disponible
________________________________________________________________________________________________________________


32. Herramienta de Area interactiva

css2

CSS3 La herramienta de Area Interactiva permite al usuario crear enlaces múltiples dentro de una misma imagen dibujando una región rectangular, circular o poligonal. Muy conveniente!

50 motivos para no usar Photoshop para Diseño Web No disponible
________________________________________________________________________________________________________________


33. Biblioteca URL

PHP

html Los vínculos usados dentro de Firewoeks se pueden guardar en una biblioteca de URL para acceder a ellos rápidamente para reutilizarlos. Muy conveniente!

css No disponible
________________________________________________________________________________________________________________


34. Vista Previa

fireworks

xhtml Fireworks dispone de una pestaña de "vista previa" donde se puede previsualizar la página web con los elementos interactivos, incluyendo estados, gráficos optimizados y efectos de rollover. No hay porqué exportarlos y abrirlos en un navegador para comprobar cómo funcionan. Muy conveniente!

photoshop No disponible
________________________________________________________________________________________________________________


35. Vista previa en el Navegador

HTML5

maquetacion F12 (Alt + F12 en el Mac) genera una versión HTML de la página y la muestra con todos los gráficos optimizados para la web en un navegador. La combinación de teclas Mayúsculas + Alt + F12 va un paso más allá y crea una vista previa de todas las páginas en el navegador. Entonces, se puede hacer clic en los menús, comprobar los estados de MouseOver, ..., y comprobar todas las posibilidades de tus páginas web. Ejemplo (Preview all Pages) Muy conveniente!

PHP5 No disponible
________________________________________________________________________________________________________________




CREAR PROTOTIPOS INTERACTIVOS DE PRUEBA PARA LOS CLIENTES



36. Crear PDFs interactivos

css2

CSS3 Con un simple clic de ratón todas las páginas vinculadas entre sí se pueden exportar como un PDF interactivo. Entonces se puede enviar este PDF interactivo a los clientes, incluyendo toda la navegación. Esto permite una respuesta rápida del cliente mientras se está desarrollando un proyecto. Ejemplo (Interactive PDF)

50 motivos para no usar Photoshop para Diseño Web Debido a que no se puede trabajar con muchas páginas dentro de Photoshop, cada página tiene que exportarse individualmente y combinarlas en un PDF en un proceso por separado. Entonces los enlaces entre las páginas se deben crear manualmente, cosa que es muy costosa en tiempo.
________________________________________________________________________________________________________________


37. Storyboards y Pase de diapositivas

PHP

html Se pueden crear pases de diapositivas Flash con las capturas de pantalla de las páginas web. Esto hace más fácil crear una presentación interactiva de un website. Ejemplo (Slideshow) Muy conveniente!

css No disponible
________________________________________________________________________________________________________________


38. Crear prototipos HTML

fireworks

xhtml Fireworks puede crear páginas HTML con la función exportar HTML. Fireworks crea páginas web basadas en tablas que se pueden luego subir al servidor. Entonces se puede dar al cliente un link, para una vista previa del sitio web durante el proceso de desarrollo. Este proceso va muy bien, hasta tal punto que tendrás que recordar a tu cliente que es un simple prototipo, no el trabajo completamente realizado. Ejemplo (Preview all Pages) Muy conveniente!

photoshop No disponible
________________________________________________________________________________________________________________


39. Prototipo AIR

HTML5

maquetacion Se pueden incluso crear prototipos AIR (Adobe Integrated Runtime). Se comportan como verdaderos widgets, incluyendo el efecto de flotar sobre la pantalla con elementos interactivos. Muy conveniente!

PHP5 No disponible
________________________________________________________________________________________________________________




EXPORTAR PARA PRODUCCIÓN (DESARROLLO WEB)



40. Exportar gráficos para todas las páginas y estados en un solo paso

css2

CSS3 Usando varias opciones como la de "Sólo imágenes", "Capas en archivos", "Estados a archivos" y "Páginas a archivos", se pueden exportar todos los gráficos que necesite para su sitio web de una sola vez.

50 motivos para no usar Photoshop para Diseño Web No disponible
________________________________________________________________________________________________________________


41. Exportación de CSS

PHP

html Con la opción de exportación "CSS e imágenes" es posible exportar archivos HTML y CSS completos para tu sitio web. Esta función es un poco compleja y debería ser optimizada en el futuro por Adobe. Muy conveniente!

css No disponible
________________________________________________________________________________________________________________


42. Favicon

fireworks

xhtml Es posible guardar un gráfico directamente en el formato de favicon que puede ser empleado posteriormente como icono de favoritos en tu sitio web. Muy conveniente!

photoshop No disponible
________________________________________________________________________________________________________________


43. Gestión del Color

HTML5

maquetacion No existe puesto que no se necesita. En Fireworks se crean gráficos en pantalla para la pantalla. No disponible

PHP5 Cuando usas Photoshop tienes que ser muy cuidadoso usando el perfil de color adecuado para tu documento. Disponible
________________________________________________________________________________________________________________


44. Exportar para Biblioteca Dreamweaver

css2

CSS3 Los componentes del sitio web más frecuentes se pueden exportar para usarlos como elementos de biblioteca de Dreamweaver. Muy conveniente!

50 motivos para no usar Photoshop para Diseño Web No disponible
________________________________________________________________________________________________________________


45. Interfaces de Flex

PHP

html Fireworks tiene una categoría de "componentes flex" en su biblioteca general. Esta biblioteca contiene componentes Flex estándar ideales para personalizar los de serie. Muy conveniente!

css No disponible
________________________________________________________________________________________________________________


46. MXML

fireworks

xhtml En las opciones de exportación, existe una opción de exportación en MXML. Junto con la posibilidad de crear componentes de Flex, se puede exportar código MXML directamente desde Fireworks, que es ideal para procesarlo posteriormente como aplicaciones RIA en Flex. Muy conveniente!

photoshop No disponible
________________________________________________________________________________________________________________




INTEGRACIÓN CON SOFTWARE DE ADOBE



47. Integración con Flash

HTML5

maquetacion Es posible llevar gráficos, animaciones y botones creados en Fireworks, copiando y pegando o arrastrando directamente a Flash. Esto también se aplica a cualquier otro elemento gráfico. Fireworks también almacena archivos nativos SWF. Muy conveniente!

PHP5 No disponible
________________________________________________________________________________________________________________


48. Copiar y pegar desde Flash con transparencias

css2

CSS3 Gráficos creados en Fireworks se pueden copiar y pegar fácilmente desde Fireworks a Flash. Todos los efectos de transparencias se conservan. Muy conveniente!

50 motivos para no usar Photoshop para Diseño Web No disponible. Las imágenes se pueden de hecho copiar y pegar a Flash, pero se pierden las transparencias.
________________________________________________________________________________________________________________


49. Trabajo en Equipo

PHP

html Cuando se trabajan en proyectos en equipo se pueden reemplazar las bibliotecas de documentos, símbolos y estilos fácilmente con cualquier otro miembro del equipo de tal modo que todo el mundo trabaje con los mismos elementos y estilos. Muy conveniente!

css No disponible
________________________________________________________________________________________________________________




OTHER



50. Extensiones

fireworks

xhtml Para Fireworks, hay una gran variedad de extensiones, que expanden las posibilidades del programa permitiendo funcionalides adicionales Browse Adobe Fireworks Extensions

photoshop Solo hay unas pocas disponibles
________________________________________________________________________________________________________________




Conclusión: Un asunto a menudo muy revisado a la hora de crear gráficos para pantalla es el numero de veces que el cliente quiere ver o modificar las páginas. Usando una página maestra, los estados, estilos y la biblioteca de Fireworks, se puede cambiar todo el aspecto del sitio web entero en cuestión de segundos. Este proceso lleva varias horas en Photoshop. la comparación de Fireworks y Photoshop es similar a la comparación de Photoshop con InDesign a la hora de maquetar revistas. En diseño web, Photoshop debería ser un sencillo proveedor de imágenes individuales, y no debería usarse para hace recortes o trabajar con brochas y filtros.

Prueba a usar Fireworks para tu próximo proyecto para pantalla. Notarás que es un programa fácil de usar si ya estás familiarizado con el software de Adobe. Trabajarás con mucha más eficiencia, ahorrando tiempo que puedes dedicar a otros proyectos. Entonces podrás sonreir cuando leas artículos del tipo "Photoshop para diseño Web", porque tú sabes más :-)




FUENTE