Fundamentos del diseño: construyendo su marca y sitio

Si eres diseñador, probablemente te darás la vuelta ahora, pero si no lo eres, sigue adelante y aprende todo sobre los fundamentos del diseño.

El diseño no se trata solo de hacer que las cosas se vean bonitas. Realmente se trata de manipular y enseñar al usuario cómo usar su sitio web. El papel de un diseñador es trazar el camino que debe seguir un usuario para que pueda satisfacer sus necesidades y todos estén contentos.

A menudo, un usuario ni siquiera notará que esto está sucediendo. Esto se debe a que el diseño sigue un conjunto de reglas que naturalmente hemos aprendido al visitar cientos de sitios web a lo largo de nuestra vida.

Composición

Todo lo que ves en una página está ahí por una razón, y un buen diseño seguirá un conjunto de reglas denominadas principios de diseño Gestalt .

Los cerebros humanos son maravillosos porque pueden llenar los huecos de una imagen sin tener que pensar conscientemente en ella. Si alguna vez ha visto una cara en un objeto inanimado, este es su cerebro haciendo precisamente eso.

Los principios de la Gestalt se basan fundamentalmente en cómo funciona nuestro cerebro. A medida que avanza en su día, su cerebro intenta frenéticamente simplificar y organizar una serie de imágenes complejas cada segundo, ¡todo mientras simplemente toma un sorbo de café!

Estamos construidos para buscar patrones y estructuras dentro de todo lo que miramos, organizando inconscientemente todo en un sistema organizado en nuestras mentes. Luego, los diseñadores usan este conocimiento para diseñar para la mente subconsciente utilizando los siguientes principios:

Figura / suelo

Figura / suelo utiliza el concepto de espacio negativo y contraste. El cerebro separará elementos en lo que considera que están en primer plano y en segundo plano. Tomará una parte de la imagen y le asignará el papel de 'punto focal', y verá el área más grande de una imagen como el fondo sobre el que se asienta la figura.

Esto se ve a menudo en ilusiones ópticas, pero se puede aplicar a logotipos y sitios web. Por ejemplo, el logotipo de FedEx utiliza un espacio negativo en el logotipo para crear la ilusión de una flecha oculta en su interior.

El espacio negativo entre la "E" y la "x" hace que parezca que hay una flecha allí.

Proximidad

Este principio se centra en la idea de que el cerebro intenta agrupar cosas. Los objetos que están muy cerca unos de otros parecen ser parte de una familia. Incluso si las formas son idénticas, su posicionamiento es lo que hace que el usuario asuma que los elementos son parte de un grupo.

Aunque el color, la forma y el tamaño son todos iguales, nuestro cerebro nos dice que estos son tres grupos separados:

Conectividad uniforme

Esta es una de las formas clave en las que los diseñadores "enseñan" al usuario cómo utilizar el sitio web. Esto se puede hacer a través del color, el tamaño y la forma. Es seguro asumir que la información proporcionada en, por ejemplo, círculos es de naturaleza similar y la información proporcionada en, por ejemplo, cuadrados es de naturaleza diferente a la de los círculos.

Continuación

La continuación, o alineación, se basa en la idea de que el ojo humano seguirá el camino más simple en una página. Por lo tanto, cualquier información importante debe estar dentro de esa línea, ya que es el primer lugar al que el usuario buscará.

Se puede hacer de manera muy sutil, ya que las líneas dirigen el ojo del espectador con líneas literales o formas que caen naturalmente en una línea. Esto se puede ver normalmente en diagramas de flujo e infografías, pero también en sitios de comercio electrónico en controles deslizantes horizontales que muestran productos relacionados.

Las cuadrículas son una gran parte de esta alineación. Partiendo de la idea de simplicidad, el movimiento artístico Bauhaus que se originó en Alemania a principios del siglo XX comenzó el concepto de cuadrículas.

Color

El color es obviamente importante para el reconocimiento de la marca. Tan pronto como vemos los arcos dorados brillantes de McDonald's sobre un fondo rojo, sabemos lo que es. Sin embargo, estos colores no se eligieron al azar, hay algo de ciencia detrás de esto.

Por ejemplo, se utiliza la elección de McDonald's de rojo y amarillo porque son colores cálidos que aumentan la frecuencia cardíaca y, por lo tanto, le dan más hambre y es más probable que compre sus productos alimenticios.

El color tiene mucho que ver con la emoción. Tienes que pensar en quién es tu audiencia y con qué emociones quieres que se asocie tu marca.

Amarillo

Suele asociarse con la felicidad y la confianza. Sus colores cálidos lo hacen bueno para su uso en la industria alimentaria porque puede aumentar el apetito. Sin embargo, hay factores de edad a considerar. El amarillo puede hacer que los bebés sean más propensos a llorar, pero los adolescentes y los adultos jóvenes se sienten más optimistas con respecto al color amarillo. Esto luego cambia nuevamente a medida que llega al grupo demográfico de mayor edad, que luego asocia el amarillo con el miedo.

Azul

A menudo se utiliza en entornos médicos y para tecnología. Tiene una cualidad más tranquila y serena y puede parecer más profesional. También tiene el efecto contrario sobre el apetito y en realidad lo suprime más.

Púrpura

El púrpura está asociado con la riqueza, el poder y el éxito. Esto se debe al hecho de que los reyes solían vestirse de púrpura como signo de riqueza, ya que era uno de los pigmentos más difíciles de teñir la tela: tenías que ser muy rico para obtener ropa de ese color. Esto se ha trasladado a nuestro subconsciente y le da al púrpura las mismas connotaciones que tenía hace cientos de años.

Rosa

El rosa es conocido por sus cualidades calmantes. Sus efectos son tan poderosos que los colores se utilizan en las cárceles para calmar inicialmente a los reclusos. Luego también tiene asociaciones más estereotipadas como el amor y el romance.

naranja

Similar al amarillo, ya que es un color cálido, el naranja transmite emociones de entusiasmo y emoción. Se puede usar como una versión más suave del amarillo, ya que es más accesible y amigable. Sus colores brillantes también significan que puede usarse para señales para llamar la atención o advertencias sin ser tan áspero como, por ejemplo, el rojo.

Reuniéndolo juntos

Esta es solo la introducción al diseño. Como puede ver, hay muchos elementos y mucho pensamiento que pueden ir detrás de algo que puede parecer relativamente simple a primera vista. Pero cada marca y sitio web se crea esencialmente a través de una combinación de algunos de estos principios para crear las marcas y los sitios que aprende a reconocer al instante.

Si desea saber más sobre diseño, no dude en ponerse en contacto con uno de nuestros creativos.