Diseño web: Be Responsive!
Un curso de Francisco AveledoDiseñador web
Un curso de Francisco Aveledo, Diseñador web
Aprende a diseñar tu portfolio web responsive
El mundo web se mueve en responsive para que se pueda ver tanto en mobile, tablet como en desktop, por ello, Francisco Aveledo de FA Design, te enseñará a diseñar una web original o tu propio portafolio, desde el concepto hasta su preparación para que un programador la haga realidad.
Mediante la realización de tu propio portafolio online, aprenderás los pasos más básicos para diseñar webs hasta dejar el fichero preparado para el programador, y además te adentrarás en el 'Responisve Web Design', el método más usado actualmente que permite que tu diseño se adapte a todos los dispositivos.
Desmárcate de los típicos portafolios prediseñados creando el tuyo desde cero y da tus primeros pasos en el diseño web.
¿Qué aprenderás en este curso online?
17 lecciones & 23 recursos adicionales
Inspiración
7 minutos, 22 segundos
Responsive Web Design
6 minutos, 31 segundos
Organizar el contenido
4 minutos, 24 segundos
Wireframing
9 minutos, 55 segundos
La retícula (Grid system)
4 minutos, 39 segundos
Concepto gráfico
4 minutos, 49 segundos
¿Qué incluye este curso?
Para empezar la aventura de crear tu site, FA Design te hará una introducción al diseño web y los portfolios online, con una explicación sobre el ‘Responsive Web Design’ donde conocerás porqué actualmente ésta es la manera más común de diseñar webs. A continuación, organizarás el contenido del portfolio web y harás los bocetos en papel sobre la arquitectura de la información, básicamente unos ‘wireframes’ hechos a mano. Para este propósito, usarás una retícula como base del diseño; esto te ayudará a mantener una lógica a nivel estructural y será de gran utilidad para el programador que vaya a montar el sitio.
Practicarás un verdadero proceso de trabajo con todas las claves para que la web sea fluida y fácil de utilizar. Para finalizar, verás algunos consejos sobre cómo preparar los ficheros de Photoshop para luego ser usados por un programador, será él quien le dé vida al diseño. También recibirás consejos sobre cómo promocionar la web una vez esté montada y en línea.
Software y herramientas recomendados para este curso
¿Cuál es el proyecto del curso?
El proyecto final del curso consistirá en crear el diseño visual de un portfolio web para que un programador la haga realidad. Empezarás desde la concepción de la idea hasta la preparación de los ficheros que puedan ser utilizados por un programador para montar la web posteriormente.
Los portfolios web no suelen ser sitios complejos y es un proyecto muy útil para cualquier creativo, perfecto para iniciarse en el área del diseño responsive para que se vea desde cualquier dispositivo (móvil, tablet o desktop).
Proyectos de estudiantes del curso
¿A quién está dirigido este curso online?
Este curso va dirigido principalmente a creativos en general que quieran dar sus primeros pasos en el mundo del diseño web. También puede ser útil para algunos programadores que necesitan indagar más en la fase creativa de sus proyectos.
Requisitos y materiales
Para realizar este curso necesitarás principios básicos de diseño gráfico, una libreta para dibujar y un nivel medio de Photoshop. No es necesario tener conocimientos de diseño web, simplemente una idea básica con la experiencia de navegar por internet.
Opiniones
- hace 10 meses
Me ha gustado, es sencillo.
- hace 1 año
La explicación que tiene es muy concreta y precisa haciendo entender todo el contenido de manera correcta y así mismo incitando a el aprendizaje autónomo
- vidhyaprabhu14PLUShace 2 años
I loved the grid system in this topic. Love to know more about it
- hace 2 años
Buenísimo.
- hace 3 años
Excelente
Siempre me ha apasionado el diseño digital, aunque también aprecio mucho la parte tradicional del diseño, ya que tuve la oportunidad de aprender ambas cosas. Desde que estudiaba diseño me gustaba la idea de diseñar para la pantalla, de organizar contenido y mostrarlo de forma eficiente. He trabajado en muchísimos proyectos, tanto webs, como impresos, motion y otras superficies digitales como son aplicaciones de servicios de televisión digital.
Contenidos
- U1
Introducción al Diseño Web
- FA Design y el diseño web
- Bases del diseño web
- Inspiración
- Responsive Web Design
- U2
Arquitectura de la información
- Organizar el contenido
- Wireframing
- La retícula (Grid system)
- U3
Concepto y diseño visual
- Concepto gráfico
- Construir la web
- Definir los elementos gráficos
- Variaciones fondos
- Definir instancias
- Diseñar el resto de pantallas
- Definir las funciones Responsive
- U4
Preparar los archivos para el programador
- El programador
- Limpiar y organizar
- Promocionar tu web
- PF
Proyecto final
- Diseño web: Be Responsive!
Qué esperar de un curso de Domestika
Aprende a tu ritmo
Disfruta aprendiendo desde casa, sin horarios y a tu ritmo. Tú decides cuándo seguir con cada unidad.
Aprende de los mejores profesionales
Aprende los métodos y técnicas más útiles con los mejores profesionales del sector creativo.
Conoce a profesores expertos
Cada profesor te transmitirá sus conocimientos con pasión, ofreciéndote explicaciones claras y una perspectiva profesional en cada lección.
Certificados
PLUSSi eres Plus, obtén un certificado personalizado y firmado por tu profesor. Compártelo en tu porfolio, en las redes sociales o donde quieras.
Ponte en primera fila
La alta calidad de los vídeos permitirá que no te pierdas ni un solo detalle. Gracias al acceso ilimitado, podrás ver las lecciones todas las veces que necesites para perfeccionar tus habilidades.
Comparte conocimientos e ideas
Pregunta, pide opinión y ofrece soluciones. Comparte tu experiencia de aprendizaje con otros estudiantes de la comunidad tan apasionados por la creatividad como tú.
Conecta con una comunidad creativa global
Esta comunidad cuenta con millones de usuarios de todo el mundo, personas curiosas y con ganas de explorar y expresar su creatividad.
Realiza cursos profesionalmente producidos
Domestika selecciona cuidadosamente los profesores y produce cada curso internamente para garantizar una experiencia de aprendizaje online excelente.
Preguntas frecuentes
Aprenderás a estructurar páginas web, utilizar retículas, crear menús, diseñar cabeceras y pies de página, aplicar diseño responsive, organizar contenido con wireframes y preparar archivos para desarrolladores, enfocándote en portafolios profesionales y sitios visualmente atractivos.
El curso es de nivel intermedio. Es ideal si ya tienes conocimientos básicos de diseño web o experiencia previa con herramientas de diseño gráfico como Photoshop.
Necesitas conocimientos básicos de diseño digital y manejo de programas como Photoshop. Se recomienda familiaridad con conceptos de diseño web y navegación en internet.
El curso te guía paso a paso en la estructuración, diseño visual y organización de proyectos para un portafolio web, usando ejemplos reales y técnicas de inspiración para destacar tu trabajo online.
Se utilizan principalmente Photoshop y herramientas online para creación de retículas, simuladores de dispositivos y wireframes a mano o digitales.
Sí, aprenderás a crear estructuras flexibles, adaptar menús, columnas y contenido según el dispositivo, y verificar la visualización responsive usando herramientas y simuladores.
Aprenderás a aplicar retículas de columnas y wireframes para distribuir y jerarquizar contenido, logrando una estructura visual coherente y fácil de navegar.