• 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 un enlace 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

Lo que más te gusta

Mock ups periódico gratuito
Todos los cursos de Domestika a 9,99€
La visión colorista del mundo de Kokoro & Moi
Herramientas 3D que transformarán el retail y la moda
El tradicional juego de la Lotería Mexicana reinterpretado por ilustradores de todo el mundo
Mock-Ups de Enaras gratuitos
Andreas Preis, un prodigio del diseño gráfico
Deepak Chopra: el reto de 21 días para forrarse (él, no tú)
¿Algo te preocupa en la vida? Pregúntale a Dimitri.
Cómo hacer campañas creativas de publicidad para dentistas y clínicas dentales

Instagram

  • Os acordáis de algunas de estas gráficas? Hoy @iberia cumple 95 años y nos las recuerda

Que os parecen?

A mi brutales
  • Absolut ha colaborado con uno de los artistas españoles más internacionales, @RicardoCavolo que ha convertido la botella en una obra de arte que habla, remueve y reivindica.
@Absolut ha colaborado con uno de los artistas españoles más internacionales, Ricardo Cavolo, que ha convertido la botella en una obra de arte que habla, remueve y reivindica.

Si quieres saber más de esta acción, pásate por nuestro blog

#lgtbi+ #absolut #arte #creatividad #packaging
  • Que artista está detrás de esta maravilla creada con @lego 

Por favor si alguien lo sabe que me lo diga.

#lego #design #music #creatividad #madona #beatles #pinkfloid #creatividadenblanco
  • Me encanta la nueva campaña creada por @septimo.co para SS22 de @natura.es
Toda la campaña gira en torno al concepto de la Vida bonita y el design system en torno al mundo ibicenco de los 70s.

#diseño #vidabonita #creatividadenblanco #diseño #design #ilustracion #publicidad #arte #design #lettering #creatividad #marketing #creatiivity #branding #arte #animacion #color
  • Precioso trabajo el de @gonzalorodriguez.stu con los poster animados que ha realizado para el JAM JAM FEST(LIVE MUSIC FESTIVAL)

Branding - Unofficial Work - Non Comercial
.

#designeverywhere #contemporarytype #helveticaposter #designpicked #graphicindex #collectgraphics #brandidentity #vsljrnl #currodsgn #bountyhuntersarchive #posterdesign #youaretypography #inspofinds #grafikfeed #neonlimemagazine #thedesignblacklist #eyeondesign #itsnicethat #behance #grafikmedia #designgrafico #graphicdesign #graphicdesign #designfeed #thebrandingcollective #printisnotdead #postergraphic #typeposter #blkmarket #fkndesign
  • Repost @agustinagastaldif Berry yogurt 🍓🫐🍒

 #starbucks #coffee #design #poster #coffeelover #starbuckscoffee #berry #goodtype #lettering #3d #cgi #art #typegang #diseño #creatividad #creatividadenblanco
  • Repost @doublewhy_y FUCK PINKWASHING
Queer is NOT a brand and will not stand as a cover up for Israel to justify ignominious massacres
.
We
  • Preciosa imagen de marca para Helado 🍦 realizado por @lusydesign

#marca #diseño #helado #imagendemarca #packaging #creatividad #creatividadenblanco
  • Brutal la exposición de Cómic de @cosmocaixa 

No pongo mas fotos por no destriparla

Entrevistas

Entrevista al ilustrador Mexicano Pequeño Capitán

Entrevista al ilustrador Mexicano Pequeño Capitán

by Pilar Terrón
20/12/2017
0

Hemos entrevistado al ilustrador mexicano conocido como Pequeño Capitán (Luis Carlos Gaytan). Nacido en Virginia, actualemente tiene su base en...

Neuromarketing: Evolucionando el marketing

Neuromarketing: Evolucionando el marketing

by Pilar Terrón
08/07/2015
0

Desde Monterrey, México, tuvimos el honor de entrevistar a Jorge Chávez, director Creativo de la agencia Capitán Marketing, quien nos...

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 raul soria

Entrevistamos al ilustrador Raúl Soria

by Pilar Terrón
24/02/2021
0

Raúl Soria es un ilustrador nacido y criado en Zaragoza, España, ahora viviendo en Berlín. Estudió en la Universidad de...

Esther Rosado en TVE

Esther Rosado en TVE

by Pilar Terrón
01/07/2011
0

Como a Esther le da mucha vergüenza hacer pública su entrevista, lo hago yo, que sin embargo estoy muy orgullosa...

La Creatividad por A-cero: Joaquín Torres y Rafael Llamazares

La Creatividad por A-cero: Joaquín Torres y Rafael Llamazares

by Pilar Terrón
27/03/2018
0

Hemos tenido la suerte de entrevistar, y hablar de Creatividad con Joaquín Torres y Rafael Llamazares, creadores del conocido estudio de...

@creatividad_en_blanco

  • Os acordáis de algunas de estas gráficas? Hoy @iberia cumple 95 años y nos las recuerda

Que os parecen?

A mi brutales
  • Absolut ha colaborado con uno de los artistas españoles más internacionales, @RicardoCavolo que ha convertido la botella en una obra de arte que habla, remueve y reivindica.
@Absolut ha colaborado con uno de los artistas españoles más internacionales, Ricardo Cavolo, que ha convertido la botella en una obra de arte que habla, remueve y reivindica.

Si quieres saber más de esta acción, pásate por nuestro blog

#lgtbi+ #absolut #arte #creatividad #packaging
  • Que artista está detrás de esta maravilla creada con @lego 

Por favor si alguien lo sabe que me lo diga.

#lego #design #music #creatividad #madona #beatles #pinkfloid #creatividadenblanco
  • Me encanta la nueva campaña creada por @septimo.co para SS22 de @natura.es
Toda la campaña gira en torno al concepto de la Vida bonita y el design system en torno al mundo ibicenco de los 70s.

#diseño #vidabonita #creatividadenblanco #diseño #design #ilustracion #publicidad #arte #design #lettering #creatividad #marketing #creatiivity #branding #arte #animacion #color
  • Precioso trabajo el de @gonzalorodriguez.stu con los poster animados que ha realizado para el JAM JAM FEST(LIVE MUSIC FESTIVAL)

Branding - Unofficial Work - Non Comercial
.

#designeverywhere #contemporarytype #helveticaposter #designpicked #graphicindex #collectgraphics #brandidentity #vsljrnl #currodsgn #bountyhuntersarchive #posterdesign #youaretypography #inspofinds #grafikfeed #neonlimemagazine #thedesignblacklist #eyeondesign #itsnicethat #behance #grafikmedia #designgrafico #graphicdesign #graphicdesign #designfeed #thebrandingcollective #printisnotdead #postergraphic #typeposter #blkmarket #fkndesign
  • Repost @agustinagastaldif Berry yogurt 🍓🫐🍒

 #starbucks #coffee #design #poster #coffeelover #starbuckscoffee #berry #goodtype #lettering #3d #cgi #art #typegang #diseño #creatividad #creatividadenblanco

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.