Por qué casi es una palabra sucia en diseño

Casi. Parece bastante inocente ¿verdad? Seguramente no hay mal que acecha en esas seis letras. Incluso podrías ver esto como una palabra positiva. Sin embargo, como diseñador, siempre debe estar atento cuando esta palabra puede describir ciertos aspectos de su trabajo.

Sigue leyendo para ver por qué? Casi? puede ser una mala palabra y cómo podría estar reduciendo la calidad de su trabajo. También veremos dos fundamentos subyacentes de un buen diseño que brindan soluciones listas para resolver su "casi". problemas de diseño.

Secretos escondidos a simple vista

El diseño es un tema interesante. Es algo que, por definición, tiene que ser innato e intuitivo hasta cierto punto. El diseño efectivo es agradable y lógico para el espectador, por lo que en teoría, el diseño para el atractivo masivo debe ser algo que casi cualquiera puede hacer porque aprovecha nuestras ideas comunes hacia la estética y la organización de la información.

"Mucha gente conoce el buen diseño cuando lo ve, pero carece de la educación fundamental en diseño para señalar exactamente qué separa lo bueno de lo malo".

Lo fascinante es que encontrar e identificar esos puntos en común es mucho más difícil de lo que piensas. Mucha gente conoce el buen diseño cuando lo ve, pero carece de la educación fundamental sobre diseño para señalar exactamente qué separa lo bueno de lo malo, o incluso más para replicar las buenas prácticas de diseño en su propio trabajo.

Este tipo de información, los simples fragmentos de conocimiento que se ocultan a simple vista, es mi tema favorito absoluto para explorar. Esta discusión cubrirá un concepto así. Uno tan simple que absolutamente cualquiera puede entenderlo, pero tan secreto que veo a innumerables personas, desde laicos hasta diseñadores profesionales, que se pierden por completo de este principio a diario.

Casi lo mismo es torpemente diferente

Basta de suspenso, ¿por qué en el mundo, te preguntas, es? Casi? ¿Una palabra sucia en diseño? Parece bastante inofensivo ¿verdad? En lugar de narración usted por qué es peligroso, déjame espectáculo tú.

Alineación y tamaño

La inspiración para esta pieza fue un sitio web que recientemente se me pidió que criticara. El diseño mostraba una imagen con un botón debajo que se parecía al que se muestra a continuación:

Cuando miro este ejemplo, veo inmediatamente un caso en el que? Casi? está causando estragos en la calidad de un diseño. Esto se ilustra más claramente si agregamos algunas guías:

Como se puede ver claramente, el botón es? Casi? El mismo tamaño que la imagen, pero no del todo. Esto causa cierta disonancia conceptual e incluso puede ser una distracción:

¿El diseñador hizo intencionalmente los dos objetos de diferentes tamaños? Es difícil decirlo. Tal vez esto es un error! Seguramente los dos son del mismo tamaño.

Su usuario ahora se ha desviado del rumbo y, en lugar de centrarse en su contenido, ahora se está preguntando si cometió errores o no. Ahora, algunos pueden estar en desacuerdo y decir que el ejemplo anterior es un problema de alineación y no un problema de tamaño, el botón simplemente debe estar alineado con el centro:

Es cierto que esto ayuda. Cuando hay discrepancias de tamaño entre dos objetos simples, una alineación central puede resultar útil. Sin embargo, todavía veo el mismo problema. Los dos objetos son demasiado cercanos en tamaño.

La clave para resolver este problema es preguntarse por qué hizo que los dos objetos tuvieran un tamaño diferente para empezar. Si es un accidente, entonces simplemente estás siendo descuidado con tus dimensiones. Sin embargo, si es una decisión intencional que pretende agregar diferenciación, entonces ataque este objetivo con un nuevo fervor y haga que los dos objetos se vean diferentes:

No hay duda cuando veo este ejemplo que se supone que el botón es más pequeño que la imagen. De manera similar, si realmente no necesita la diferencia, simplemente haga que los dos objetos tengan el mismo ancho:

