# data[].attributes.headline
Herramientas y métodos para la investigación

# data[].attributes.subject
Herramientas y métodos para la investigación

# data[].attributes.body
Las herramientas y métodos para la investigación son los recursos, técnicas y enfoques utilizados para llevar a cabo investigaciones en diversos campos. Esto puede incluir métodos de recopilación de datos, análisis estadístico, herramientas de software, técnicas de muestreo, encuestas, entrevistas, experimentos, observación, revisión de literatura y más. Estos recursos y enfoques ayudan a los investigadores a recopilar información, analizar datos y llegar a conclusiones significativas en sus estudios.

# data[].attributes.attachment_link.title
Métodos, técnicas e instrumentos de investigación. ¿Cuál es la diferencia?

# data[].attributes.body
Una imagen digital es una representación bidimensional construida

a partir de una matriz binaria (compuesta de unos y ceros). Es

posible obtener estas imágenes de distintas maneras.

# data[].attributes.attachment_link.title
LA IMAGEN DIGITAL - Conceptos y características

# data[].attributes.body
Con Formularios de Google, puedes crear encuestas o cuestionarios directamente en tu navegador web o móvil, sin tener que usar ningún software especial. Puedes ver los resultados al instante, en el momento en que se envían, y organizarlos en gráficos para consultarlos fácilmente.

# data[].attributes.attachment_link.title
Cómo Crear Formularios de Google gratis paso a paso. Tutorial Completo de Google Forms 2024.

# data[].attributes.body
Visión del color es un simulador que permite crear un arco iris combinando luz roja, verde y azul. También se puede cambiar la longitud de onda de un haz monocromático o filtro de luz blanca. La luz se puede ver como un haz sólido, o como fotones individuales.

permite identificar los colores primarios o puros, y aquellos que se consideran derivados, o sea, fruto de la mezcla de colores.

# data[].attributes.attachment_link.title
Tutorial simulación Phet Vision del color

# data[].attributes.attachment_caption
Que es la teoría del color y su aplicación

# data[].attributes.body
La teoría del color es un conjunto de reglas básicas que rigen la mezcla de colores para conseguir efectos deseados, mediante la combinación de colores o pigmentos, para aplicar la teoría del color es necesario comprender las prioridades de los colores, o crear una paleta acorde a estos

# data[].attributes.body
El círculo cromático es la representación de los colores primarios, secundarios, terciarios y sus variaciones

El círculo cromático nos ayuda a entender y a visualizar todos los colores a la vez, al tiempo que nos permite ubicar las armonías, es útil para comprender por qué algunos tonos funcionan entre sí, combinan bien y terminan haciendo más fácil que las paletas funcionen.

LAS PROPIEDADES DEL COLOR

¿Qué son?

Son elementos diferentes que hacen único a un determinado color, hacen variar su aspecto y definen su apariencia final.

CUALIDADES
tono: El tono es la cualidad que permite diferenciar cada color, en otras palabras, es el tinte.

Brillo: Es la cantidad de luz emitida o
reflejada por un objeto, es decir, su claridad u obscuridad.

Saturación: Es la intensidad o grado de pureza de cada color.

# data[].attributes.body
ARMONÍA DE COLORES

¿qué es?

La armonía de colores se refiere a la combinación de colores de manera equilibrada y agradable a la vista. Esto puede lograrse mediante la combinación de colores complementarios, análogos, triádicos, entre otros esquemas de color. La armonía de colores es fundamental en el diseño gráfico, la decoración, la moda y otras áreas creativas.

¿cómo se usa?

Para utilizarla, puedes seguir diferentes esquemas de color, como:

1. Complementarios: combinando colores opuestos en la rueda de colores.

2. Análogos: utilizando colores cercanos en la rueda de colores.

3. Triádicos: seleccionando tres colores equidistantes en la rueda de colores.

4. Monocromáticos: utilizando diferentes tonos de un mismo color.

La elección del esquema de color depende del efecto que desees lograr y del contexto en el que lo estés aplicando. Experimenta con diferentes combinaciones para encontrar la armonía visual que mejor se adapte a tu proyecto o estilo.

¿para qué sirve?

La armonía de colores sirve para crear una sensación visual equilibrada y agradable, lo que puede tener varios propósitos:

1. En el diseño gráfico y la publicidad, ayuda a captar la atención del espectador y transmitir mensajes de manera efectiva.

2. En la decoración de interiores, contribuye a crear ambientes que resulten acogedores y estéticamente agradables.

3. En la moda, permite crear combinaciones de prendas y accesorios que se vean bien juntos y reflejen un estilo personal o una imagen específica.

4. En el arte, ayuda a transmitir emociones y conceptos de manera visualmente impactante.

En resumen, la armonía de colores es una herramienta fundamental en diferentes campos creativos para generar cohesión y belleza visual.

PSICOLOGÍA DEL COLOR

¿qué es?

La psicología del color es el estudio de cómo los colores afectan las percepciones, emociones y comportamientos humanos. Explora cómo los diferentes colores pueden influir en nuestras emociones, estados de ánimo y decisiones. Por ejemplo, el rojo puede evocar pasión o alerta, mientras que el azul puede transmitir calma o confianza. La psicología del color se utiliza en marketing, diseño, publicidad, terapia y otras áreas para influir en las respuestas y percepciones de las personas.

¿cómo se usa?

La psicología del color se utiliza de diversas formas en diferentes campos:

