Diseño web
y mobile
Tecnicatura Universitaria en Comercio
Electrónico y Marketing Digital.
Introducción
Estamos asistiendo a una nueva revolución
industrial y tecnológica.
Estos cambios demandan profesionales que:
• respondan a las necesidades de comunicación
en las plataformas digitales;
• sean exibles en el uso de nuevas tecnologías
e interfaces;
• consideren la creatividad y la innovación para
ofrecer experiencias de navegación únicas y
atractivas.
fl
Objetivos
Proporcionar a los estudiantes los conocimientos necesarios para
aprender los fundamentos del diseño grá co, incluyendo la composición,
la tipografía, el color, y aplicarlos a proyectos de diseño web y móvil de
forma profesional, teniendo en cuenta las necesidades de los usuarios y
los requisitos del mercado.
Al nalizar el curso, los estudiantes serán capaces de:
• Utilizar herramientas de diseño grá co para diseñar páginas web e
interfaces grá cas (UI) atractivas y funcionales (UX).
• Reconocer las herramientas y tecnologías disponibles para crear sitios
web desktop y responsivos, como HTML, CSS, JavaScript, Pinegrow,
Web ow y CMS más populares como Wordpress.
fi
fl
fi
fi
fi
Bloques
Temáticos
• Introducción al diseño gráfico
• Fundamentos del diseño web y responsivo
• Recursos, bibliotecas y herramientas
• Proyectos de diseño
Introducción al
diseño gráfico
En este módulo, los estudiantes aprenderán los principios
del diseño gráfico, como:
• Composición: cómo organizar los elementos de un diseño
para crear una apariencia equilibrada y coherente.
• Tipografía: cómo seleccionar y utilizar las fuentes
tipográficas según su forma, para transmitir o reforzar un
mensaje claro y conciso.
• Color: Psicología del color y cómo utilizarlo para crear un
impacto visual y emocional.
• Espacio: cómo usar el espacio para crear diferentes
impresiones como profundidad o movimiento.
Fundamentos
del diseño web
En este módulo, los estudiantes aprenderán a aplicar los
fundamentos del diseño gráfico al diseño de páginas web.
Aprenderán a:
• Landing, Institucional, Corporativa, Entretenimiento,
ECommmerce. ¿Qué queremos lograr con nuestra web? ¿Cuál
es nuestro público objetivo?. Planear y establecer objetivos.
• Dibujemos un mapa. Organización y jerarquía para una mejor
experiencia (UX). Análisis FODA. Maquetación.
• Contenido. Desde el header hasta el footer, navegamos por
los componentes de un sitio web. Imágenes, videos,
infografías, iconos y texto en general, conforman el contenido
de un sitio web. Esta es clave en la experiencia del usuario
con la marca.
• Experiencia del usuario. Cómo crear páginas que un usuario
quiera usar.
Recursos, bibliotecas y herramientas
En este módulo, los estudiantes aprenderán a
utilizar las herramientas y técnicas necesarias
para crear diseños web. Aprenderán a:
• Identi car los diferentes programas de
diseño y sus usos, como Adobe Photoshop,
Illustrator, Canva o Adobe Express.
• Trabajar con grids y layouts.
• Conocer los diferentes lenguajes como
HTML, CSS, JavaScript, y bibliotecas como
Bootstrap, Web ow, editores y gestores de
contenido como Wordpress.
• Utilizar pruebas de usuario para mejorar el
diseño de una página web.
fi
fl
Proyectos de
diseño
En este módulo, los estudiantes, aprenderán a:
• Establecer los objetivos del diseño, contexto del
proyecto y metodologías de trabajo.
• Crear un catálogo de contenidos para una página
web, como paso previo a diseñar la arquitectura de
la información de nuestro futuro diseño.
• Investigar y explorar tendencias, junto a referencias
visuales e inspiración para combatir el “síndrome la
página en blanco” y comenzar a elaborar la
estrategia visual.
• Crear y configurar páginas web a partir de layouts
o páginas maestras.
• Conocer diferentes métodos y servicios de
publicación.
Tendrás los recursos para diseñar
sitios web dinámicos y responsivos,
que estarán a la altura de tus
proyectos más innovadores.
Pablo J López Molina
¡Gracias!