• 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
Andreas Preis, un prodigio del diseño gráfico
El futuro de los emoji 🧕 👪 Resultados estudio global Adobe
NO trabajes encreatividad: Guía para sobrevivir en agencias de publicidad
Campañas publicitarias de chocolate, en el Día Internacional del Chocolate
¿Algo te preocupa en la vida? Pregúntale a Dimitri.
22 descargas gratis en Domestika
Ruleta pedagógica de las apps
Tabla periódica del diseño
La campaña sobre TDAH que te impactará

Instagram

Entrevistas

entrevista samuel lopez lago en creatividad en blanco

Hoy entrevistamos a Samuel López-Lago

by Pilar Terrón
05/08/2020
0

Samuel es un profesional digital multidisciplinar y algunas de las áreas que más le llaman la atención son el diseño...

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...

Entrevista sobre creatividad con Emma Pueyo

Entrevistamos a Emma Pueyo y hablamos con ella de Creatividad

by Pilar Terrón
22/11/2017
0

Emma Pueyo es una reconocida directora creativa freelance española premiada nacional e internacionalmente en The One Show, Lovie Awards, El...

entrevista tony segarra

Entrevista al publicista Toni Segarra

by Pilar Terrón
15/07/2021
0

Toni Segarra, elegido como el mejor creativo del siglo XX por la revista Anuncios, ganador de 39 leones en el...

Creatividad científica de la mano de The Big Van Theory

Creatividad científica de la mano de The Big Van Theory

by Pilar Terrón
15/07/2015
0

Hemos entrevistado a Alberto, uno de los componentes de The Big Van Theory, y hemos hablado con él de Creatividad,...

entrevista a Tavo POnce

Entrevista a Tavo

by Pilar Terrón
02/03/2016
0

Hemos entrevistado a Tavo Ponce, Director de Arte y uno de los profesionales de referencia en España en Motion Graphics con...

@creatividad_en_blanco

    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.