1. En marketing y publicidad: Se eligen colores específicos para lograr ciertas respuestas emocionales en los consumidores. Por ejemplo, el rojo puede utilizarse para crear un sentido de urgencia, mientras que el verde puede asociarse con la salud y la naturaleza.

2. En diseño gráfico y web: Se seleccionan colores para transmitir la identidad de una marca o para mejorar la usabilidad y la experiencia del usuario en un sitio web o una aplicación.

3. En el diseño de interiores: Se utilizan colores para influir en el estado de ánimo de un espacio. Por ejemplo, se pueden usar tonos cálidos para crear un ambiente acogedor en un salón, o tonos fríos para promover la relajación en un dormitorio.

4. En terapia y psicología: Se emplean colores para ayudar a influir en el estado emocional de las personas y promover la curación o el bienestar emocional.

En cada caso, la selección de colores se basa en la comprensión de cómo los colores pueden afectar psicológicamente a las personas y se adapta al propósito específico y al público objetivo.

¿para qué sirve?

La psicología del color sirve para comprender cómo los colores afectan las emociones, percepciones y comportamientos humanos, y se utiliza en una variedad de áreas para:

1. Marketing y publicidad: Influenciar las decisiones de compra y crear conexiones emocionales con los consumidores a través del uso estratégico de colores en anuncios y productos.

2. Diseño gráfico y web: Transmitir mensajes, establecer la identidad de una marca y mejorar la usabilidad de los diseños mediante la selección cuidadosa de colores.

3. Diseño de interiores: Crear ambientes que promuevan la relajación, la productividad o la socialización según el propósito del espacio y las preferencias del usuario.

4. Terapia y bienestar: Utilizar colores para influir en el estado de ánimo, reducir el estrés y promover la curación emocional y física en entornos terapéuticos.

En resumen, la psicología del color es una herramienta poderosa para comunicar mensajes, influir en las emociones y mejorar la calidad de vida en diversos contextos.

MODELO DEL COLOR

¿qué es?

El modelo de color es un sistema utilizado para representar y describir colores de manera objetiva. Hay varios modelos de color, cada uno con su propia forma de organizar y representar los colores. Algunos de los modelos de color más comunes incluyen:

1. RGB (Rojo, Verde, Azul): Utilizado principalmente en dispositivos electrónicos, donde los colores se crean combinando diferentes intensidades de luz roja, verde y azul.

2. CMYK (Cian, Magenta, Amarillo, Negro): Ampliamente utilizado en impresión, donde los colores se crean combinando tintas de cian, magenta, amarillo y negro.

3. HSV (Matiz, Saturación, Valor): Organiza los colores según su matiz, saturación y valor (brillo), lo que facilita la selección y manipulación de colores en aplicaciones de diseño.

4. HSL (Matiz, Saturación, Luminosidad): Similar al modelo HSV, pero utiliza luminosidad en lugar de valor para representar el brillo.

Cada modelo de color tiene sus propias ventajas y se utiliza en diferentes contextos según las necesidades específicas de la aplicación.

¿cómo se usa?

el modelo de color se utiliza según las necesidades específicas de cada proyecto, ya sea para diseño gráfico, impresión, fotografía, desarrollo web u otras aplicaciones.

1. Selecciona el modelo de color adecuado: Determina qué modelo de color se adapta mejor a tus necesidades. Por ejemplo, si estás diseñando para la web, podrías utilizar RGB o HEX. Si estás trabajando en diseño impreso, CMYK podría ser más apropiado.

2. Integra el modelo de color en tu herramienta o plataforma: Dependiendo de tu proyecto, esto podría implicar utilizar un software de diseño gráfico como Adobe Photoshop o Illustrator, un editor de código para desarrollo web, o un programa de edición de imágenes como Lightroom.

3. Aprende a manipular colores en el modelo elegido: Familiarízate con cómo trabajar con colores dentro del modelo seleccionado. Esto podría incluir entender cómo ajustar los valores de los componentes de color (por ejemplo, rojo, verde, azul para RGB) o cómo convertir entre diferentes modelos de color si es necesario.

4. Experimenta y practica: Juega con los colores dentro del modelo elegido. Prueba diferentes combinaciones y ajustes para ver cómo afectan al resultado final. La práctica te ayudará a desarrollar una comprensión más profunda del uso efectivo del modelo de color en tu proyecto.

5. Asegúrate de mantener la coherencia del color: Si estás trabajando en un proyecto que requiere consistencia en los colores, como una marca o un diseño de sitio web, asegúrate de mantener una paleta de colores coherente en todo momento.

6. Realiza pruebas y ajustes: Una vez que hayas implementado los colores en tu proyecto, realiza pruebas para asegurarte de que se vean bien en diferentes dispositivos y contextos. Realiza ajustes según sea necesario para optimizar la apariencia y la legibilidad.

¿para qué sirve?

El modelo de color sirve para representar colores de manera objetiva y comprensible, lo que permite comunicar, diseñar y trabajar con colores de manera efectiva en diversas aplicaciones. Algunos de los usos principales incluyen:

1. Diseño gráfico y digital: Permite a los diseñadores seleccionar y manipular colores de forma precisa en programas de diseño como Adobe Photoshop, Illustrator o Canva.

2. Impresión: Ayuda a los profesionales de la impresión a garantizar una reproducción precisa de colores en materiales impresos como folletos, carteles o revistas.

3. Fotografía: Permite ajustar el balance de blancos, la saturación y otros aspectos del color en imágenes digitales para lograr el aspecto deseado.

4. Desarrollo web: Facilita la definición de colores para elementos de una página web mediante modelos como RGB o HEX.

