5 principios de la ternura en el diseño web

Bien, ¿cómo diablos haces algo «lindo»? Ahora, tal vez hayas crecido en un entorno en el que estar en contacto con tus sentimientos era un anatema. Tal vez simplemente gravitaste naturalmente hacia Max Steel encima Hola gatito. Tal vez nunca hayas tenido un problema con nada de esto y haces ruidos agudos con libertad cada vez que hay un cachorro a la vista (según corresponda).

Cualquiera que sea su experiencia, intentar convertir un diseño web en «algo lindo» requerirá que intente determinar exactamente qué hace que una cosa sea linda en primer lugar, y ahí es donde se complica. Todo el concepto es naturalmente subjetivo. Es una emoción vagamente cálida y difusa que parece estar directamente relacionada con nuestro impulso de sonreír, pero lo que la provoca puede variar mucho. Hay personas que dicen que los insectos son lindos, mientras que yo nunca podría estar de acuerdo.

Son asquerosos, ¿de acuerdo?

Pero sea lo que sea que uses, la ternura vende, como el chiste obligatorio sobre los GIF de gatos en Internet. En algún momento de nuestras vidas, seremos llamados a hacer algo lindo, porque eso es lo que el cliente quiere, y comenzaremos a preguntarnos ociosamente si eso significa hacer que todo sea rosa.

No hagas eso. Lea esto en su lugar.

1. Imágenes

Usar imágenes lindas es casi una trampa. Quiero decir, solo estás tomando algo lindo, poniéndolo en tu diseño y llamándolo un día. Pero no descarte la idea; ser barato y fácil no significa que no sea efectivo. A pesar de algunos cascarrabias, los seres humanos están biológicamente programados para ser golpeados en los centros de placer de nuestro cerebro cuando vemos descendencia humana (particularmente la nuestra) y otras cosas que comparten algunas características similares a las de un bebé (es decir, cachorros, gatitos, pandas). .

La fotografía de archivo puede ser un gran comienzo, pero tenga en cuenta que la ilustración puede ser una excelente manera de desencadenar las mismas respuestas que hacen que la gente quiera exprimir su sitio web. Si necesita usar imágenes originales, contratar a un ilustrador también es mucho más fácil que hacer que los bebés o los animales se queden quietos.

Ejemplo: Maravillosamente utiliza fotos e ilustraciones.

2. Colores

Las imágenes son buenas, pero ¿qué sucede si desea incrustar esa sensación cálida y difusa en el ADN mismo de su diseño, y no solo en el contenido? Aquí es donde pasamos al color. Ahora repite después de mí: el rosa NO es el único color lindo.

De hecho, los colores «bonitos» son un concepto que variará según las culturas individuales. Por un lado, los bebés varían en color. La regla general a seguir, sin embargo, se reduce a tres palabras: primarias y pasteles. Los colores primarios brillantes y sus contrapartes pastel más suaves dominan la “estética linda” en todo el mundo. Si está diseñando algo lindo para niños (muy pequeños), use tonos más atrevidos. Si está diseñando algo para adultos, use los pasteles, que son mucho más agradables para la vista y el cerebro cansado.

Ejemplo: Juguetes Kapu va duro con los colores primarios.

3. Los otros tipos de bondad

Hasta ahora, he hablado de la ternura en términos de descendencia humana y cosas relacionadas. La cosa es que la palabra «lindo» ni siquiera se usó originalmente para los bebés tanto como para las personas entusiastas o agudas. Evolucionó con el tiempo para ser utilizado por jóvenes atractivos y, finalmente, para bebés y otras cosas parecidas a bebés.

Desde entonces, también ha llegado a abarcar cosas que, aunque no están relacionadas con el bebé, todavía producen una sensación cálida y difusa. Las cosas que producen sentimientos de comodidad, satisfacción y «hogar» también se pueden representar con la palabra «lindo».

Por ejemplo: «¡Qué lindo mantel!» «Esa es una adorable mecedora». Lindos arreglos de flores. etc.

Ejemplo: Noritake muestra cómo el concepto lindo doméstico ha llegado más allá de las fronteras occidentales.

Las formas adicionales de ternura van más allá de lo doméstico y también en el mundo de la moda. Se puede encontrar cierta calidez y satisfacción al saber que te ves bien hoy, de ahí el uso de frases como, «¡Qué lindo vestido!» Este uso de la palabra también se remonta a su uso para describir a personas generalmente atractivas.

Ejemplo: Bando proporciona un ejemplo perfecto de moda linda.

4. Ternura en la copia

Por eso, hemos hablado del uso de la ternura en las imágenes, en el color y en la sensación general de un diseño. Entonces, ¿cómo puedes escribir cosas lindas en tu sitio web sin, por el amor de Dios, ir a «charla infantil»? Bueno, todo se reduce a las emociones que quieres evocar. La ternura es un término que cubre muchos temas posibles, pero una emoción principal: calidez.

No querrás escribir la palabra «lindo» una y otra vez en un esfuerzo por convencer a las personas de que vean el tema de tu página a tu manera. Quieres transmitir la comodidad de un hogar donde eres amado, la profundidad en los ojos redondos y confiados de un cachorro, las travesuras torpes de un gato que ha sido sorprendido por algo o la pura alegría de llevar un atuendo que te haga regalar. usted mismo la vieja mirada de arriba abajo en el espejo.

Conceptos como «elegancia» son inherentemente visuales, por lo que diseñarlos en un sitio web es un ejercicio puramente visual. Conceptos como «ternura» son mucho más emocionales. Aunque puedes ajustar las características visuales de casi cualquier cosa para hacerlo lindo, vale la pena recordar que el lado emocional del concepto puede volverse bastante complejo, y tu copia debe reflejar eso.

5. Ternura en los detalles

Tenga en cuenta que no siempre es necesario saturar su sitio web con lindas vibraciones. Como muchos padres cuyos hijos aman a los Minions podrían decirte, demasiada «ternura» puede ponerlos de los nervios después de un tiempo. Para la mayoría de los sitios web que no se relacionan estrictamente con los niños o la decoración del hogar, querrá agregar algo de ternura aquí y allá, sin abrumar al usuario.

Uno de mis ejemplos favoritos siempre serán sitios como Zurb. La mayor parte del sitio es bastante estándar corporativo, pero hay un toque de ternura allí, con sus vacas escondidas, sus mascotas del proyecto y entretenidos fragmentos de microcopia. Es un toque ligero, pero suficiente para que destaquen.