En esta segunda parte del tutorial “Diseño de interfaz web con Photoshop y Dreamweaver”, voy a explicar cómo construir el HTML con la CSS lo más optimizado posible.
En Photoshop:
Bien, lo primero que debemos hacer es determinar cómo queremos los aspectos básicos del layout, en este caso tenemos que decidir si queremos ancho fijo o variable y si queremos la página centrada o no. Vamos a hacerla con ancho fijo y centrada.
Lo siguiente es observar es observar la interfaz que teníamos y analizar la primera dificultad…
He encontrado en YouTube este proyecto de Kutiman llamado Thru You. Lo que hacen es utilizar cientos de vídeos en You Tube para crear estas composiciones buenísimas en distintos estilos. Pongo uno de muestra:
Este tutorial explica cómo crear una interfaz web, optimizada para XHTML + CSS. Para ello, nos basamos en lo anteriormente visto en clase de Tecnologías Aplicadas al Diseño Gráfico (TADG), o lo que es lo mismo, debemos tener conocimientos de XHTML y CSS como para poder desarrollar una web bajo la normativa del W3C. Para los ajenos a la clase, recomiendo el Tutorial de XHTML y CSS de Lady Benko, o que busque “todos sabemos dónde”, que hay mucho y buen material.
Asímismo, también se deben tener conocimientos de Photoshop, puesto que aquí sólo voy a explicar el uso de Photoshop para el diseño web. Anticipándome a posibles críticas, diré que el famoso programa de Adobe ha visto mermada su aplicación para web, anteriormente iba acompañado de Image Ready, que asumía las carencias de Photoshop en este sentido, pero tras la adquisición de Macromedia, el que prevalece es Fireworks, lo que es lógico, pues no existe otro programa (mi punto de vista) como éste para el diseño de interfaces. Y aunque esto sea así, no deja de ser cierto que Photoshop sea muy usado para estos menesteres, así que hay que explicarlo.
José Manuel Cortés (profesor de Diseño Gráfico) ha colgado un post con consejos muy prácticos sobre seguridad con los virus que se extienden a través de los pendrives en nuestra escuela. Artículo de J M Cortés
Una aplicación online para hacer presentaciones de una manera fácil y con resultados impactantes. Para todos aquellos/as que las hacen con Power Point, pueden plantearse el uso de Prezi.
En YourPackagingSource.com, puedes encontrar una buena cantidad de plantillas para utilizar en tus diseños de packaging/ embalaje. Hay carpetas, cajas, displays, sobres para multimedia, etc. en formato PDF vectorial con instrucciones y troqueles, directo para imprimir.
Muy bueno para los alumnos que ahora estais con el Proyecto Final de Carrera.
Otra sobre la compañía Idée. Otra aplicación que están desarrollando, y lo digo porque está en versión beta a día de hoy, es una que busca imágenes iguales (o parecidas) a la que le indica el usuario y muestra los resultados encontrados en toda la Web.
La compañía Idée, ha desarrollado una aplicación online para hacer búsquedas utilizando la API de Flickr. La particularidad es que los resultados mostrados se basan en una selección de colores que realiza el usuario, tanto uno como varios colores combinados.
Este juego, realizado en Flash por Morisawa and Company, es muy interesante y puede serviros para explotar vuestra creatividad, por lo intuitivo de su manejo, pero también porque hay movimientos que se controlan y aportan composiciones que racionalmente no se habrían encontrado.
