Adobe Photoshop para diseño web
Un curso de Arturo ServínDiseñador web
Un curso de Arturo Servín, Diseñador web
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.
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.
Software y herramientas recomendados para este curso
Opiniones
- hace 17 días
Adorando... muito didático e inspirador.
- hace 1 mes
El curso proporciona conceptos prácticos para aplicar los recursos de cada clase y estructurar nuestra propio diseño web sin muchos conocimientos en Photoshop. Me ha encantado.
- hace 1 año
Muy bien estructurrado el curso, facil de seguir y ayuda mucho para entender la logica del diseno web, aunque sin saber Photoshop esta muy bien explicado, al final da las bases para empezar a disenar sitios web de manera profesional!
- hace 1 año
Muito bom 👍
- hace 2 años
Very informative and lots of details.
Actualmente es el director general de La Constelación, un estudio enfocado al marketing digital, e-commerce y diseño web.
Contenidos
- U1
Bienvenida
- Bienvenida
- U1
La ventaja de usar líneas guía
- La ventaja de usar líneas guía
- U2
Interfaz de Adobe Photoshop para diseño web
- Interfaz de Adobe Photoshop para diseño web
- 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
Nuevo documento para web, móvil y otros dispositivos
- Nuevo documento para web, móvil y otros dispositivos
- 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
Medidas generales de un sitio web
- Medidas generales de un sitio web
- U4
Diagrama gráfico general de un sitio web
- Diagrama gráfico general 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
- 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
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
Este curso está dirigido a personas con conocimientos básicos de Photoshop y diseño gráfico, ya que explora técnicas intermedias enfocadas en el diseño web profesional.
Se recomienda tener conocimientos básicos de Photoshop y comprensión general de diseño web para aprovechar al máximo los contenidos del curso.
El curso abarca configuración de interfaz, uso de capas, creación de retículas, diseño responsivo, optimización de tipografía, exportación de imágenes y generación de estilos CSS.
Aprenderás a crear layouts adaptables a diferentes dispositivos, usando herramientas y técnicas de Photoshop para diagramar y exportar diseños responsivos.
El curso enseña a utilizar capas para separar y organizar elementos, facilitando la edición, optimización y mantenimiento del proyecto web.
Aprenderás a crear y configurar retículas y líneas guía, asegurando una estructura coherente y profesional en los layouts de tus sitios web.
Optimizar la tipografía mejora la legibilidad y el desempeño del sitio. El curso muestra cómo seleccionar, ajustar y exportar fuentes adecuadas desde Photoshop.