Mi punto es que depende de usted decidir si los objetos merecen una diferenciación. Solo asegúrate de que si lo hacen, no te preocupes y creas ligeramente diferente. ¡Ve a lo grande!

Tipografía

Hay varios lugares donde este principio resulta ser verdadero en la tipografía. Lo primero que viene a la mente es una vez más un problema de tamaño. El lugar más común en el que veo que surge esto es cuando un título y un párrafo tienen este aspecto:

Aquí otra vez nos encontramos con el problema de que casi? nos lleva. La copia del cuerpo es? Casi? El mismo tamaño que el titular. Claro, puedes decir que son diferentes pero no es lo suficientemente fuerte como para ayudar a presentar una jerarquía de información clara. Cuando caemos? Casi? Y vaya a lo grande, el resultado es mucho mejor:

Esta imagen ilustra que también hay otros factores a considerar, como la audacia. Considere el siguiente ejemplo, que compara una diferencia menor con una importante:

Observe cómo la palabra? Grande? aparece en negrita en el primer ejemplo, pero el resultado sigue siendo tan sutil que es ineficaz. ?¿Grande? es casi Lo mismo que el resto de la frase. Ya sabemos que si se puede decir esta afirmación, debemos ser un poco más extremos. En el segundo ejemplo, hice el tipo de letra aún más en negrita, luego usé todas las mayúsculas en la palabra y amplié la fuente.

Lo mismo ocurre con el estilo de letra que selecciona. En este siguiente ejemplo, he implementado dos tipos de letra diferentes en un intento de agregar algunas variaciones a mi titular: Garamond y Trajan.

Como puede ver, estos tipos de letra son tan similares que son difíciles de diferenciar. ¿Crees que un no diseñador notará la diferencia entre los dos? ¡Hice el ejemplo y apenas puedo verlo!

Este ejemplo es probablemente un poco extremo, estoy seguro de que no elegiría dos fuentes similares. Sin embargo, lleva a casa un punto que es constantemente perdido por los diseñadores del mundo real.Asegúrese de que sus tipos de letra son casi nunca? lo mismo. Intente variar la opción de serif, la audacia, etc. Tome algo simple y mézclelo con algo más complejo. El resultado es mucho más agradable estéticamente:

Los principios subyacentes

Podría seguir y seguir, pero estoy seguro de que entiendes el punto. Puedes aplicar esta idea a cualquier área de diseño que elijas. La idea básica es que? Casi? es peligroso. ¿Alguna vez te encuentras acercándote? ¿Casi? solo recuerda que normalmente conduce a resultados promedio. ¡Ningún diseñador debería querer producir trabajos promedio!

Por ahora, los fieles lectores de Design Shack se han dado cuenta de que les he engañado para que lean otro post sobre contraste. Sí, todo este concepto puede reducirse a esa única palabra mágica. El contraste es uno de los pilares principales de un buen diseño y aprender a manejarlo adecuadamente te hará un diseñador infinitamente mejor.

La información aquí simplemente enmarca la idea de contraste de una manera diferente que podría o no aclarar el tema: Diferente es bueno, casi diferente es malo.

"Cuando el contraste no parece apropiado, la repetición es su mejor apuesta".

Esto va incluso más profundo que eso también. Observe que el primer ejemplo con el botón presenta una alternativa que sugiere hacer que los dos objetos tengan exactamente el mismo ancho. Este es, por supuesto, el principio de la repetición. Cuando el contraste no parece apropiado, la repetición es su mejor apuesta.

Conclusión: ten cuidado con casi

Tenga en cuenta que, de hecho, hay muchos usos legítimos para similitudes cercanas en el diseño. Por ejemplo, las variaciones sutiles de un color pueden proporcionar una combinación de colores agradable y simple. Sin embargo, incluso en este escenario no desea que los dos estén tan cerca que nadie pueda diferenciarlos.

El mensaje aquí no es evitar completamente el? Casi síndrome? todo el tiempo, pero simplemente tome precauciones al diseñar cualquier cosa que se aproxime y pregúntese si el resultado que busca puede lograrse mejor con contraste o repetición.