Diseño web: Be Responsive!

Un curso de Francisco Aveledo
Diseñador web. Villanueva y Geltrú, España.
Se unió en septiembre de 2009
, Diseñador web

Aprende a diseñar tu portfolio web responsive

  • 90% valoraciones positivas (252)
  • 3279 estudiantes
  • Audio: Español
  • Español, Inglés, Portugués

Aprende a diseñar tu portfolio web responsive



  • 90% valoraciones positivas (252)
  • 3279 estudiantes
  • 17 lecciones (1h 49m)
  • 23 recursos adicionales (12 archivos)
  • Online y a tu ritmo
  • Disponible en la app
  • Audio: Español
  • Español, Inglés, Portugués
  • Nivel: Iniciación
  • Acceso ilimitado para siempre


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?

Tabla de contenidos del curso

  • U1
    U1. Introducción al Diseño Web
  • U2
    U2. Arquitectura de la información
  • U3
    U3. Concepto y diseño visual
  • U4
    U4. Preparar los archivos para el programador
  • PF
    PF Proyecto final
Ver detalle

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.

¿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.


Valoraciones

3279 Estudiantes
252 Valoraciones
90% Valoraciones positivas

Francisco Aveledo

Un curso de Francisco Aveledo

Profesor Plus
Diseñador web

Mi nombre es Francisco Aveledo y trabajo como diseñador gráfico bajo el nombre de FA Design. Mi especialidad es el diseño web y la imagen corporativa aunque abarco otras áreas del diseño. Llevo más de 15 años dedicándome al diseño, muchos años en estudios y los últimos 6 años por cuenta propia.

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
    Plus

    Si eres Plus o PRO, 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

Los cursos de Domestika son unas clases online que te permiten aprender una serie de herramientas y habilidades para realizar un proyecto concreto. Cada paso del proyecto combina vídeos y textos junto a materiales didácticos complementarios. Los cursos también te ofrecen la oportunidad de compartir tus propios proyectos con otros estudiantes y con el profesor, creando así una comunidad en torno al curso.

La modalidad de los cursos es 100% online, por tanto una vez estén publicados, los cursos empiezan y acaban cuando tú quieras. Tú marcas el ritmo de la clase. Puedes volver a ver lo que te interese, pasar lo que ya te sepas, hacer preguntas, resolver dudas, compartir tus proyectos y mucho más.

Los cursos se dividen en diferentes unidades, cada una de ellas incluye lecciones, textos explicativos, tareas y prácticas para llevar a cabo tu proyecto paso a paso, recursos y documentos adjuntos complementarios. También tendrás acceso a un foro exclusivo donde puedes interactuar con todos los estudiantes del curso y el profesor, así como compartir tus trabajos y el proyecto que realices, creándose de esta manera una comunidad en torno al curso.

Puedes canjear un curso que te han regalado accediendo a la página de canjeo donde podrás introducir el código de regalo que te han proporcionado.

Si eres Plus o PRO, cuando completes el curso recibirás tu certificado personalizado al instante. Puedes ver todos tus certificados yendo a la sección Certificados de tu perfil. Podrás descargar los certificados en PDF y compartir el enlace online. Saber más sobre los certificados
Diseño web: Be Responsive!. Un curso de Diseño Web y App de Francisco Aveledo

Diseño web: Be Responsive!

Un curso de Francisco Aveledo
Diseñador web. Villanueva y Geltrú, España.
Se unió en septiembre de 2009
  • 90% valoraciones positivas (252)
  • 3279 estudiantes