Categorías
Categorizado Diseño gráfico

Práctica Final. Creatividad y Composición Gráfico. Diseño de Newsletter y Landing Page

Pública

Diseño para Nomad XPerience: Newsletter y Landing Page

En esta práctica, se desarrolla un newsletter (boletín informativo) y una landing page (página de aterrizaje) para Nomad XPerience, una entidad dedicada a organizar viajes sostenibles, personalizados y alejados del turismo masivo. El objetivo es promocionar tres destinos destacados para el verano de 2025: Japón, Perú y Escocia.

El encargo y la intencionalidad comunicativa

Objetivo: Diseñar herramientas gráficas funcionales que destaquen la identidad de Nomad XPerience y sus propuestas de viaje.

Intencionalidad comunicativa:

  • Newsletter:
    • Diseñar una plantilla funcional y flexible que pueda ser utilizada periódicamente para comunicar noticias, destinos y promociones.
  • Landing Page:
    • Presentar información sobre la filosofía de la organización, los destinos y los itinerarios, permitiendo una navegación intuitiva y adaptada a diferentes dispositivos.

El diseño busca transmitir profesionalismo, cercanía y exclusividad, destacando experiencias únicas en contacto con la naturaleza, la cultura y la historia. Se emplean imágenes evocadoras y textos jerarquizados para captar la atención y guiar al usuario de forma eficiente.

Elementos clave del diseño

Reticulación
  • Newsletter:
    • Retícula de 9 columnas por 8 filas.
    • Permite flexibilidad en la distribución de textos, imágenes y elementos decorativos, garantizando claridad y modularidad.
    • Intercolumnado amplio para evitar saturación visual.
  • Landing Page:
    • La misma retícula se adapta para mantener coherencia entre los diseños y garantizar una experiencia visual armoniosa.
Contraste compositivo
  • Simetría y asimetría:
    • Diseño asimétrico para destacar secciones específicas y generar dinamismo.
    • Simetría parcial en las secciones de información detallada para transmitir estabilidad.
  • Transparencia y opacidad:
    • Uso de transparencias en las imágenes para integrarlas con el fondo de manera orgánica.
Paleta cromática
  • Colores principales:
    • Oro: Resalta elementos clave como botones, títulos y llamadas a la acción.
    • Amarillo claro y gris claro: Fondos sutiles que facilitan la legibilidad.
    • Colores del isologo de Nomad XPerience para reforzar la identidad visual.
  • Imágenes y colores por destino:
    • Japón: blanco y color oro.
    • Perú: gris claro y negro.
    • Escocia: blanco, gris claro y marrón oscuro.
Tipografías
  • Crimson Pro: Para encabezados y títulos, aportando elegancia y legibilidad.
  • Poppins: Para el cuerpo del texto, con un estilo moderno y geométrico que complementa la estética general.

Diseño específico de cada componente

Newsletter
  • Estructura:
    • Encabezado con logotipo, eslogan y botones de redes sociales.
    • Secciones destacadas para cada destino con imágenes evocadoras y descripciones breves.
    • Pie de página con datos de contacto y enlaces a la landing page.
  • Jerarquía visual:
    • Títulos llamativos y bloques diferenciados para facilitar la lectura.
    • Botones de llamada a la acción visibles para incentivar el clic.
Landing Page
  • Estructura:
    • Introducción a Nomad XPerience: Filosofía, misión y valores.
    • Sección de destinos con galería de imágenes y descripciones detalladas.
    • Testimonios de clientes anteriores y presentación del equipo de guías.
    • Formulario de contacto y botones.
  • Adaptabilidad:
    • Diseño responsivo para diferentes dispositivos, asegurando usabilidad y legibilidad.

Derechos de autor y licencia

El diseño de esta práctica está protegido bajo la licencia CC BY-NC-SA 4.0, permitiendo el uso y adaptación no comercial siempre que se otorgue crédito al autor.

Como conclusión, la práctica final combina creatividad y funcionalidad, logrando una solución gráfica que comunica los valores de Nomad XPerience y promueve sus experiencias de viaje. Tanto el newsletter como la landing page destacan por su diseño atractivo, adaptable y alineado con las necesidades del cliente y del público objetivo.

¡Un diseño que inspira a explorar el mundo de manera sostenible y auténtica!

Categorías
Categorizado Diseño gráfico

Actividad 2. Composición gráfica básica. Diseña un icono para una app

Pública

Diseñar un icono para la aplicación móvil «Reciclar vidas»

En esta actividad, nos proponemos a desarrollar una propuesta gráfica que identifique de manera clara y efectiva una aplicación móvil destinada a promover el reciclaje y la economía circular en la vida cotidiana. La app está dirigida tanto a dispositivos tablet como smartphone y se enfoca en mapas interactivos, intercambio de productos, recompensar por reciclar, etc.

El reto consiste en diseñar un icono que identifique las funcionalidades principales de la app y sea reconocible en composiciones vectoriales y tamaños reducidos.

Intencionalidad comunicativa

El propósito principal del diseño es promover la conciencia sobre el reciclaje y la sostenibilidad, resaltando la importancia de la reutilización de productos y el manejo adecuado de los residuos. A través de elementos visuales claros y bien organizados, el icono debe comunicar el ciclo continuo de vida de los productos, alineándose con los valores del reciclaje y la economía circular.