5. Ciencias y tecnologías de la imagen: Se utiliza en campos como la medicina, la geología, la astronomía y la ingeniería para analizar y representar datos visuales de manera objetiva.

# data[].attributes.body
De acuerdo a este tipo de estudios del color, a cada uno se le pueden atribuir distintas propiedades.

Determina qué color ve la persona para diversas combinaciones de rojo, verde y azul.

Describe el color de la luz que es capaz de pasar a través de filtros de diferentes colores.

Temas:

Fotones

Luz Monocromática

Luz Blanca

Arco iris

# data[].attributes.attachment_link.description
Google Forms - create and analyze surveys, for free.

# data[].attributes.attachment_link.readable_text
Puedes usar Formularios de Google para crear encuestas y cuestionarios en línea, y enviarlos a otras personas.

Paso 1: Configura un nuevo formulario o cuestionario

1. Ve a forms.google.com.

2. Haz clic en En blanco .

3. Asígnale un nombre al formulario sin título.

Cómo crear un formulario desde Google Drive

1. En una computadora, ve a drive.google.com.

2. En la esquina superior izquierda, haz clic en Nuevo Formularios de Google.

Paso 2: Edita un formulario o un cuestionario, y aplícales formato

En los formularios, puedes agregar texto, imágenes o videos, además de editarlos o aplicarles formato.

Paso 3: Envía el formulario para que las personas lo completen.

Cuando termines, podrás enviar el formulario a otras personas y recopilar sus respuestas.

# data[].attributes.attachment_link.title
Cómo usar Formularios de Google - Computadora - Ayuda de Editores de Documentos de Google

# data[].attributes.attachment_link.description
                ¿Quieres funciones de G

# data[].attributes.attachment_link.readable_text
¿Por qué elegir FotoJet?

Gran cantidad de plantillas y recursos

La enorme cantidad de plantillas y recursos hace que sea fácil crear collages, gráficos de redes sociales, pósters, tarjetas, banners, etc.

Potentes herramientas

Potentes herramientas de edición y diseño que te permiten obtener resultados de alta calidad sin ningún esfuerzo.

Fácil de usar

Con sólo unos clics, cualquiera puede crear obras de arte profesionales, incluso sin ninguna experiencia.

No requiere registro

¡Prueba FotoJet gratis! No requiere descarga ni registro; ¡ahorra tiempo y esfuerzo!

¡Todo el mundo puede convertirse en un diseñador profesional con la herramienta de diseño gráfico de FotoJet! Siempre que te sientas inspirado, puedes crear diseños asombrosos con una enorme cantidad de plantillas, desde pósters, flyers, tarjetas e invitaciones hasta gráficos de redes sociales y banners.

Un bonito collage de fotos puede compartir tus fotos de una manera artística. El creador de collages de fotos de FotoJet tiene más de 800 plantillas y diseños de collages impresionantes, incluyendo collages de cumpleaños, collages de bodas, collages de bebé, collages de familia, collages de amor, etc., para ayudarte a crear tus propios collages online de manera rápida y fácil.

¡Te sorprenderá la rapidez con la que puedes editar tus fotos online! El editor de FotoJet viene con potentes herramientas de edición (como recortar, redimensionar y girar) para realzar tus fotos en segundos. Además, puedes retocar tus fotos con texto, imágenes clipart, efectos fotográficos, superposiciones, marcos, etc.

Recomendado por los medios más importantes del mundo

- Arianna Gael filehippo.com

- Tom Greenabout.com

- Softonic Editorial Teamsoftonic.com

Consejos e ideas prácticas para despertar tu creatividad

¡Únete a miles de usuarios y disfruta de FotoJet ahora

Pruébalo gratis ahora, no requiere descarga ni registro.

# data[].attributes.attachment_link.title
Diseñador gráfico online gratuito | Creador de collages | Editor de fotos - FotoJet

# data[].attributes.attachment_link.description
FotoJet es una potente aplicación online de diseño gráfico, collages de fotos y edición de fotos. No requiere descarga ni registro. ¡Pruébala gratis ahora!

# data[].attributes.attachment_link.readable_text
For Mac & iPad & iPhone

MarginNote is available on Mac, iPad, and iPhone, and they all have almost the same features. All content will be automatically synced when switching from one device to another with iCloud enabled. MarginNote even supports Wifi transfer - so you can one-click sync multiple notebooks & books or the whole library.

# data[].attributes.attachment_link.description
MarginNote is available on Mac, iPad, and iPhone, and they all have almost the same features. All content will be automatically synced when switching from one device to another with iCloud enabled. MarginNote even supports Wifi transfer - so you can one-click sync multiple notebooks & books or the whole library.

# data[].attributes.body
¡FotoJet es un creador de collages online y gratuito con el que puedes crear hermosos collages fotográficos, pósters, tarjetas y mucho más en minutos! Está desarrollado por PearlMountain Limited, una empresa dedicada al desarrollo de software gráfico.

# data[].attributes.body
Por un lado, tenemos las imágenes vectoriales, compuestas por entidades geométricas simples. Es decir, su composición se basa en segmentos y polígonos (recordemos que las curvas son una sucesión de segmentos). Las imágenes vectoriales son usadas en muchos casos para dibujos (de instrucciones de uso y montaje de productos), diseño gráfico. Formatos de imagen vectorial: EPS, AI, PDF y SVG.

# data[].attributes.body
Por el otro lado tenemos las imágenes bitmap (mapas de bits), compuestas por píxeles que, rellenos de colores, conforman unidos el resultado de la imagen. Generan imágenes de gran peso,

