• Quiénes Somos
    • Pilar
    • Esther
  • Autores y colaboradores
  • Cuéntanos
  • Por qué
  • Contacto
No Result
View All Result
Creatividad en Blanco
  • PUBLICIDAD
  • DISEÑO
  • SOCIAL MEDIA
  • GAMIFICACION
  • ARTE
  • ENTREVISTAS
  • RECURSOS
  • Formacion
  • PUBLICIDAD
  • DISEÑO
  • SOCIAL MEDIA
  • GAMIFICACION
  • ARTE
  • ENTREVISTAS
  • RECURSOS
  • Formacion
No Result
View All Result
Creatividad en Blanco

Conceptos básicos del equilibrio óptico en el diseño de interfaces

Pilar Terrón by Pilar Terrón
06/05/2020
in creatividad, creatividad en blanco, Diseño, web
0
Home creatividad
https://www.facebook.com/creatividadenblancoCompártelo en TwitterCompártelo en LinkedinCompártelo en PinterestEnvíalo por Whatsapp

Nuestro cerebro percibe la información de manera diferente a lo que creemos en muchas ocasiones, es lo que llamamos ilusión óptica.

Con el diseño de interfaces (UI), debes romper las leyes de la física y las matemáticas y cambiar ligeramente la apariencia de los elementos para crear un equilibrio óptico.

Tamaño

Cuando colocamos un cuadrado y un círculo uno al lado del otro y les damos exactamente el mismo tamaño, podemos sentir visualmente que el círculo es más pequeño que el cuadrado. En ese caso, aumentamos ligeramente nuestro círculo, y las formas se verán visualmente más cercanas entre sí, aunque el diámetro del círculo sea, de hecho, mayor que el diámetro del cuadrado.

cuadrado circulo tamaño ui

Este ajuste óptico también lo realizamos por ejemplo cuando diseñamos tipografías.

Las formas básicas poseen un peso visual relacionado con la superficie que ocupan. Para equilibrar estas diferencias visuales entre formas es necesario modificar sus dimensiones aumentando el tamaño del vértice superior en el triángulo y el tamaño del círculo por los extremos superior e inferior. Un claro ejemplo de este uso se puede ver en tipografía: para la creación de los caracteres triangulares (como la ‘A’ o la ‘V’) es necesario su ensanche por el vértice. Para la creación de caracteres circulares (como la ‘O’) es necesario compensar visualmente los dos extremos. Los caracteres mixtos (como la ‘D’) se compensan siguiendo estos principios.

cuadrado circulo triangulo tipografía

Color

La compensación en el balance óptico con colores es menos apreciable. Sin embargo, en el caso de que coloquemos un icono lleno al lado de un texto, podríamos encontrar el siguiente problema: el texto podría verse un poco más tenue.

Este desajuste óptico ocurre porque los caracteres, en comparación con un icono lleno, están hechos de líneas finas y tienen menos peso visual que el icono.

Para contrarrestar el problema con respecto al peso visual, podríamos darle al texto un color ligeramente más oscuro en comparación con el icono.

Posición

Cuando colocamos un icono al lado de un texto y los alineamos verticalmente, podríamos terminar colocando el icono más alto en relación con el texto.

Aquí es donde también debemos considerar la línea de base del texto, ya que ambos objetos tienen pesos diferentes. En este caso, solo necesitamos bajar el icono dentro del cuadro delimitador, como se muestra en el ejemplo de la imagen a continuación.

posición ui

Comparte!

  • Haz clic para compartir en Twitter (Se abre en una ventana nueva)
  • Haz clic para compartir en Facebook (Se abre en una ventana nueva)
  • Haz clic para compartir en Pinterest (Se abre en una ventana nueva)
  • Haz clic para compartir en LinkedIn (Se abre en una ventana nueva)
  • Haz clic para compartir en WhatsApp (Se abre en una ventana nueva)
  • Haz clic para enviar por correo electrónico a un amigo (Se abre en una ventana nueva)

Seguro que también te interesa:

Tags: Diseñoequilibrio opticointerfazui
Previous Post

Retrato Creativo Ilustrado con Procreate

Next Post

Corrección de color profesional con Da Vinci Resolve

Pilar Terrón

Pilar Terrón

Licenciada en Publicidad y Relaciones Públicas. Dedicada a la creatividad desde 1999. He trabajado para clientes como Samsung, Opel, Real Madrid, Aguila Amstel y he creado el lanzamiento de Ciudad del Vino de Marqués de Riscal. Apasionada por los videojuegos, soy docente en el IED en el CFGS de Videojuegos.

Next Post
da vinci resolve

Corrección de color profesional con Da Vinci Resolve

Discussion about this post

