En este curso de diseno web aprenderemos a plantear una web desde cero: estructura, wireframe, home, paginas clave, responsive y entrega.
A lo largo de diez clases practicas veremos como disenar una web completa desde cero, en tiempo real y paso a paso. El objetivo es entender el proceso de diseno antes de maquetar: que fases seguir, como organizar el contenido y como preparar un trabajo que pueda entender un desarrollador.
Empezaremos con una introduccion al diseno web, sus fases y ejemplos buenos y malos. Veremos que disenar una web no consiste solo en que sea bonita, sino en crear una interfaz que responda al objetivo del proyecto, al usuario y al contenido real.
Despues revisaremos la anatomia de una web y sus claves principales. Antes de abrir Photoshop, necesitamos pensar estructura, jerarquia, navegacion, llamadas a la accion y elementos que deben aparecer en cada tipo de pagina.
Una parte importante sera el esquema funcional de la web. Definiremos que paginas necesitamos y como se relacionan entre ellas, evitando problemas posteriores por haber empezado a disenar sin un mapa claro.
Mas adelante veremos los elementos basicos de Photoshop que usaremos durante el curso y crearemos el wireframe. La reticula, las reglas y la estructura nos ayudaran a validar la distribucion antes de entrar en colores, imagenes o detalles visuales.
En la parte central del curso disenaremos la homepage y despues paginas clave como categorias, ficha de producto, vendedores, carrito, checkout y area de mi cuenta. Asi trabajaremos un caso completo, no solo una pantalla aislada.
Tambien adaptaremos el diseno a movil, entendiendo que el responsive forma parte del proceso y no debe resolverse al final como un parche. Cerraremos con repaso final, presentacion del trabajo y exportacion para entregar al maquetador.
En definitiva, este curso nos ensena a disenar una web completa con criterio, desde el planteamiento inicial hasta las pantallas finales y su entrega. ¡Vamos a ello!
Durante el curso trabajaremos siempre con la idea de que el diseno debe servir al contenido. No se trata de encajar textos dentro de una plantilla bonita, sino de crear una estructura que ayude al usuario a entender, comparar, decidir y avanzar por la web.
Tambien veremos como presentar el diseno para que el cliente o el maquetador entiendan las decisiones tomadas. Una buena entrega no es solo un archivo bonito, sino una documentacion visual clara de estados, paginas, responsive y prioridades.