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.
En el último curso aprenderás a generar recursos para tu página, verás formatos para exportar el archivo, crearás estilos CSS, entre otros recursos que tienen como objetivo perfeccionar y mejorar el armado de tu página web con el equipo de desarrolladores.
- Bienvenida
- Interfaz de Adobe Photoshop para diseño web
- Nuevo documento para web, móvil y otros dispositivos
- Medidas generales de un sitio web
- Práctica: Crea las medidas generales de pantalla de un sitio web
- La ventaja de usar líneas guía
- Retículas para el diseño de un sitio web en ordenador
- Retículas para el diseño de un sitio web en móvil
- Diagrama gráfico general de un sitio web
- Práctica: Genera la estructura general de diseño de tu sitio web
- Editando las capas
- Grupos de capas
- Objetos incrustados VS. objetos enlazados
- Objetos inteligentes
- Formas
- Alineación de elementos
- Práctica: Diseña la página de inicio de tu sitio web
- Tipografías para diseño web
- Herramientas tipográficas
- Estilos de caracter
- Estilos de párrafo
- Navegación en ordenador VS. navegación en móvil
- Práctica: Diseña el menú de navegación de tu sitio web
- Diferentes marcas, diferentes pantallas
- Ajustando el diseño a tabletas
- Ajustando el diseño a móviles
- Vertical VS. horizontal
- Práctica: Ajusta el diseño de tu sitio web para tableta y móvil
- La diferencia entre JPG, PNG y SVG
- Exportar una imagen para web
- Exportar un estilo CSS de un objeto
- Exportar un estilo CSS tipográfico
- Generar recursos desde una capa
- Generar recursos desde un grupo de capas
- Multiformatos en un clic
- Práctica: Genera los recursos de tu sitio web
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.
En el último curso aprenderás a generar recursos para tu página, verás formatos para exportar el archivo, crearás estilos CSS, entre otros recursos que tienen como objetivo perfeccionar y mejorar el armado de tu página web con el equipo de desarrolladores.
Requisitos técnicos
- ⦁ 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.
