1. ¡Bienvenidos al curso de diseño de páginas web gratis!
Así que quieres convertirte en un diseñador web, pero no tienes ni idea de por dónde empezar ni sobre cómo se diseña una página web. ¡No te preocupes! No es tan difícil como parece, aunque requiere tiempo y esfuerzo para aprender. En este curso, te guiaré a través de los pasos básicos para convertirte en un diseñador web. Aprenderás un montón de cosas, por ejemplo, la diferencia entre diseño de UI y UX o sobre cómo entender los briefings de proyectos y crear wireframes. Aprenderás sobre la tipografía, el color, el espaciado, las dimensiones y el uso de imaginería.
Este curso sobre fundamentos del diseño web también tiene una parte práctica que puedes realizar para consolidar todo lo aprendido en él. A través de ella aprenderás a emplear algunos de los patrones más habituales en el diseño web creando un sitio web de portafolio.
2. Proyecto y parte práctica del curso de diseño web gratis
Bien, como he mencionado anteriormente, en este curso de diseño de páginas web gratis trabajaremos con un proyecto de demo y tareas prácticas que puedes realizar. No lo concibas como deberes para casa porque a nadie le gustan, tómatelo como una oportunidad de poner en práctica lo aprendido durante el curso, ¿te parece bien?
Así que, permíteme empezar con el proyecto del curso de diseño de páginas web gratis y después hablaremos un poco sobre las tareas.
3. Diseño UI vs. diseño UX vs. Diseño Web
Veamos qué significan todos estos acrónimos. UI, UX, diseñador web… ¿De qué tratan? ¿En qué se diferencia un diseñador UI de un diseñador UX? ¿Son ambos diseñadores web o es esto último algo totalmente distinto? Descubrámoslo.
Fundamentos del diseño web: Briefings, wireframes y herramientas del proyecto
4. Aprender a trabajar con los briefings de proyecto
Cada proyecto de diseño web debería empezar por el diseño UX, ¿cierto? La experiencia de usuario, porque en eso es en lo que nos vamos a centrar. Antes incluso de pensar en las fuentes y los colores, necesitamos tener una clara estructura del contenido y debemos saber para quién estamos diseñando.
Y aquí es donde resulta realmente útil un briefing de proyecto. Así que para esta aplicación, imaginemos que somos el diseñador UX y que acabamos de tener una charla con el cliente. Basándonos en ella hemos elaborado un briefing de proyecto.
5. Trabajar con wireframes
Vale, hablemos sobre wireframes. Estos son versiones de baja fidelidad del diseño final. Puedes concebirlos como bocetos.
El objetivo de un wireframe consiste en presentar el contenido final así como su estructura. Pero, haciéndolo de tal manera que obviamos cualquier decisión estética. Esto significa que un wireframe no tiene en cuenta los colores, las tipografías o los espacios. Versa totalmente sobre el contenido, cómo fluye y cómo está organizado este.
Volviendo ahora a nuestro proyecto, y siguiendo con la parte del diseño de la UX. Estamos buscando todavía cosas como la perspectiva del usuario y dado que tenemos un briefing de proyecto listo, podemos empezar con el wireframe.
Para ahorrar algo de tiempo para este tutorial de diseño web, hemos avanzado y creado el wireframe para explicártelo.
6. Seleccionar la herramienta de diseño adecuada
Bien, como estamos entrando poco a poco en la parte del diseño UI de este curso diseño web gratis, es el momento de decidir qué software usar en adelante, y estoy seguro de que es una de las principales preguntas que te estarás haciéndote como principiante.
Y, aunque es relativamente sencillo aprender a usar software de diseño UI, siempre resulta útil aprender sus ventajas y desventajas antes de empezar de forma que tengas la mejor información disponible cuando tomes la decisión.
