Si ha dedicado tiempo a explorar la industria creativa, probablemente haya escuchado la frase "regla de los tercios". Es una de esas expresiones que a las personas les gusta usar cuando quieren parecer inteligentes. Adelante. Puedes hacer una nota mental para más tarde. No le diré a nadie.

A menudo, la regla de los tercios se usa en referencia a la fotografía, y así es como funciona: para usar efectivamente una imagen, divídala en nueve partes iguales. Las líneas formadas por esta división deberían ofrecer una definición clara de los aspectos más importantes de la pieza, creando una imagen visualmente emocionante.

En el siguiente ejemplo, el horizonte en la fotografía derecha se alinea con el segmento inferior, mientras que la formación rocosa, ahora hacia un lado, crea un paralelo interesante con la gran extensión del cielo. Está fuera de balance, a diferencia de la fotografía simétrica de la izquierda, lo que lo hace más interesante, lo que le da más a su cerebro para estudiar.

RuleOfThirds_SideBySide_WikiImage

Estoy seguro de que puedes imaginar por qué tocar la cuerda con los espectadores es esencial para una buena fotografía. Si una fotografía no es estéticamente agradable, no ha hecho su trabajo, y usted, el espectador, se aleja sin preocuparse por lo que pasó el fotógrafo para obtener la fotografía. Una imagen necesita permanecer para ser efectiva. El cerebro entiende la simetría y la descarta. La asimetría, sin embargo, es un desafío. Emocionante. Nuevo. Por extraño que parezca, es esta razón estéticamente agradable que ha llevado a los artistas a utilizar los gustos de la regla de los tercios (y su primo, proporción divina) durante siglos.

Pero esas son lecciones para una clase de historia del arte, y prometí que nunca volvería allí. - Estoy bromeando, por supuesto. Por favor no me envíe correo de odio de historia del arte.

Entonces, ¿por qué la regla de los terceros es importante en el diseño?

Por supuesto, con cada "regla" dada en el arte, no es necesario adherirse estrictamente a la construcción. La regla de los terceros es más una guía para ayudar al diseñador en dónde enfocar el contenido. No te preocupes demasiado por eso; no es como si los espectadores supieran inmediatamente que un diseñador usó la proporción áurea. (Seamos honestos, sería una gran pérdida de tiempo asegurarse de que cada botón se haya construido usando la secuencia de Fibonacci.) En cambio, un espectador podría pensar: "Oh, eso es agradable de ver". De la misma manera que pueden disfrutar estudiando una obra de arte bien estructurada. Y tan frustrante como saber que su trabajo duro pasó desapercibido, eso es exactamente lo que quiere.

A pesar de todo el alboroto que rodea a las diferentes modas en el diseño, algunos elementos se han mantenido fieles: no sature la página, mantenga sus aspectos clave arriba del pliegue e intente apegarse a la proporción mágica divina.

divinaproporción

Para blogs y sitios de noticias, mantener el ratio de oro de 1.6 (etc.) es relativamente fácil. Tiene su sección de contenido principal a la izquierda y una barra lateral que es poco más de un tercio del tamaño del espacio de contenido. Con mi pequeño ojo, veo que funciona bien con los nueve cuadrados para nuestra regla de los tercios. Pero eso es si quieres un blog.

Supongamos que tiene un producto para vender y desea que su página sea estéticamente agradable para la mayor cantidad de usuarios posible. Echaremos un vistazo a un ejemplo que usa bien la regla de los terceros, mientras se aleja de la estructura típica de dos columnas.

La mayoría de los lectores miran un sitio web en la formación "" F "". Escanee la parte superior de la página y luego muévala hacia abajo por el lado izquierdo. Naturalmente, esto funciona bien con el formato de dos columnas. Sin embargo, veamos nuestro ejemplo del sitio de uCast. A lo largo de los tres rectángulos superiores, tenemos los objetos de navegación habituales con un logotipo limpio, por lo que sabemos en qué nos estamos metiendo. El eslogan se alinea muy bien con el tercio superior, encajando lo suficientemente bien para que sea como la línea del horizonte en el ejemplo de la fotografía anterior. Entonces, el ojo cae por el lado izquierdo, pero una vez que llega al fondo, los pasos numerados nos llevan a la derecha, una vez más. Hemos hecho un círculo completo y en una página un espectador tiene una comprensión bastante clara del sitio y su producto.

ruleofthirds_example

Donde las líneas se cruzan es de particular interés. Aquí es donde muchos podrían hacer uso de la regla de los tercios, y, de hecho, uCast ha utilizado las líneas como un buen sujetalibros para su lema. Sin embargo, debe tenerse en cuenta que la regla de los tercios no se debe utilizar por completo. Al sesgar una imagen hacia la izquierda o la derecha crea movimiento y es mucho más atractivo para el ojo que un diseño simétrico. Haga uso de las intersecciones y las líneas implícitas, pero no todas a la vez, o pierden su brillo.

La regla de los terceros es una herramienta simple para ayudar a mantener su diseño bajo control. No es exhaustivo, pero es un buen lugar para comenzar si sientes que tu diseño no encaja visualmente.

¿Has encontrado sitios web que podrían incorporar la regla de los terceros? ¿Cómo aplica la regla a sus diseños? Háganos saber en los comentarios.