Programas diseño
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.
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
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.
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
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.
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
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.
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.
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
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.
-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

Programas

  • 1.
  • 2.
    Adobe Fireworks Setrata 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 enel 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 Illustratores 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: · Manejode 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 Flashes 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: · Contenidomultimedia 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 Photoshopes 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: · Obligatoriotenerlo 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 AdobeInDesign 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 envarias 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