• 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

Lo que más te gusta

Mock ups periódico gratuito
Boxha es café en el idioma de los Mayas
Tabla periódica del diseño
El tradicional juego de la Lotería Mexicana reinterpretado por ilustradores de todo el mundo
22 descargas gratis en Domestika
Mock-Ups de Enaras gratuitos
Tributo gráfico a Elvis Presley
Fanta: nuevo logo y packaging
Deepak Chopra: el reto de 21 días para forrarse (él, no tú)
Unos pollos "sucios"

Instagram

  • Un poco de historia del diseño gráfico 

Per Arnoldi, Oscar Peterson, 1974. #poster #posterdesign #posterhistory #graphicdesign #graphicdesignhistory #perarnoldi #creatividad #historiadeldiseño #diseñografico
  • "¿Un duelo eterno o el equilibrio perfecto de la naturaleza?

@BooRepublic

#oliveoil #packagingdesign #creatividad #diseño #fable
  • El mini documental de @seagramsgin_es que muestra el desarrollo del experimento y el making of de las más de 3 horas de maquillaje y estilismo.
Durante los dos últimos días, los perfiles de redes sociales de @najwanimri Nimri han ardido. La cuenta oficial de una de las actrices más relevantes y polifacéticas del panorama actual se llenaba de extrañas e inesperadas publicaciones.

#creatividad #seagram #experimento #publicidad
  • Espectacular acción 🤯 de exterior en 3D de Nike en Japón 🇯🇵 

Esta propuesta se enmarca dentro de la celebración del Air Max Day de la marca 🤙🏽

#digital #agency #publicidad #3D #exteriores #nike #japon #marketing #brand #branding
  • Repost Posted 
Designed by Herefor Studio @hereforstudio
-
Leave a comment 💬 if you like this! 👍
-
#branding #packaging #creative #logo #design #creativedesign  #logotype #corporateidentity #identity #design #photoshop #typography #illustrator #illustration #graphic #logos #packagingdesign
#vector #brandidentity #creativeagency #brand #brandmark.
  • Beautiful work 

Repost• @butter_pear Today, Dear body week begins!
I will be co-hosting along with some crazy talented ladies 🤍

🌿Prompt 1: Dear me 🌿

Dear me, don
  • Los quieroooo me encantan!!!

Repost @blanchedaramir ✨🎉NEW🎉✨
Très heureuse de vous présenter ma nouvelle collaboration avec @boomboom__shop, une boutique que j’aime particulièrement ❤️
Avec Carine, nous avons créé deux carnets A5, pour écrire, pour dessiner.
La couleur est au rendez-vous, on en a tous besoin.
WITH LOVE
Photos by @carine_boomboom 
.
.
.
.
.
.
.
.
#blanchedaramir #boomboom #boomboomshop #papeterie #notebook #carnet #stationarystore #stationery #color #colorful #colorfulart #abstractdrawing #palette #colorpalette #colorinspiration #visualart #abstractdesign #graphicdesign #womenillustrator #womenartists #illustration #theillustrationroom #pattern #patterndesign #patterndesigner #patternlover #illustration #motif #sketchbook #sketchbooktour
  • Repost Work by @allgoodagency
-
Obom’s Kitchen. This is West African food, unleashed. Obom’s Kitchen is an explosion of flavour and heritage, remixed for the UK. We created a bold statement and a fun and energetic brand to match.
-

We are the brand specialists. Using creativity for the power of good. We love our work to drive action, discussion and change.
.
.
.
.
#brandinginspiration #branddesigner #typographydesign #branddevelopment #visualidentity #graphicdesigners #branddesign #brandingdesign #brandidentity #branding
  • Respira• @imgtin ✳︎ full-brand reveal for #TBCTheBagelShack🤠 💭 
.
.
.
#thebriefclub #theglowandgrowclub #brandingboard #brandidentity #branddesigner #logodesignersclub #logodesigning #designprocess #colorpalettes #typographydesign #typographyinspiration #graphicdesigners #graphicdesignersclub #graphicdesignersgroup #passionprojects #sdliving #sandiegodesigner #freelance #freelancedesign #freelancedesigner #freelancelife

Entrevistas

Entrevistamos a Marta García Larriu

Entrevistamos a Marta García Larriu

by Pilar Terrón
03/06/2021
0

Marta Garcia Larriu, economista de formación, productora audiovisual por pasión y directora de festival por vocación. Después de trabajar un...

entrevista oscar moctezuma

Entrevistamos a Oscar Moctezuma

by Pilar Terrón
08/01/2018
0

Hemos entrevistado a Oscar Moctezuma, un joven director de arte mexicano, afincado en Monterey que nos atrapa con su diseño...

entrevistamos a Duna Blanco de Mr Klaus

Entrevista a Dune Blanco

by Pilar Terrón
02/12/2020
0

Dune Blanco se dedica al Desarrollo Visual y creativo para la Industria de la Animación desde hace unos 10 años....

entrevista al ilustrador chema garcia

Entrevistamos al ilustrador Chema García

by Pilar Terrón
09/12/2020
0

Chema García cumplirá tres décadas en este oficio. Ha escrito e ilustrado comics,  libros para los más pequeños, ha trabajado...

Gaby Castellanos habla con nosotras de creatividad

Gaby Castellanos habla con nosotras de creatividad

by Pilar Terrón
16/09/2015
0

Esta vez, hemos tenido la suerte de hablar de creatividad con Gaby Castellanos, CEO de Socialophilia, y según la revista americana...

La creatividad según el ilustrador Puño

La creatividad según el ilustrador Puño

by Pilar Terrón
26/06/2015
0

Hoy os traemos la visión del ilustrador David Peña, también conocido como Puño tiene sobre la creatividad. Puño es un creador...

@creatividad_en_blanco

  • Un poco de historia del diseño gráfico 

Per Arnoldi, Oscar Peterson, 1974. #poster #posterdesign #posterhistory #graphicdesign #graphicdesignhistory #perarnoldi #creatividad #historiadeldiseño #diseñografico
  • "¿Un duelo eterno o el equilibrio perfecto de la naturaleza?

@BooRepublic

#oliveoil #packagingdesign #creatividad #diseño #fable
  • El mini documental de @seagramsgin_es que muestra el desarrollo del experimento y el making of de las más de 3 horas de maquillaje y estilismo.
Durante los dos últimos días, los perfiles de redes sociales de @najwanimri Nimri han ardido. La cuenta oficial de una de las actrices más relevantes y polifacéticas del panorama actual se llenaba de extrañas e inesperadas publicaciones.

#creatividad #seagram #experimento #publicidad
  • Espectacular acción 🤯 de exterior en 3D de Nike en Japón 🇯🇵 

Esta propuesta se enmarca dentro de la celebración del Air Max Day de la marca 🤙🏽

#digital #agency #publicidad #3D #exteriores #nike #japon #marketing #brand #branding
  • Repost Posted 
Designed by Herefor Studio @hereforstudio
-
Leave a comment 💬 if you like this! 👍
-
#branding #packaging #creative #logo #design #creativedesign  #logotype #corporateidentity #identity #design #photoshop #typography #illustrator #illustration #graphic #logos #packagingdesign
#vector #brandidentity #creativeagency #brand #brandmark.
  • Beautiful work 

Repost• @butter_pear Today, Dear body week begins!
I will be co-hosting along with some crazy talented ladies 🤍

🌿Prompt 1: Dear me 🌿

Dear me, don

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.