Herramientas de Diseño Web

1. Herramientas de diseño web Herramientas de Diseño Web José Ala-Vedra

2. Herramientas de diseño web Índice • Adobe Photoshop • SmartArt de Diseño Web • URL2PNG • Favicon Generator • Video Diseño Web • Shrink O Matic • Bibliografía

3. Herramientas de diseño web Adobe Photoshop Es el programa de diseño gráfico más vendido de todo el mundo, en más de 100 idiomas. Pero no quiere decir que es bueno por ello, ni por el marketing que existe en torno a este software, sino que en su plataforma ofrece diversas herramientas muy específicas para poder editar cada elemento de una imagen digital. Este programa forma parte del paquete de Adobe denominado Adobe Creative Suite, que a su vez contiene también el Illustrator, InDesign, Flash, Acrobat Pro, Dreamweaver, entre otras herramientas útiles. Este software se utiliza principalmente para realizar retoques fotográficos, pero también es muy usado para la realización de diseños web, y para la creación de cualquier tipo de diseño gráfico que puede incluir una tarjeta de presentación o un panfleto.

4. Herramientas de diseño web SmartArt de Diseño Web

5. Herramientas de diseño web URL2PNG Esta herramienta me ha gustado mucho, ya que la he utilizado mucho tiempo, debido a que yo utilizo ordenadores con pantallas muy chicas, y esto me permite ver como se ve un sitio web sin necesidad de estar bajando la ruedita. Gracias a esta herramienta nosotros únicamente tendremos que brindar la dirección del sitio web que necesitemos hacer una captura de pantalla, y obtendremos una imagen total del sitio en formato .PNG. Es una aplicación web muy útil para los diseñadores gráficos que se dediquen a elaborar diseños de páginas web, ya que obtendrán una imagen preliminar sin importar el sistema operativo o el navegador que estén utilizando. Además es de uso gratuito.

6. Herramientas de diseño web Favicon Generator • También he utilizado mucho esta aplicación web para agregar un poco más de detalle a mis sitios web. Con esta herramienta podremos crear nuestros propios favicon, que son las imágenes miniatura que se ven aun lado de la dirección de nuestro sitio (la posición de estas imágenes depende el navegador que estemos utilizando). Esta aplicación nos permite crear nuestras propias imágenes a través de un pincel y una paleta de colores, y luego exportar el trabajo en formato .ICO y en el tamaño que corresponde (16×16). Además también tenemos la posibilidad de utilizar otras imágenes en distintos formatos (.jpg, .png, .gif), y gracias a esta aplicación podremos convertirlas en formato .ICO y en el tamaño que debe llevar un favicon. Es una herramienta muy útil para aquellos diseñadores que se dedican a embellecer un sitio web.

7. Herramientas de diseño web Video de Diseño de Web • http://www.youtube.com/watch?v=2JOANNZPKKg

8. Herramientas de diseño web Shrink O’Matic A mi entender es una de las herramientas que más les gusta a los diseñadores web. Adobe viendo la necesidad de las personas en que constantemente intentan adaptar el tamaño de las imágenes para reproducirlas desde distintos reproductores multimedia, como así también plasmarlas en ciertos lugares, como ser en la cabecera de un sitio web (header), creó una aplicación basada en Adobe AIR, mediante la cual podremos cambiar el tamaño de las imágenes que volquemos a este programa de escritorio respetando las proporciones. El creador de Photoshop constantemente ofrece nuevas herramientas que facilitan la vida de los diseñadores gráficos, en esta oportunidad Shrink O’Matic es la que evitará que tengas que abrir pesados programas de edición de fotografías por el solo hecho de cambiar el tamaño a una imagen.

9. Herramientas de diseño web Bibliografía • http://www.forodelwebmaster.com/389/10-herramientas-relevantes-para-un-disenador-grafico/