Tema 1 - Planificación de Interfaces Gráficas

Una de las primeras y más importantes fases de cualquier proyecto es la planificación, puesto que sin ella podemos alcanzar el caos en nuestro proyecto y no alcanzar los objetivos que nos hayamos marcados. Es por ello que es tan importante planificar de forma adecuada el como se va a realizar el trabajo y en qué orden hacerlo.

En este tema veremos como seleccionar colores, iconos o fuentes para crear nuestro prototipo, el cual será la base de la información vamos a mostrar en nuestra página web. Por último, veremos como crear una guía de estilos en la que plasmemos todo lo anterior.

Google Fontsmore_vert Link
Google Fontsclose

Las Fuentes de Google están diseñadas para proporcionar una plataforma gratuita para usuarios con el fin de descubrir nuevas fuentes y se está utilizado extensamente, algunas de las fuentes que incluye son Lato, Raleway, y Langosta.

Figmamore_vert Link
Figmaclose

Figma es un editor de gráficos vectorial y una herramienta de generación de prototipos, principalmente basada en la web, con características off-line adicionales habilitadas por aplicaciones de escritorio en macOS y Windows.

Fonts Awesomemore_vert Link
Fonts Awesomeclose

Font Awesome es un conjunto de herramientas de fuentes e íconos basado en CSS y Less . A partir de 2020, Font Awesome fue utilizado por el 38% de los sitios que utilizan scripts de fuentes de terceros, colocando a Font Awesome en el segundo lugar después de Google Fonts.