Síguenos

  • Facebook
  • Twitter
  • Instagram
  • Pinterest
  • YouTube
  • LinkedIn

Newsletter

Lo que más te gusta

Deepak Chopra: el reto de 21 días para forrarse (él, no tú)
Mock ups periódico gratuito
La formación de moda: Master en Marketing Digital
Boxha es café en el idioma de los Mayas
Andreas Preis, un prodigio del diseño gráfico
Entrevistamos al ilustrador Raúl Soria
Introducción a la creación de personajes estilo cartoon
Nunca des salsa bbq a un perro
¿Algo te preocupa en la vida? Pregúntale a Dimitri.
La incómoda contradicción del “yo social” vs. el “yo real”

Instagram

  • Es una imagen distorsionada o está reflejado en algo?

Descubre la campaña completa de @serviceplan para Elephant Blue en nuestro blog

#campaña #publicidad #advertisment #creatividadenblanco #diseño #design #ilustracion #publicidad #arte #design #lettering #creatividad #marketing #creativity #branding #arte #animacion #color
  • La chica que construyó un cohete, o el derecho básico al agua

Un precioso spot creado por @dontpanicldn para @wateraid que podéis ver en nuestro blog

#animacion #spot #wateraid #cohete #creatividadenblanco #diseño #design #ilustracion #publicidad #arte #design #lettering #creatividad #marketing #creativity #branding #arte #animacion #color
  • Twitch, el futuro de la TV y las marcas

Un estudio nos habla de cómo esta irrumpiendo esta rede social en nuestras vidas

#twich #redsocial #socialmedia #estudio #creatividadenblanco #diseño #design #ilustracion #publicidad #arte #design #lettering #creatividad #marketing #creativity #branding #arte #animacion #color @twitch.es
  • Generación 2021: los artistas del presente reflexionan sobre la identidad

Los artistas de Generación 2021 abordan temáticas que giran en torno a la identidad, tanto individual como colectiva, con conceptos que, desde su experiencia personal, se revelan como alternativas para cuestionar el orden establecido.

La exposicion la podéis ver en @lacasaencendida 

#exposicion #arte #generacion2021 #creatividadenblanco #diseño #design #ilustracion #publicidad #arte #design #lettering #creatividad #marketing #creativity #branding #arte #animacion #color
  • Coca-Cola ha pasado de los nombres al abecedario

Ahora en 2021, Coca-Cola ha impreso en sus productos, todas las letras del abecedario, para volver a captar la atención de su público. La idea de la marca es que la gente pueda crear sus palabras o mensajes y lo lancen en sus redes sociales.

Descubre más piezas de la campaña en nuestro blog

@cocacola_esp #abecedario #cocacola #packagingdesign #creatividadenblanco #diseño #design #ilustracion #publicidad #arte #design #lettering #creatividad #marketing #creativity #branding #arte #animacion #color
  • Feliz día de santa publicita
  • Feliz día de la Publicidad!

¡Más coños! o la falta de visibilidad de las mujeres en el mundo publicitario.

No dejéis de ver todo lo que hay detrás de esta campaña creada por @grow.es en nuestro blog

#santapublicita #menoscoñasymascoños #creatividad #mujer #masmujerescreativas #coños #creatividadenblanco #diseño #design #ilustracion #publicidad #arte #design #lettering #creatividad #markeuting #creativity #branding #arte #animacion #color
  • Soy muy de Marvel, así que cuando Disney+ lanzó la nueva serie de WandaVision, me puse a consumir esta nueva entrega. 

Lo que más me gusta es la unidad gráfica que está creando, tanto con el producto cinematográfico como con todos los elementos visuales que rodean a la serie, como son los carteles que hoy os traigo.

Si queréis ver el resto de carteles, os aconsejo que os paséis por nuestro blog

@disneypluses @marvelspain #WandaVision #marvel #disney #cartel #retro #disneyplus #creatividadenblanco #diseño #design #ilustracion #publicidad #arte #design #lettering #creatividad #markeuting #creativity #branding #arte #animacion #color #tipografia #font #serie
  • Inklination, una nueva grotesca que va ‘contra las reglas’

#tipografia #inklination #font #creatividadenblanco #diseño #design #ilustracion #publicidad #arte #design #lettering #creatividad #marketing #creativity #branding #arte #animacion #color

Entrevistas

entrevista a Vanessa Arlandis

Entrevista a Vanessa Arlandis

by Pilar Terrón
10/05/2017
0

Hemos hablado de creatividad con Vanessa Arlandis responsable de Marketing y Comunicación en KuantoKusta KuantoKusta, un comparador de precios de Portugal que...

Entrevista a Nuria Boj

Entrevistamos a la ilustradora Nuria Boj

