2. Adobe Fireworks
Se trata del programa por excelencia para el diseño web. Está
creado para tal propósito e incluye herramientas enfocadas únicamente
a web que ningún otro programa de tratado vectorial incluye. El manejo
y edición de objetos es extremadamente rápido, pudiéndonos olvidar,
en muchos casos, del uso de capas o simplificar su uso a agrupar
conjuntos, más que a manejar mediante ellas los objetos individuales
como haríamos en otros programas (photoshop, illustrator).
Fireworks permite también la edición de imagen básica, pudiendo
recortar imágenes, aplicarle filtros u efectos sin tener que irnos a otra
aplicación.
Otro punto importante y que demuestra la potencia de Fireworks para el
diseño web, es su posibilidad de manejar estados de un mismo objeto.
Por ejemplo, si tenemos un botón pues poder indicarle el estado de
reposo, activo, visitado... y poder comprobarlo en vivo.
3. Pros:
·Rapidez en el manejo de objetos.
·Muchas opciones únicas para web
·El formato PNG
Contras:
·Hasta la versión CS4 es inestable
·Interfaz no tan cuidada como otras suites de adobe, aunque en la
CS5 se ha igualado un poco más
4. Adobe Illustrator
Illustrator es un programa enfocado sobre todo a la ilustración.
Sus potentes herramientas vectoriales lo avalan, y su versatilidad a la
hora de mover grandes cantidades de vectores lo confirman.
No obstante, muchos diseñadores lo usan para la creación web, y no
es una mala opción ya que al igual que con Fireworks, el manejo de
muchos objetos individuales y diferentes se hace bastante fácil y
rápido.
Illustrator es el perfecto programa de ilustración vectorial y un buen
programa de diseño web. Carece de herramientas específicas para
web, pero por otra parte es posible que no las necesitemos si vamos a
hacer un diseño no muy complejo.
5. Pros:
· Manejo de páginas en un mismo documento
· Compatibilidad con photoshop
· Más herramientas de manipulación vectorial
Contras:
· Formato .ai más pesado y cerrado
· Sin herramientas específicas para web
· El incrustado de imágenes
6. Adobe Flash
Flash es una herramienta más enfocada al mundo de la
animación e interacción que al diseño web propiamente dicho. Durante
el boom de flash se usó a diestro y siniestro para crear webs hiper-interactivas
e hiper-animadas en las que la mayoría huían del diseño
usable y fácil, decantándose por la espectacularidad. Hoy gracias a
dios esa no es la tendencia y muchas empresas y han migrado sus
espectaculares y estrambóticas webs hechas en flash a códigos de
programación estándares y accesibles.
Flash es una excelente herramienta para añadir contenido multimedia
extra a nuestro diseño, y un potente programa para crear una web
totalmente interactiva y animada. Pero incompatible con algunos
navegadores y siempre dependeremos de que la gente tenga que
tener instalado flash en el navegador.
7. Pros:
· Contenido multimedia e interactivo
· Ilustración vectorial con estilo distinto
· Facilidad de uso para crear animaciones
Contras:
· Incompatible con algunos navegadores
· Necesidad de instalar flash para visualizar la web
8. Adobe Photoshop
Photoshop es un programa de retoque de imagen y todas sus
herramientas están enfocadas a ello. Tiene herramientas vectoriales
básicas, pero igualmente están más enfocadas al uso sobre imágenes.
También dispone de opciones de exportado a web generando
automáticamente el código completo de un diseño a html y css, pero el
resultado no suele ser el perfectamente esperado, siempre habrá que
reajustar.
Por otra parte, Photoshop es el perfecto compañero de cualquiera de los
programas anteriores, ya que nos servirá para el retoque de cualquier
imagen que vayamos a incluir en nuestro diseño, añadir efectos o dar los
últimos retoques al diseño final.
Con photoshop vas a poder diseñar una web completa, pero no lo harás con
la flexibilidad y rapidez de los primeros tres programas. Es un programa de
retoque fotográfico y deberás tenerlo para complementar los anteriores pero
no como programa de diseño web principal.
9. Pros:
· Obligatorio tenerlo como complemento.
· Puede generar maquetas html/css de un diseño.
· Añadir efectos o mejorar las imágenes de nuestro diseño.
Contras:
· No está pensado para diseñar webs.
· El manejo de objetos es muy lento ya que debemos recurrir a las
capas.
· Complejidad en modificar objetos en vivo.
10. Adobe Dreamweaver
Pros:
·La gran ventaja de este editor sobre otros es su gran poder de ampliación
y personalización del mismo, puesto que en este programa, sus rutinas (como la
de insertar un hipervínculo, una imagen o añadir un comportamiento) están
hechas en Javascript-C, lo que le ofrece una gran flexibilidad en estas materias.
·Como editor WYSIWYG que es, Dreamweaver permite ocultar el código HTML
de cara al usuario, haciendo posible que alguien no entendido pueda crear
páginas y sitios web fácilmente sin necesidad de escribir código.
·Un aspecto de alta consideración de Dreamweaver es su funcionalidad con
extensiones. Es decir, permite el uso de “Extensiones”. Las extensiones, tal y
como se conocen, son pequeños programas, que cualquier desarrollador web
puede escribir (normalmente en HTML y Javascript) y que cualquiera puede
descargar e instalar, ofreciendo así funcionalidades añadidas a la aplicación.
Contras:
- Precio demasiado alto
- Interfaz confusa
- Falta de código
- Espacio en el disco duro
11. Adobe InDesign
Adobe InDesign es un programa informático utilizado para el diseño de
documentos que eventualmente vas a imprimir de manera estándar o quieres
visualizar en línea. Comúnmente se usa para paginar periódicos, revistas y otros
materiales de publicación. Puedes realizar una gran variedad de trabajos con
InDesign, dando como resultado un producto terminado de aspecto profesional.
12. -Puedes trabajar en varias hojas a la ves sin que el peso del programa aumente
demasiado.
-Existen las paginas maestra que hacen más rápida la elaboración de revistas (por
ejemplo para titulos o enumeración de paginas, solo lo colocas una ves en la pagina
maestra en ves de colocar en todas las paginas).
-Tiene herramientas para vectorizar, ideales para esos logos que están un poco
borrosos o en mala calidad.
-Puedes exportar en diferentes formatos, JPG, PDF, GIF, etc.
-Te da la opción de hacer un package, que es guardar todo, desde el documento, las
imágenes hasta las tipografías en una carpeta, asi al momento de mandarlo a la
imprenta ellos cuentan con todos las herramientas que utilizaste.
-Tiene los efectos (fx) del photoshop, solo que de una manera mas sencilla.-Puedes
modificar el ancho, la altura, el interlineado, el espaciado entre letras, etc.
-Puedes importar todo tipo de imágenes