porque admiten imágenes que son complejas y contienen diferentes texturas. En una imagen de mapa de bits no es posible modificar las dimensiones sin notar una desmejora en la calidad. Formatos de imagen de mapa de bits: JPG, JPEG, PNG, GIF, BMP y TIFF.

# data[].attributes.attachment_link.readable_text
La jerarquía visual forma parte de todo buen diseño. Gracias a ella vamos a conseguir guiar al ojo del espectador, aclarándole qué es lo más y lo menos importante de nuestra pieza. Y es que necesitamos ponérselo fácil. Ya sabemos que el principal objetivo del diseño gráfico es comunicar, y para lograr comunicar correctamente y garantizar que nuestro mensaje se lee en el orden correcto, vamos a necesitar ayudarnos de la jerarquía visual.

¿Quieres conocer cómo podemos aplicarla más eficientemente desde el diseño gráfico? En este artículo te lo explico, además de incluirte un vídeo de mi canal de YouTub e con más ejemplos y aclaraciones. No olvides comentarme abajo (desde la sección de comentarios) qué te ha parecido.

Índice de contenido

¿Qué es la jerarquía visual?

Necesitamos ordenar para comunicar. Mediante esta jerarquía gráfica vamos a poder establecer señales y contrastes visuales que indicarán a nuestra audiencia hacia dónde debe prestar su atención primero y continuadamente después.

De eso trata la jerarquía visual, de trabajar con todos los recursos que estén a nuestro alcance para ordenar, organizar y otorgar de prioridad a nuestro contenido.

Imagina por un momento que yo fuera famoso y Hey Jaime se fuera de gira mundial. ¿Cómo debería diseñar el cartel promocional?

Si todo en nuestra composición contase con la misma importancia o peso visual, nada llamaría la atención primero y el espectador no sabría por dónde abordar nuestro diseño.

La jerarquía visual consiste en dejar muy claro dónde se encuentra la información más importante de nuestra pieza. En establecer un primer punto focal desde donde los espectadores comenzarán a observar la composición. Y la jerarquía también ayuda a ordenar el resto de elementos para su correcta lectura.

Recursos para establecer una correcta jerarquía visual en diseño gráfico

Desde el diseño gráfico contamos con varios recursos que vamos a poder utilizar para generar énfasis y contraste, trasladando el orden correcto de importancia sobre los elementos de nuestra composición. Y haremos uso de ellos para influir en la percepción.

Hablamos del tamaño, el color (o contraste), la tipografía, el espacio y la composición.

I. El tamaño

Aumentar las dimensiones de un elemento o su escala, es decir su tamaño en relación con otros elementos de la composición, es una de las formas más efectivas para generar énfasis sobre una parte concreta de nuestro diseño.

Los elementos más grandes se convierten inmediatamente en el foco de atención de los espectadores.

De la misma manera, podremos reducir el tamaño de los elementos de nuestra composición que no cuenten con tanta importancia o donde no queramos generar tanto impacto en un primer vistazo. Estos elementos estarán posicionados por tanto en un nivel inferior de nuestra jerarquía visual.

Por lo que gracias al tamaño podremos crear un orden lógico de lectura para el usuario a la hora de procesar toda la información, pasando de los elementos más grandes a los más pequeños.

II. El color (o contraste)

Un uso correcto del color también robará nuestra atención, pero ¿por qué? ¿Acaso existen colores más atractivos que otros?

Esto es algo subjetivo y siempre va a depender de otros factores, como el contexto, la composición o incluso de dónde proceda el espectador. Sin embargo, sí podemos llegar a generalizar que los colores más llamativos son aquellos más vibrantes, saturados e intensos, que suelen ser (normalmente) los colores más cálidos.

Echa un vistazo al gráfico que te dejo por aquí, a ver qué color llama más tu atención.

Los colores más vibrantes y más vivos siempre van a atraer más la atención. Para conseguirlo podremos hacer uso de las 3 propiedades del color, ¿te vienen a la cabeza? Sí, son el tono (o matiz), la saturación y el brillo (o luminosidad). Tienes más información acerca del color, y cómo seleccionarlos, en mi artículo sobre paletas de color.

¿Cómo podemos aprovecharnos del color con nuestra jerarquía visual?

¿Recuerdas el círculo cromático? Los colores del círculo cromático pueden dividirse también por su temperatura, hablando de colores cálidos o colores fríos. Podremos hacer uso de esta división porque los colores fríos y los colores cálidos cuentan con bastante contraste.

Eso sí, haz uso del contraste de los colores de diferente temperatura de forma sutil. Recuerda que mantener una misma temperatura de color también contribuye a una correcta armonía visual.

O si quieres buscar algún color en concreto, para contrastar con otro, yo te recomendaría que valorases primero: la fórmula complementaria, de la Teoría del color. Gracias a esta fórmula lograremos establecer colores que se encuentren a lados opuestos del círculo, garantizando el suficiente contraste para lograr nuestro objetivo, pero manteniendo siempre una armonía cromática.

Y sí, lo que realmente buscamos con el cambio de color no es más que contraste, y también podremos establecer puntos focales en nuestra jerarquía con la ayuda de otros recursos como la forma o la textura.

III. La tipografía

Y en lo que a tipografía se refiere, cuando vayamos a trabajar la jerarquía visual en diseño gráfico tendremos en cuenta dos factores diferentes: la jerarquía tipográfica y la fuente tipográfica. Vamos a revisarlas con algo más de detalle para que puedas conocerlas mejor.

La jerarquía tipográfica

