Tengo 24 años y no tengo conocimientos de diseño web, pero quiero aprenderlo. No tengo ni idea de por dónde empezar. ¿Qué debo hacer primero para construir mis conceptos básicos?

El diseño web y la programación web son dos cosas muy diferentes. Supongo que entiendes la diferencia.

El diseño web es algo en lo que se trabaja en el aspecto estético, de usabilidad y accesibilidad de una página web.

Programación web es donde se trabaja sobre cómo se genera y sirve de manera eficiente una página web. Este lugar está lleno de protocolos, lenguajes de programación y otras aplicaciones informáticas y de ingeniería.

Para comenzar rápidamente, te recomendaría seguir los siguientes pasos:

Paso 1 :

Una comprensión básica de HTML5, CSS3, JavaScript. Luego, profundice en la creación de páginas web utilizando marcos como Twitter Bootstrap y Zurb Foundation utilizando los temas y las plantillas disponibles para estos marcos. Esto te mojará los pies en cosas como los diseños web Responsive.

Paso 2:

Aprenda los conceptos básicos de diseño gráfico, tipografía, usabilidad, accesibilidad y arquitectura de la información y utilice su aprendizaje para comprender cómo funcionan las técnicas de estos campos en los sitios web populares. Esto le dará una buena comprensión de cómo se debe traducir exactamente el aprendizaje de estos campos cuando diseñe una página web.

Recomiendo estos 3 libros para empezar

  1. Los principios del diseño web hermoso
  2. No me hagas pensar: un enfoque de sentido común para la usabilidad web
  3. Cómo entender cualquier desorden: la arquitectura de la información para todos

Estos libros no son de ninguna manera los únicos para comenzar. Hay muchos buenos recursos en Internet y más libros de este tipo. Pero estos libros deberían ayudarte a desarrollar un buen gusto.

Paso 3:

Sigue explorando tantos diseños como sea posible. Esto es para entender cómo los mejores diseñadores de todo el mundo están utilizando técnicas de estos campos. Trate de comprender su proceso de pensamiento, improvisaciones, etc. para crear finalmente su propio estilo que sea original y que se ajuste a las mejores prácticas.

Y al igual que con todas las disciplinas, debe seguir avanzando en sus habilidades al esforzarse más en cada uno de los temas anteriores. Por ejemplo, aprenda SCSS, extiéndase al primer proceso de diseño móvil, etc.