Lema del proyecto: «Reciclar para un futuro sostenible: el ciclo de vida está en nuestras manos.»

Análisis compositivo

  • Elementos principales del diseño:
    • Símbolo de reciclaje en verde: Este es el elemento central que comunica de inmediato la temática de la app.
    • Pin de localización: Destaca como el marco principal del diseño, indicando la funcionalidad de mapas interactivos y localización.
    • Elementos secundarios dentro del círculo del pin:
      • Calendario: Representa los eventos ecológicos.
      • Botella y camión: Simbolizan la gestión de residuos.
      • Moneda de euro: Comunica las recompensas económicas por reciclar.
  • Contraste compositivo:
    • El diseño prioriza la jerarquía visual. El pin de localización y el símbolo de reciclaje son los elementos que más destacan, gracias a su tamaño y ubicación central.
    • Los círculos verdes con flechas generan la sensación de un movimiento continuo, reforzando la idea del ciclo de vida sostenible.
  • Contraste cromático:
    • Tonos fríos (verde y azul): Representan la naturaleza, calma y elementos ecológicos como el reciclaje y la sostenibilidad.
    • Tonos cálidos (naranja y amarillo): Aportan dinamismo y motivación, asociados con las actividades y recompensas.

El icono, titulado «IconoAppReciclarVidasProducto», fue diseñado bajo licencia Creative Commons BY-NC-SA 4.0, lo que permite su uso para proyectos educativos y no comerciales.

Composición gráfica

  • La forma del pin centraliza las funcionalidades de la app, mientras que el símbolo de reciclaje y los elementos secundarios equilibran el diseño.
  • La estructura circular sugiere una economía circular activa, dando énfasis al flujo constante de reutilización y reciclaje.

Como conclusión, el diseño gráfico del icono de la app «Reciclar Vidas» busca generar un impacto visual claro y efectivo, enfatizando el mensaje de sostenibilidad y economía circular. Mediante el uso de contrastes cromáticos, compositivos y elementos visuales significativos, el icono logra comunicar la misión ecológica de la app en un diseño accesible y universal.

¡Inspírate y crea tu propio diseño para un mundo más sostenible!
Categorías
Categorizado Diseño gráfico

Actividad 1. Cómo Gestionar los Derechos de Autor en la Combinación de Imágenes Vectoriales

Pública

Gestión de los derechos de autor combinando las imágenes vectoriales

La primera actividad de la asignatura de Diseño Gráfico nos introduce a la gestión de derechos de autor en el ámbito digital. Aprender a combinar imágenes vectoriales respetando las licencias es esencial para garantizar un trabajo ético y profesional, tanto para el diseñador como para el cliente.

En esta actividad, abordaremos el proceso de creación de una obra gráfica derivada mediante la combinación de dos imágenes vectoriales bajo licencias Copyleft. También exploraremos cómo gestionar correctamente estos derechos para crear una obra respetuosa con las normativas vigentes.

Proyecto

La tarea consiste en combinar dos originales vectoriales descargados de la red para crear una solución gráfica que ilustre un tema medioambiental relacionado con la inteligencia artificial (IA).

Encargo

El tema propuesto gira en torno al impacto medioambiental de las grandes empresas desarrolladoras de IA generativa, destacando cómo su alto consumo energético y los sistemas de refrigeración aumentan la huella de emisiones de carbono.

Inspiración y concepto

Para esta actividad, he decidido explorar la relación simbólica entre la tecnología y la naturaleza. Mi enfoque será representar visualmente el impacto negativo de la tecnología avanzada (IA) sobre el medio ambiente, utilizando metáforas gráficas para comunicar el mensaje de manera efectiva.

Elección de imágenes
  • Primera Imagen: Una ilustración vectorial de servidores o procesadores, que simbolice la infraestructura tecnológica.
  • Segunda Imagen: Una ilustración de una ciudad con torres, árboles y nubes.
Intencionalidad comunicativa

La composición busca relacionar de forma inmediata dos elementos: la infraestructura tecnológica y el impacto ambiental. Por eso mismo, al mirar el diseño enseguida se visualizan los dos elementos, uno consecuente del otro. Teniendo en cuenta que el consumo sostenible es uno de los temas principales de la imagen, se tomó la decisión de agrupar varios servidores.

Mediante el aumento energético se representan las barras verticales de color rojo y la huella de las emisiones de carbono se figuran con varias nubes grises. En cambio, las emisiones de carbono son los elementos que están entre los edificios que contienen los servidores al lado de las barras verticales y las nubes grises.

Licencias

La imagen de los servidores con el título de «Server múltiple» del autor Smasongarrison con licencia CC BY-SA.
La imagen de la ciudad tiene el título de «Abstraction on the theme of art Free Vector and Free SVG» del autor aleksander1 con al licencia gratuita de Vecteezy con atribución necesaria al autor. Para uso tanto personal como comercial.
Y la combinación de ambas imágenes tiene una licencia gratuita de Vecteezy con atribución necesaria al autor. Para uso tanto personal como comercial.

Como conclusión, esta actividad nos introduce al mundo de la gestión de derechos de autor en el diseño gráfico. Aprender a respetar las licencias y a crear obras derivadas de forma ética no solo es una habilidad esencial para los diseñadores, sino también una responsabilidad profesional.