En cualquier composición donde usemos tipografía, vamos a ayudarnos de la jerarquía tipográfica, porque nos va a permitir establecer una correcta jerarquía visual, organizará nuestra composición y aclarará el orden de lectura.

La jerarquía tipográfica se suele dividir en tres niveles: el nivel primario, donde se incluirían los titulares; el nivel secundario, que incluye subtítulos y pequeños bloques de texto; y el nivel terciario, que comprende el texto principal del diseño.

La fuente tipográfica

Por otro lado también deberíamos de abordar la fuente tipográfica. Hablo sobre el aspecto de la tipografía, y cómo se contrasta con el resto del contenido.

Si bien la jerarquía tipográfica nos ayuda a organizar nuestra composición y aclarar el orden de lectura, la elección de la fuente tipográfica va a contribuir al estilo que respirará nuestra composición, a su personalidad tipográfica y a lograr ese contraste sobre el resto de elementos.

Podemos combinar tipografías diferentes, ayudarnos del interletrado o el interlineado, o también podemos hacer uso de otras cualidades como el tamaño, o las variables tipográficas de grosor o peso.

Para quien no lo sepa, las variables tipográficas son las diferentes opciones que podemos encontrar dentro de una misma familia tipográfica. Modificaciones de la morfología de la tipografía. Actúan sobre el grosor del trazo, el ancho o proporción del carácter y la inclinación del eje vertical de los caracteres de una misma familia tipográfica.

Y por eso, gracias a las variables tipográficas no siempre necesitaremos hacer uso de tipografías diferentes para lograr una correcta jerarquía visual. Nos ayudaremos de una misma familia tipográfica.

Ya lo he mencionado en alguno de mis vídeos o artículos anteriores, pero revisar la prensa escrita y las revistas, es un ejercicio estupendo para estudiar cómo aplicar una correcta jerarquía, entrenando un poco el ojo.

Al observar la prensa escrita vamos a notar muchos elementos que compiten por la atención de los lectores. Nos toparemos con ejemplos muy originales e ingeniosos por parte de los editores. Comprueba tú mismo que existe suficiente contraste visual entre titulares, subtítulos y los textos de párrafo, y que son los elementos más importantes los que cuentan con mayor tamaño y contraste.

IV. El espacio

El espacio es un elemento visual esencial para garantizar el orden y la lectura de cualquier composición. Y es que otorgar espacio alrededor de un elemento, contribuirá a que éste llame siempre la atención y a situarlo jerárquicamente por encima del resto de elementos.

Ahora, gracias al espacio, podemos hacer uso del principio de proximidad, uno de los 6 principios de diseño y ley de la Teoría de la Gestalt, que todo diseñador gráfico debe conocer... pero, ¿recuerdas cuál es la idea principal que expone este principio?

Pues expone que la mirada del espectador siempre tenderá a desplazarse hacia el siguiente elemento más próximo. Es por ello, que para crear una pauta de navegación correcta, necesitaremos agrupar a los elementos según el orden de atención que queramos conseguir. Por otro lado, si hay demasiado espacio en blanco entre los elementos, se corre el riesgo de que se rompa la relación entre ellos.

En lo que al espacio se refiere, haz uso de él para centrar la atención sobre los elementos más importantes de tu composición. Aprovéchate del principio de proximidad para mantener un orden lógico de la lectura o cuando necesitemos relacionar algunos elementos con otros. Por ejemplo, cuando queramos agruparlos dentro de un mismo nivel jerárquico.

V. La composición (o alineación y disposición)

Sí, cómo dispongamos los elementos visuales dentro de nuestra composición también puede influir directamente sobre la jerarquía visual.

No olvidemos que nuestra cabeza siempre tenderá a leer la forma natural cualquier pieza, de arriba a abajo o de izquierda a derecha. Por otro lado, nuestro cerebro está habituado a procesar la información a través del reconocimiento de patrones. Algo que se estudia también en la teoría de la Gestalt. El orden favorece la comprensión. Y también podremos aprovecharnos de este hábito de nuestro cerebro para, por ejemplo, generar énfasis sobre ciertos elementos apartándolos de una alineación, grupo o patrón.

Si lo aplicamos a la disposición o a la composición, podremos romper el balance, el orden o la alineación de forma intencionada cuando busquemos generar énfasis sobre un elemento en concreto.

¿Conoces las leyes de la Gestalt? Muchas de estas leyes o principios, demuestran cómo la disposición de los elementos visuales en la composición, puede afectar directamente a la percepción humana, contribuyendo a que percibamos los elementos como parte de un grupo.

Estas leyes nos ayudan a darle un sentido a la información y a reducir al mínimo las posibilidades de error en la lectura. Por lo que muchas pueden ayudarnos a agrupar elementos dentro de un mismo nivel jerárquico y nunca estará de más que las conozcamos. Recuerda, que diseños desordenados o mal alineados pueden confundir al espectador.

Por otro lado, sí hablamos de la disposición, debemos tener en cuenta que nuestra percepción siempre inclinará su atención sobre el objeto que se encuentre más cerca de nosotros. O qué "parezca que se encuentra más cerca de nosotros", claro, porque podemos engañar a la percepción, por ejemplo ayudándonos de un desenfoque para fingir una falsa profundidad.

O quizás con el uso de sombras. Podremos lograr que parezca que una forma se encuentra sobre otra, dando importancia una vez más a aquella que percibamos como más cercana.

Una reflexión sobre la jerarquía visual