by Pilar Terrón
18/11/2020
0

Nuria Boj es una ilustradora y diseñadora de movimiento independiente con sede en Escocia. Crea trabajos de ilustración y diseño...

entrevista a kike sarasola creatividad room mate

Entrevista a Kike Sarasola

by Pilar Terrón
17/04/2017
0

Hemos realizado una entrevista a Kike Sarasola en la que hemos hablado de creatividad. Porque como ya sabéis la creatividad...

entrevista metodo bass creatividad

Entrevista a Natalia Villarrubia y Jesús Fernández

by Pilar Terrón
14/06/2018
0

Natalia Villarrubia es una periodista especializada en comunicación digital y Branding. Tras su paso por compañías como Penguin Random House o...

La Creatividad según el ilustrador Jorge Arévalo

La Creatividad según el ilustrador Jorge Arévalo

by Pilar Terrón
14/10/2015
0

Hemos entrevistado a Jorge Arévalo ilustrador de numerosas publicaciones. Su trabajo más conocido quizá sean sus personajes en el suplemento LA LUNA, toda...

entrevista a tavo montañez sobre creatividad

Entrevistamos a Tavo Montañez

by Pilar Terrón
04/11/2020
0

Hemos entrevistado a Tavo Montañez (Gustavo Díaz Montañez), ilustrador mexicano, con el que hemos hablado de cretividad. Tavo Montañez es...

@creatividad_en_blanco

  • Es una imagen distorsionada o está reflejado en algo?

Descubre la campaña completa de @serviceplan para Elephant Blue en nuestro blog

#campaña #publicidad #advertisment #creatividadenblanco #diseño #design #ilustracion #publicidad #arte #design #lettering #creatividad #marketing #creativity #branding #arte #animacion #color
  • La chica que construyó un cohete, o el derecho básico al agua

Un precioso spot creado por @dontpanicldn para @wateraid que podéis ver en nuestro blog

#animacion #spot #wateraid #cohete #creatividadenblanco #diseño #design #ilustracion #publicidad #arte #design #lettering #creatividad #marketing #creativity #branding #arte #animacion #color
  • Twitch, el futuro de la TV y las marcas

Un estudio nos habla de cómo esta irrumpiendo esta rede social en nuestras vidas

#twich #redsocial #socialmedia #estudio #creatividadenblanco #diseño #design #ilustracion #publicidad #arte #design #lettering #creatividad #marketing #creativity #branding #arte #animacion #color @twitch.es
  • Generación 2021: los artistas del presente reflexionan sobre la identidad

Los artistas de Generación 2021 abordan temáticas que giran en torno a la identidad, tanto individual como colectiva, con conceptos que, desde su experiencia personal, se revelan como alternativas para cuestionar el orden establecido.

La exposicion la podéis ver en @lacasaencendida 

#exposicion #arte #generacion2021 #creatividadenblanco #diseño #design #ilustracion #publicidad #arte #design #lettering #creatividad #marketing #creativity #branding #arte #animacion #color
  • Coca-Cola ha pasado de los nombres al abecedario

Ahora en 2021, Coca-Cola ha impreso en sus productos, todas las letras del abecedario, para volver a captar la atención de su público. La idea de la marca es que la gente pueda crear sus palabras o mensajes y lo lancen en sus redes sociales.

Descubre más piezas de la campaña en nuestro blog

@cocacola_esp #abecedario #cocacola #packagingdesign #creatividadenblanco #diseño #design #ilustracion #publicidad #arte #design #lettering #creatividad #marketing #creativity #branding #arte #animacion #color
  • Feliz día de santa publicita

Llevamos desde 2009 hablando de creatividad en todos sus aspectos: diseño, publicidad, social media, ilustración, videojuegos…

 

Sígueme en Twitter

Mis tuits

Síguenos

  • Facebook
  • Twitter
  • Instagram
  • Pinterest
  • YouTube
  • LinkedIn

© 2020 Creatividad en Blanco - Blog diseñado por Pilar Terrón.

No Result
View All Result
  • PUBLICIDAD
  • DISEÑO
  • SOCIAL MEDIA
  • GAMIFICACION
  • ARTE
  • ENTREVISTAS
  • RECURSOS
  • Formacion

© 2020 Creatividad en Blanco - Blog diseñado por Pilar Terrón.

Nos encantan las galletas. Por eso necesitamos que aceptes nuestra política de cookies. Puedes leerla aquí nuestraPolítica de cookies.
loading Cancelar
La entrada no fue enviada. ¡Comprueba tus direcciones de correo electrónico!
Error en la comprobación del correo electrónico. Por favor, vuelve a intentarlo
Lo sentimos, tu blog no puede compartir entradas por correo electrónico.