Teoría del diseño: la regla de tres
Uno. Dos. Tres. Ahora deja de contar y piensa en cómo los elementos agrupados en tres pueden funcionar para tus proyectos. Es un concepto interesante pero que cruza múltiples disciplinas.
En hablar en público, tres puntos en secuencia están diseñados para conducir 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 tiene sus raíces en tres derechos: la vida, la libertad y la búsqueda de la felicidad. ¿Cómo puede pensar más sobre agrupaciones de tres e implementar este número mágico en sus proyectos? Tenemos algunas sugerencias
Explore los recursos de diseño
Enmarcar imágenes y video usando la regla de 3
Las reglas de la cuadrícula de tercios divide un marco en nueve partes iguales. La proporción correspondiente es de 1 a 1 por rectángulo. La cuadrícula imaginaria se puede usar para enmarcar, recortar y editar imágenes y videos. La cuadrícula se ha convertido en "más convencional" con herramientas fotográficas 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 enraizado en varios otros fragmentos de teoría y cuadrículas, y es increíblemente fácil de usar.
Como describimos en un artículo anterior de Design Shack, "Mirar imágenes: Cuadrícula Phi vs. Regla de los tercios", 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 los tercios.
- Crea armonía visual e igual ponderación 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 de la proporción áurea puede parecer natural para algunos.
Creative Market tiene una bonita galería de imágenes con la regla de la cuadrícula de tercios aplicada si desea verla en acción.
Directriz para listas
Todos sabemos que las listas son una excelente manera de crear contenido atractivo que sea fácil de digerir para los usuarios. 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 agregan peso al contenido, pero sin abrumar al usuario. Es probable que tres balas sean memorables y fáciles de leer de un vistazo.
Algunos de los oradores y presentadores más carismáticos del mundo usan la regla de los tres para obtener puntos de inicio y crear énfasis. Al componer estas listas, piense en la armonía del contenido.
Cada punto de viñeta 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 conducir cada uno de los tres elementos a casa y los conecta de una manera que se siente bien. Al escribir esto se conoce como un tricolon.
En el contexto de una cultura pop referencias:
- “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, Oscar 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í?)
Use este concepto como parte de su sistema de cuadrícula, horizontal o verticalmente. Cada uno de los tres sitios web a continuación lo hacen de maneras muy diferentes visualmente, pero son igualmente efectivos.
Assos
El sitio divide la parte superior de la pantalla en tres imágenes de igual 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 desplazamiento también se divide en unidades de tres de una manera interesante, con el segundo panel de imágenes en el desplazamiento con una relación de 2 a 1 (pero aún en la misma cuadrícula de tercios) y luego nuevamente a tres paneles.
Lucy dice que sí
Este diseño utiliza tres en algunos lugares. Es más fácil 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 desplazamiento, donde seis (múltiples de tres) paneles se mueven para mostrar elementos. Agregue otras agrupaciones de tres: la sección de pie de página principal tiene tres columnas de información, el navegador principal tiene tres secciones principales con menús desplegables y las imágenes de héroe están diseñadas para que cada imagen se pueda dividir en tres paneles en función de la ubicación y ubicación de elementos en cada foto.
Coleman Smith
Coleman Smith usa los tres de una manera totalmente diferente. ¿Lo ves? El uso de tercios está en las formas triangulares que están integradas en el diseño. Del mismo modo 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 tiene tres actos, divide tu proyecto o contenido en tres partes. Hará que el proyecto, especialmente aquellos con mucho contenido, sea más fácil de navegar y comprender.
Hay varios patrones para elegir, pero considere algo que se abra casi de la misma manera que una obra de teatro. Todo debe tener un comienzo, 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 seguir el contenido de principio a fin.
Utilice 3 descriptores en materiales de marketing
Quizás recuerdes la frase "más delgado, más liviano y más rápido" del lanzamiento del iPad 2 de Apple. Esta combinación de tres fue fácil de recordar y les dio a todos una frase simple para describir el producto desde el principio. Gran parte de la cobertura de los medios sobre el lanzamiento de la tableta también incluyó este lenguaje. (¡Qué es exactamente lo que quieres que hagan las personas con tus materiales de marketing!)
Esto es algo que también puedes usar en tu trabajo. Piensa en tu sitio web o aplicación o incluso en ti 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ás 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 abrumador, y si eres un maestro de las palabras, juega con las palabras y busca combinaciones pegadizas para que la descripción sea aún más memorable.
Conclusión
Ahora que tiene tres en el cerebro, ¿está listo para comenzar? Además, asegúrese de dar un paso atrás y mirar a su alrededor. Puede sorprender cuántos casos de tres hay por todas partes.
Es algo que nunca notas debido a su armonía innata hasta que lo piensas. Quizás es por eso que la regla de tres es tan atemporal.