Resumiendo un poco, la consistencia en una jerarquía visual favorecerá la lectura y comprensión de nuestro contenido. Como diseñadores gráficos, podemos aprovecharnos de los anteriores recursos para lograr jerarquizar la información. Esto sólo se consigue generando contraste sobre los diferentes elementos de la composición.

Eso sí, usa los anteriores recursos con sutileza. Si nos excedemos, llenando nuestra composición de elementos de gran tamaño, de múltiples colores, tipografías y otros recursos... confundiremos al usuario sin lograr nuestro objetivo, y recuerda que los elementos que se diseñen con el mismo tamaño, tipografía, color, espacio y disposición serán percibidos como parte de un mismo nivel jerárquico.

Y aquí va un consejo antes de terminar el artículo. Elabora primero un listado con todo lo que necesitamos incluir en nuestra pieza, y ordena cada elemento por nivel de prioridad. Así descubriremos cuáles son los datos más relevantes y qué debe encabezar nuestra jerarquía visual. Te parecerá muy básico, pero esto nos permitirá averiguar cómo disponer los elementos en nuestra composición, qué tamaño podría tener cada uno, el espacio alrededor, su color, o dónde establecer ese primer punto focal.

Si estas buscando impactar apuesta por ser original y buscar una forma creativa de presentar la información, pero recuerda estamos buscando crear una estructura visual clara y fácil de entender. Antes de romper las reglas, necesitamos conocerlas.

Toma las riendas de tu diseño y trabaja siempre la jerarquía visual de tus composiciones.

# data[].attributes.attachment_link.title
Jerarquía visual: qué es y cómo aplicarla bien - Imborrable

# data[].attributes.attachment_link.description
Para lograr comunicar y garantizar que nuestro mensaje se lee en el orden correcto, vamos a necesitar ayudarnos de la jerarquía visual.

# data[].attributes.attachment_link.readable_text
Resulta imposible no tener un contacto directo constante con tipografías. Nos acompañan en todo momento, ya que forman parte de nuestra rutina diaria. Hablamos por tanto de un elemento visual casi omnipresente del que podemos hacer uso desde el diseño gráfico .

Además, las tipografías son una herramienta clave a la hora de diseñar la identidad de marca o branding de un proyecto. Junto con el logo, la paleta de colores y otros recursos, forman parte del branding visual que diseñamos estratégicamente para reforzar el mensaje que queremos enviar desde la empresa.

En este artículo voy a profundizar en el concepto de la tipografía. Aprenderás qué es una familia tipográfica y conocerás sus variables, así como los 4 grandes grupos de tipografías que existen teniendo en cuenta su forma. Además, al final del artículo te listo las 6 webs a las que más recurro cuando necesito encontrar la mejor tipografía para el diseño de un proyecto o marca.

Índice de contenido

¿Qué es una tipografía?

La palabra tipografía proviene de dos términos griegos: "typos" que significa golpe, marca o forma, y "graphia" que significa cualidad de escribir.

Podemos definir la tipografía como "el arte de diseñar las letras". Se denomina así a la disciplina que estudia la representación gráfica de las letras para que el lenguaje escrito sea efectivo.

Al mismo tiempo, denominamos también tipografía a la escritura con un conjunto de caracteres alfanuméricos, elaborados previamente y que cuentan con un estilo y una serie de características en común.

Toda la familia de caracteres se ha diseñado siguiendo unas mismas pautas y estilo. Posteriormente se han incluido en un archivo contenedor con formato (Microsoft y ) o (Apple).

Gracias a estos archivos podremos incluir las tipografías en nuestro catálogo tipográfico, que nos permitirá usarlas desde cualquier programa de edición de textos (o imágenes) o programas de diseño desde nuestro ordenador. Podremos incluir estos diseños de letras en nuestras creatividades y composiciones, sin necesidad de diseñarlas una y otra vez.

No debemos confundir la técnica de la tipografía con el Lettering "el arte de dibujar las letras" o la Caligrafía "el arte de escribir las letras". Aunque cuenten con similitud, estas 3 técnicas difieren en cómo conciben y abordan la creación de las letras.

Al autor de la tipografía lo denominamos tipógrafo.

Al igual que ocurre con las formas, los colores o las imágenes, las tipografías también pueden llegar a evocarnos conceptos o emociones. A esto se le denomina psicología tipográfica o personalidad de la tipografía.

La personalidad tipográfica nos puede ayudar a transmitir aún más con la identidad visual de la marca. Por ejemplo, si queremos que la empresa se muestre moderna y cercana, podemos recurrir a una tipografía de palo seco. Si quizás la preferimos más tradicional y seria, una tipografía con serifa podría ser una mejor opción.

Tipos de Tipografías

Sin profundizar demasiado dentro de cada categoría de tipografías, lo cierto es que podemos clasificar a las fuentes tipográficas por su morfología en 4 grandes grupos:

Con serifa (romanas)

Sin serifa (palo seco)

Cursivas (manuscritas)

Decorativas (exposición)

Vamos a conocerlas una por una para que puedas aprender a diferenciarlas por su forma.

Tipografías con serifa (romanas)

Las tipografías con serifa son aquellas que cuentan con remates o terminales, que son esos pequeños adornos ubicados en los extremos de los trazos de los caracteres.

Las tipografías Serif suelen ser concebidas como serias y tradicionales. Cuentan con un aire académico o institucional. Son tipografías idóneas para párrafos o textos largos, ya que los pequeños terminales o serifas contribuyen a que se cree una línea imaginaria bajo el texto que facilita mucho lectura a nuestro ojo.

