Teoría del diseño La regla de los tres

Uno. Dos. Tres. Ahora deje de contar y piense cómo los elementos agrupados en grupos de tres pueden funcionar para sus proyectos. Es un concepto interesante pero que cruza múltiples disciplinas.

En lo que se refiere a hablar en público, se diseñan tres puntos en secuencia para llevar a casa un punto. En fotografía y arte, la regla de los tercios te ayuda a visualizar el lienzo de manera diferente. Incluso la Declaración de Independencia de los Estados Unidos se basa en tres derechos: la vida, la libertad y la búsqueda de la felicidad. ¿Cómo puedes pensar más en agrupaciones de tres e implementar este número mágico en tus proyectos? Tenemos algunas sugerencias.

Imágenes de marco y video usando la regla de 3

Las reglas de la cuadrícula de los tercios dividen un marco en nueve partes iguales. La relación correspondiente es de 1 a 1 por rectángulo. La cuadrícula imaginaria se puede utilizar para enmarcar, recortar y editar imágenes y videos. La grilla se ha vuelto 'más convencional' con herramientas de fotos que incluyen una superposición de cuadrícula en las pantallas de la cámara (el iPhone tiene una, por ejemplo) que ayuda a los usuarios a determinar cómo capturar una imagen.

La regla de los tercios es un concepto simplificado arraigado en varios otros bits de teoría y grillas, y es increíblemente fácil de usar.

Como explicamos en un artículo anterior de Design Shack, "Mirando imágenes: Phi Grid vs. Rule of Thirds" Hay cinco beneficios al usar este concepto:

  • Es fácil de usar y entender.
  • El software estándar, como Adobe Photoshop, incluye guías de recorte de la regla de terceros.
  • Crea armonía visual y ponderación igual en una imagen.
  • Los? Puntos dulces? - puntos de intersección a lo largo de la cuadrícula - son de tamaño flexible y fáciles de encontrar y alinear.
  • La variación más flexible en la proporción de oro puede parecer natural para algunos.

Creative Market tiene una bonita galería de imágenes con la regla de la cuadrícula de terceros aplicada si desea verla en acción.

Guía para las listas

Todos sabemos que las listas son una excelente manera de crear contenido atractivo que los usuarios puedan digerir fácilmente. Lo que quizás no sepa es que comenzar una lista con tres puntos puede ser ideal. Una lista de dos no es realmente una lista. Tres elementos añaden peso al contenido, pero sin abrumar al usuario. Tres balas son memorables y fáciles de leer de un vistazo.

Algunos de los oradores y presentadores más carismáticos del mundo utilizan la regla de los tres para impulsar los puntos de partida y crear énfasis. Al componer estas listas, piensa en la armonía del contenido.

Cada punto de bala debe ser similar en longitud y alcance. Las listas pueden ser una palabra cada una o contener una oración cada una. La estructura congruente ayuda a llevar a cada uno de los tres elementos al hogar y los conecta de una manera que se siente bien. Por escrito esto se conoce como un tricolon.

En el contexto de una referencia a la cultura pop:

  • ? Creo que todos hemos llegado a un lugar muy especial. Espiritualmente, ecuménicamente, gramaticalmente. - Jack Sparrow en? Piratas del caribe?
  • "A eso digo, 'Está bien, está bien, está bien". - Matthew McConaughey, Oscars 2014
  • La prevalencia de trilogías en películas o libros, como Star Wars o The Hunger Games.

Diseño grupal o elementos de navegación.

Desde imágenes hasta elementos de navegación y tarjetas, agrupar elementos en múltiplos de tres puede ser visualmente atractivo, crear organización y mejorar el flujo general de usuarios. (¿Ves lo que hice ahí?)

Utilice este concepto como parte de su sistema de cuadrícula, horizontal o verticalmente. Cada uno de los tres sitios web a continuación hace esto de manera muy diferente visualmente, pero son igualmente efectivos.

Assos

El sitio divide la parte superior de la pantalla en tres imágenes del mismo tamaño que lo llevan a diferentes partes del sitio. Las imágenes son interesantes, comunican una historia visual y sirven como elementos de navegación para llevar a los usuarios a través del diseño del sitio. El rollo también se divide en unidades de tres de una manera interesante, con el segundo panel de imágenes en el rollo con una proporción de 2 a 1 (pero aún en la misma cuadrícula de tercios) y luego de nuevo a tres paneles.

Lucy dice que hago

Este diseño utiliza tres en tres lugares. Es más fácil de ver en las tres imágenes debajo de la imagen del héroe en la página de inicio. Ese tema de tres se lleva al control deslizante debajo del rollo, donde seis paneles (múltiples de tres) se mueven para mostrar los elementos. Agregue otros grupos de tres: la sección del pie de página principal tiene tres columnas de información, la navegación principal tiene tres secciones principales con menús desplegables y las imágenes del héroe están diseñadas de modo que cada imagen se pueda dividir en tres paneles según la ubicación y ubicación del Elementos en cada foto.

Coleman Smith

Coleman Smith usa el trío de una manera totalmente diferente. ¿Lo ves? El uso de tercios está en las formas triangulares que están integradas en el diseño. Al igual que puede hacer tres puntos con texto, esta forma también muestra tres puntos y crea un estilo distinto de énfasis. Los puntos de la forma ayudan a dirigir su atención en la pantalla y lo llevan a la imagen principal.

Divide tu proyecto o historia

Así como una obra de teatro tiene tres actos, divide tu proyecto o contenido en tres partes. Hará que el proyecto, particularmente aquellos con mucho contenido, sea más fácil de navegar y entender.

Hay varios patrones para elegir, pero considera algo que se abre casi de la misma manera que en una obra. Todo debe tener un principio, medio y final, ¿verdad? Configure el flujo del proyecto de esta manera para ayudar a los usuarios a formar parte de la historia que está contando y siga el contenido de principio a fin.

Utilice 3 descriptores en materiales de marketing

Tal vez recuerdes la frase: ¿más delgada, ligera y rápida? Desde el lanzamiento de Apple iPad 2. Esta combinación de tres fue fácil de recordar y les dio a todos una simple frase para describir el producto desde el principio. Gran parte de la cobertura de los medios sobre el lanzamiento de la tableta incluía este lenguaje también.(¡Eso es exactamente lo que quieres que la gente haga con tus materiales de marketing!)

Esto es algo que también puedes usar en tu trabajo. Piense en su sitio web o aplicación o incluso en usted como profesional. Descríbelo en tres palabras. Ahora comience a usar esta descripción de tres palabras cada vez que hable sobre el sitio web, la aplicación o su carrera.

Está utilizando esta pequeña cosa para establecer la narrativa que las personas contarán sobre el producto o la marca. Tres palabras son suficientes para recordar sin ser abrumadoras, y si usted es un maestro de las palabras, juegue con las palabras y busque combinaciones pegajosas para que la descripción sea aún más memorable.

Conclusión

Ahora que tienes tres en el cerebro, ¿estás listo para comenzar? Además, haz un punto para dar un paso atrás y mirar a tu alrededor. Podría ser sorprendente la cantidad de instancias de tres que hay alrededor.

Es algo que nunca se nota debido a su armonía innata hasta que lo piensas. Quizás por eso la regla de los tres es tan atemporal.