Cursos relacionados
Gratis
179 €
Gratis
Gratis
Aprende a diseñar y maquetar páginas responsive de manera sencilla.
Existen muchas herramientas para diseñar una web, pero una de ellas es la más completa para hacerlo, y no es otra que Adobe Photoshop. En este Domestika Basics de 6 cursos, Arturo Servín —diseñador gráfico especializado en diseño web y Adobe Certified Instructor— te enseñará paso a paso a utilizar Photoshop para diseñar y maquetar sitios web responsive de manera sencilla y sin complicaciones.
Si el nombre del profesor te suena, es probable que sea por su primer Domestika Basics: Introducción a Adobe XD para aplicaciones móviles, donde comparte sus conocimientos para diseñar apps desde cero para iOS y Android.
Comenzarás este curso conociendo los principios básicos del programa: desde aprender a configurar la interfaz hasta crear nuevos documentos para empezar a dar forma a tu sitio web para diferentes dispositivos.
Después, aprenderás a diagramar tu web utilizando las guías y guías inteligentes, las cuales te permitirán crear una retícula para definir el layout y la estructura de todas las secciones de tu página.
Continuarás el tercer curso con el orden como protagonista. Verás cómo funcionan las capas para mantener ordenados todos los elementos y conocerás las diferentes opciones para posicionar los objetos, optimizando así el funcionamiento de tu diseño web.
En el cuarto curso te adentrarás de lleno en el mundo de la tipografía para pantallas. Descubrirás cuáles son las tipografías óptimas para la web y aprenderás a editar los textos para darles formato y estilo con las herramientas de Photoshop.
Seguidamente, Arturo te explicará todo lo que necesitas saber sobre el diseño responsive. Así, sabrás cómo optimizar el formato de tu página web dependiendo del modelo del móvil o tableta, conservando tu diseño intacto, siempre adaptado a cualquier dispositivo.
Emagister S.L. (responsable) tratará tus datos personales con la finalidad de gestionar el envío de solicitudes de información y comunicaciones promocionales de formación con tu consentimiento. Ejerce tus derechos de acceso, supresión, rectificación, limitación, portabilidad y otros, según se indica en nuestra política de privacidad.
Requisitos
Un ordenador con Windows 10 o macOS 10.12 Sierra (o superior). Adobe Photoshop CC (puedes comprarlo o descargar la versión de prueba de 7 días en la página web de Adobe). Se recomienda disponer de una tableta gráfica.
Temario completo de este curso
Curso 1 – Principios básicos
U1
Bienvenida
Bienvenida
U2
Interfaz de Adobe Photoshop para diseño web
Interfaz de Adobe Photoshop para diseño web
U3
Nuevo documento para web, móvil y otros dispositivos
Nuevo documento para web, móvil y otros dispositivos
U4
Medidas generales de un sitio web
Medidas generales de un sitio web
U5
Práctica: Crea las medidas generales de pantalla de un sitio web
Práctica: Crea las medidas generales de pantalla de un sitio web
Curso 2 – Diagramación del sitio web
U1
La ventaja de usar líneas guía
La ventaja de usar líneas guía
U2
Retículas para el diseño de un sitio web en ordenador
Retículas para el diseño de un sitio web en ordenador
U3
Retículas para el diseño de un sitio web en móvil
Retículas para el diseño de un sitio web en móvil
U4
Diagrama gráfico general de un sitio web
Diagrama gráfico general de un sitio web
U5
Práctica: Genera la estructura general de diseño de tu sitio web
Práctica: Genera la estructura general de diseño de tu sitio web
Curso 3 – Trabajando con capas
U1
Editando las capas
Editando las capas
U2
Grupos de capas
Grupos de capas
U3
Objetos incrustados VS. objetos enlazados
Objetos incrustados VS objetos enlazados
U4
Objetos inteligentes
Objetos inteligentes
U5
Formas
Formas
U6
Alineación de elementos
Alineación de elementos
U7
Práctica: Diseña la página de inicio de tu sitio web
Práctica: Diseña la página de inicio de tu sitio web - Parte 1
Práctica: Diseña la página de inicio de tu sitio web - Parte 2
Curso 4 – La tipografía
U1
Tipografías para diseño web
Tipografías para diseño web
U2
Herramientas tipográficas
Herramientas tipográficas
U3
Estilos de caracter
Estilos de caracter
U4
Estilos de párrafo
Estilos de párrafo
U5
Navegación en ordenador VS. navegación en móvil
Navegación en ordenador VS. navegación en móvil
U6
Práctica: Diseña el menú de navegación de tu sitio web
Práctica: Diseña el menú de navegación de tu sitio web - Parte 1
Práctica: Diseña el menú de navegación de tu sitio web - Parte 2
Curso 5 – Diseño responsivo
U1
Diferentes marcas, diferentes pantallas
Diferentes marcas, diferentes pantallas
U2
Ajustando el diseño a tabletas
Ajustando el diseño a tabletas
U3
Ajustando el diseño a móviles
Ajustando el diseño a móviles
U4
Vertical VS. horizontal
Vertical VS. horizontal
U5
Práctica: Ajusta el diseño de tu sitio web para tableta y móvil
Práctica: Ajusta el diseño de tu sitio web para tableta y móvil
Curso 6 – Generar recursos
U1
La diferencia entre JPG, PNG y SVG
La diferencia entre JPG, PNG y SVG
U2
Exportar una imagen para web
Exportar una imagen para web
U3
Exportar un estilo CSS de un objeto
Exportar un estilo CSS de un objeto
U4
Exportar un estilo CSS tipográfico
Exportar un estilo CSS tipográfico
U5
Generar recursos desde una capa
Generar recursos desde una capa
U6
Generar recursos desde un grupo de capas
Generar recursos desde un grupo de capas
U7
Multiformatos en un clic
Multiformatos en un clic
U8
Práctica: Genera los recursos de tu sitio web
Práctica: Genera los recursos de tu sitio web
Gratis
Gratis
Gratis
Gratis
260 €