Algunos ejemplos de fuentes tipográficas Serif son: Times New Roman, Garamond o Book Antigua.

Y recuerda dentro de las tipografías con serifa, podemos incluir también las tipografías egipcias o Slab Serif.

Tipografías sin serifa (de palo seco)

Las tipografías sin serifa o de palo seco (sans serif) se caracterizan por la ausencia de remates y terminales. Se diseñan sin serifas. Sus trazos apenas presentan contrastes.

Las tipografías Sans Serif suelen asociarse con la tipografía comercial, ya que ofrecen un resultado muy bueno para la impresión de titulares o poco texto, en carteles y publicidad. Este estilo de fuente evoca modernidad, seguridad, neutralidad y minimalismo.

Aunque este tipo de fuente tipográfica no cuente con la línea invisible que consiguen las tipografías Serif para los textos largos, es muy recurrida también para textos en pantalla y textos en tamaños pequeños. Gracias precisamente a la ausencia de terminales y remates, esta tipografía puede resultar más legible en textos de pequeño tamaño que su hermana mayor.

Algunos ejemplos de tipografías San Serif son: Futura, Helvética, Arial, Gotham o Avenir.

Tipografías cursiva (manuscritas)

Las tipografías cursivas, también se denominan como script o manuscritas. Son tipografías que representan o imitan la caligrafía a mano, por lo que en ocasiones también se les puede denominar como tipografías caligráficas.

Generalmente este tipo de tipografías cuentan con una tendencia itálica o cursiva claro. Las letras se ligan entre sí y encontramos curvas más pronunciadas que en las tipografías con serifa o de palo seco.

Como se ligan con la caligrafía, cuentan con una personalidad algo más humana y cercana. Algunas tipografías cursivas podrían ser Beckham Script o Parisienne.

Tipografías decorativas (exposición)

También se les denomina como tipografías display. Están consideradas como tipografías divertidas, más desenfadadas, pero pueden transmitir una gran variedad de sensaciones.

Cuentan un carácter y personalidad muy fuerte. Desde el punto de vista de la psicología tipográfica son transgresoras y contribuyen a llamar más la atención. No obstante, la legibilidad que se puede obtener con este tipo de fuentes es algo más pobre.

Dentro de este conjunto de decorativas entrarían las tipografías cuyas características no se ajustan a los tres conjuntos anteriores. Suelen crearse para fines específicos donde la legibilidad no se tiene demasiado en cuenta. Como por ejemplo en el branding de producto en el sector de la alimentación. Son muy expresivas y suelen contar con atributos más temáticos.

Eso sí, definitivamente no son tipografías idóneas para párrafos de texto.

Pueden llegar a transmitir falta de cuidado o desinterés en el diseño. Por eso, piénsate bien cuando utilizar este tipo de fuentes tipográficas.

¿Qué es una familia tipográfica?

Una familia tipográfica es un conjunto de caracteres, alfabéticos o no, que cuentan con unas características comunes en su estructura y en su estilo. Esto nos permite identificarlas como una misma familia.

Los miembros que integran una misma familia tipográfica se parecen entre sí, pero cuentan con algunos rasgos propios como variaciones de peso, inclinación y proporción. Esto lo voy a aclarar con más detalle en el siguiente punto.

Existen multitud de familias tipográficas. Originalmente surgieron con la creación de la imprenta pero otras han ido apareciendo como resultado de la digitalización de todo el proceso de diseño de tipografías.

Por ejemplo, las familias Gotham, Futura o Swift son algunas de mis familias tipográficas favoritas. Las uso con bastante frecuencia.

Las variables tipográficas y las versalitas

Las variables tipográficas son las opciones que podemos encontrar dentro de una misma familia tipográfica. Son modificaciones de la morfología de la tipografía, es decir de su forma. Actúan sobre el grosor (tono) del trazo, el ancho o proporción del carácter y la inclinación del eje vertical de los caracteres de una misma familia tipográfica.

Gracias a estas variables tipográficas vamos a poder establecer una jerarquía visual en nuestras composiciones. También nos ayudan a satisfacer las necesidades que nos pueden surgir a la hora de comunicar visualmente con tipografías.

El peso como variable tipográfica

La variable de peso, denominada también como variable de grosor o tono, afecta directamente al trazo de los caracteres. Se modifica la relación entre el ancho del trazo y los espacios vacíos dentro de cada signo tipográfico.

La tipografía bold o negrita presenta un grosor de trazo mayor, mientras que la tipografía light presenta un grosor del trazo menor.

La proporción como variable tipográfica

La variable de ancho o proporción afecta directamente a la estructura de los caracteres. Hace referencia a la modificación del ancho de la letra. En principio el trazo no varía.

Las tipografías condensadas y expandidas son tipografías que han sido diseñadas desde cero, al igual que las regulares. Por eso tampoco debemos deformar la escala de nuestras tipografías si necesitamos condensadas o expandidas.

Ten en cuenta que la variación de tamaño en sentido vertical no se considera como variable tipográfica, ya que se corresponde con una simple modificación del cuerpo tipográfico.

La inclinación como variable tipográfica

La variable tipográfica de inclinación modifica el eje de los caracteres. Hace referencia al ángulo de inclinación de la tipografía. Cambia la estructura y se altera el ritmo. La inclinación del eje vertical puede variar según el diseño de la familia tipográfica pero generalmente se encuentra entre los 8 y los 16º de inclinación.

Dentro de la variable tipográfica de inclinación vamos a poder reconocer dos tipos. Las oblicuas y las itálicas.

Las tipografías con variable oblicua cuenta con la misma morfología que la tipografía regular. Tan sólo cuenta con el eje inclinado. En cambio las tipografías con variable itálica presentan además una morfología propia con algunas reminiscencias a la caligrafía.

Tipografías versalitas

Tras la descripción de las variables tipográficas, es buen momento para mencionar también a las tipografías versalitas. Estas tipografías cuentan con alfabetos que mantienen la altura de caja alta (mayúsculas) a la misma altura que las de caja baja (minúsculas).

Las versalitas son tipografías que pueden ser de gran utilidad si por ejemplo lo necesitamos por valor estético.

Por lo tanto, después de conocer las variables tipográficas por peso, inclinación o proporción, ten en cuenta lo siguiente. Si necesitamos acudir a una tipografía negrita, condensada o itálica recuerda escoger siempre la variable tipográfica. Por favor, evita hacerlo digitalmente con software que modifique la tipografía.

6 webs donde encontrar la mejor tipografía para tu marca

En ocasiones encontrar una tipografía acertada se nos puede resistir. Aquí os dejamos una serie de webs donde podréis encontrar miles de tipografías gratuitas o de pago.

Google Fonts
Se trata de una página bastante básica, pero que incluye un enorme catálogo de tipografías que podemos utilizar de forma gratuita. Muchas de sus fuentes se pueden asemejar a otras tipografías de uso privado, como por ejemplo la tipografíaMontserrat, que se asemeja mucho a la Gotham. Esta herramienta de Google puede ser realmente útil, sin embargo al estar tan al alcance, muchas de sus tipografías han sido bastante utilizadas ya. El único problema con el que nos podemos encontrar es que algunas tipografías pueden no estar del todo perfectas y requieren que les metamos algo de mano para nuestros diseños.No obstante, Google Fonts sigue siendo una opción ideal para quien no se pueda permitir adquirir una tipografía de pago.No te pierdas nuestro artículo: Google Fonts: Qué es y las 10 mejores tipografías gratuitas

Myfonts
Myfonts es la web de tipografías comerciales más popular de Internet. En este portal podemos encontrar tipografías de cualquier estilo para nuestros diseños, tanto editoriales como web.Todas las tipografías son de pago. La plataforma cuenta con una sección denominada What's New, donde publican ofertas especiales y nuevas incorporaciones a su colección. Por otro lado, si hay alguna tipografía que te gustaría localizar, y cuentas con un texto escrito en ella, visita la sección What The Font.

Latinotype
Este estudio tipográfico está formado por creadores de Latinoamérica. No cuenta con muchas tipografías, pero podeos encontrar algunas realmente buenas, como laNeogrotesk, a precios muy económicos.

Good Type Foundry
Esta página web cuenta con un catálogo bastante variado de tipografías de alta calidad, aunque no es muy extenso.

Family Type
Otra web bastante interesante que cuenta con tipografías bien definidas y trabajadas. Además, su página puede resultarte muy divertida. Te entretendrás mientras buscas la fuente que más te convenga. El equipo de Familytype son los responsables de otro original proyecto denominadoUniversal Sans, que merece la pena conocer. Bajo esta página web podremos ir creando una tipografía Sans a nuestro gusto, cambiando detalles como el grosor, los terminales, las serifas, etc.

Se trata de un catálogo gratuito de fuentes, que se centra mayormente en tipografía contemporánea. Se trata de una plataforma que se estrenó hace bastante poco y donde los tipógrafos pueden enviar también sus tipografías.

¿Cómo instalar una tipografía en nuestro ordenador?

Todo sistema operativo cuenta con una serie de tipografías preinstaladas por defecto, pero siempre podremos incluir nuevas familias tipográficas con las que trabajar.

Para usuarios Windows

Para instalar una tipografía en el sistema operativo de Windows, debemos acceder a la carpeta Mi PC > C* > Windows > Fonts, donde volcaremos los ficheros de las tipografías. Al abrir esta carpeta, podremos consultar todas las tipografías que se encuentran instaladas en nuestro ordenador. Para instalar las nuevas tipografías en nuestro equipo, tan solo necesitamos arrastrar ficheros a esta carpeta.

Para usuarios macOS

Para los usuarios de Apple es un poco más fácil. Basta con hacer doble clic sobre el fichero de la tipografía que queremos instalar, y el programa Catálogo Tipográfico se abrirá para guiarnos en el proceso. Además, desde este programa podemos consultar las tipografías instaladas, así como desactivar algunas, para evitar que carguen en nuestra memoria RAM, si por ejemplo, ya sabemos que no las vamos a utilizar por un tiempo.

¡Esperamos que os haya gustado el artículo!
Anímate y cuéntanos cuáles son las tipografías que más utilizas en tus diseños en nuestros comentarios.

Recuerda, la manipulación de las tipografías debes realizarla siempre con cuidado y respetando la morfología tipográfica. Ya que las tipografías son el resultado final de un extenso y complejo proceso de diseño por parte del tipógrafo.

Jaime P. Llasera

Soy Ingeniero informático, diseñador gráfico y desde hace más de 13 años ayudo a otras empresas a trabajar en su identidad corporativa.
YouTube

# data[].attributes.attachment_link.title
Tipografías: Qué son, los diferentes tipos y sus variables tipográficas

# data[].attributes.attachment_link.description
Resulta imposible no tener un contacto directo constante con tipografías. Nos acompañan en todo momento, ya que forman parte de nuestra rutina diaria. Hablamos por tanto de un elemento visual casi omnipresente del que podemos hacer uso desde el diseño gráfico .