Cómo crear patrones en proyectos de diseño
Piensa en cuántos patrones sigues en tu rutina diaria. Desde despertarse y prepararse para el trabajo hasta quedarse dormido cada noche, el día está lleno de estos pequeños elementos repetitivos que crean orden y calma. Los patrones de diseño hacen lo mismo: estos elementos repetitivos pueden poner orden en un proyecto y crear una sensación de calma (o caos) para establecer un tono.
Ese es el verdadero atractivo de un patrón. Ayuda a dirigir a los usuarios a través de una estética siguiendo el patrón o la serie de objetos y les dice a los usuarios cómo interactuar con algo. Los diseñadores pueden crear patrones de varias maneras: con fondos, objetos, colores, palabras, paneles o mediante una combinación de estos elementos.
Explore los elementos de Envato
¿Qué es un patrón?
"Una disposición de partes repetidas o correspondientes, motivos decorativos, etc." - Collins Diccionario inglés
Un patrón puede incluir cualquier forma de repetir objetos, palabras, colores o formas. Para fines de diseño, un patrón involucra cualquier elemento en el que pueda ver alguna conexión o repetición en la estética general. Si bien muchos suponen que los patrones equivalen a arreglos ordinales y simétricos, este no es siempre el caso. Los patrones pueden caer en cualquier matriz; a veces la desorganización es el patrón en sí.
Los patrones pueden ser reconocidos por cualquier número de sentidos. Los patrones visuales son a menudo más caóticos que los creados. Los patrones naturales incluyen espirales, ondas, grietas y rotaciones. Casi cualquier textil o patrón perfecto se crea específicamente para la armonía visual, incluso si las formas básicas se derivan de la naturaleza.
Con fondos
Una de las primeras cosas que vienen a la mente cuando se habla de patrones son los fondos. Hecho popular por el papel tapiz (las variedades de hogar y escritorio), los patrones repetitivos pequeños o sutiles son formas populares de agregar profundidad al espacio básico en un proyecto de diseño. Algunos diseñadores también optan por patrones de fondo más grandes o más audaces, aunque esto no es tan común. (Demasiada actividad en el fondo puede distraer el mensaje en primer plano).
¿Cuáles son algunas técnicas comunes para crear un patrón de fondo atractivo?
- Simplicidad: los patrones de fondo simples son efectivos y agregan profundidad sin que los usuarios se centren realmente en ese aspecto del diseño. Los mejores fondos caen en el paisaje, per se, y sirven solo para resaltar la parte principal del diseño.
- Logotipos: para muchas marcas, los logotipos pequeños repetidos son un estilo de fondo común. (Aunque hay algunos que también son demasiado grandes con un logotipo de fondo). La repetición de logotipos puede ayudar a establecer una conexión de marca.
- Paleta neutral: el color es uno de los factores más comunes en el diseño de fondo. Y las paletas neutrales son abrumadoramente dominantes. Incluso con la tendencia de usar imágenes borrosas para fondos, que es muy popular en este momento, el color y las formas se ven borrosas hasta el punto de neutralidad, donde los objetos y los colores se mezclan entre sí.
- Simetría: los patrones de fondo a menudo caen en formas ordinales. Con elementos repetitivos, el patrón a menudo puede ser cambiado, titulado, invertido o alterado de muchas maneras y aún tiene la misma apariencia general.
- Repetición: los objetos repetidos también son populares en los patrones de fondo. Esta técnica simple puede agregar profundidad a un esquema plano.
Agrupando objetos
Las formas y objetos similares casi parecen alinearse entre sí cuando se usan cerca. Si bien la opción obvia para agrupar objetos por patrones es agrupar objetos de la misma forma y tamaño, eso no siempre es necesario.
En las imágenes de arriba, la cartera de Jonathan Patterson crea un patrón obvio con nueve cajas de forma idéntica que contienen formas del mismo tamaño. El patrón es claro y atractivo. El uso del patrón en la imagen para Dots Printhaus es menos "perfecto" pero igual de obvio, con un conjunto de formas similares en diferentes tamaños.
Esto demuestra que los objetos se pueden agrupar de diferentes maneras, pero aún así crean una sensación de patrón:
- Formas similares
- Diversas formas en tamaños similares
- Las formas se organizan para crear un objeto
- Formas conectadas por líneas u otros elementos.
- Formas con un número similar de puntos o extremos.
Repitiendo color
El patrón se puede establecer creando un tema con color. Esto incluye objetos o elementos del mismo color o incluso trabajar con elementos que tienen "sensaciones" de color similares, como la saturación, la luminosidad o el tono. Los patrones de color a menudo se usan para indicar a los usuarios qué hacer con un diseño. En el diseño de sitios web, por ejemplo, es común que todos los botones en los que se puede hacer clic sean de un solo color. Esto crea un patrón estéticamente y para el comportamiento del usuario (es decir, hace clic en todo lo que es rojo).
En los ejemplos anteriores, el color se usa de maneras claramente diferentes. Brand Aid Design utiliza el color para distinguir elementos y crear un patrón con iconos de diferentes formas y tamaños. Ro and Co utiliza el color para un fondo y el mismo tono de color para imágenes más pequeñas en todo el sitio. Esta conexión de color vincula cada una de las imágenes más pequeñas al diseño general en un patrón que no tiene simetría y tiene muy poca distinción obvia.
Use el color para crear patrones para:
- Establecer conexión entre objetos
- Crea una idea de cómo usar un diseño
- Establecer un tono visual
- Agregue un patrón donde no exista ninguno.
- Atrae a los usuarios de un objeto al siguiente
Con palabras repetitivas
La repetición de palabras puede crear un patrón visual o auditivo. Al ver la misma palabra una y otra vez, comenzará a conectarla al diseño o mensaje. (El sitio Casper Sleep, por ejemplo, usa la palabra "Sleep" dos veces en un diseño que contiene menos de 20 palabras. También usa el nombre de la marca dos veces).
Bay Street Biergarten hace algo similar, pero juega a leer el sitio en voz alta. La imagen repetitiva de un oso y la conexión con vasos de cerveza y las palabras "artesanía bier" comienzan a reproducir el mismo patrón. Cada elemento en el diseño dice cerveza. (Inteligente, ¿eh?)
Use palabras para crear patrones de otras maneras también:
- Repetir palabras o frases
- Palabras que tienen un aspecto similar (muchas letras iguales)
- Palabras e imágenes que dicen lo mismo
- Múltiples palabras que tienen el mismo significado.
- Palabras de longitud similar (como muchas frases largas o cortas para crear ritmo)
Con paneles de tamaño similar
Las tendencias de diseño como los proyectos de estilo de tarjeta o los sitios web de desplazamiento de paralaje han dado paso a los paneles para crear patrones en proyectos de diseño. Desde grupos de tarjetas hasta mosaicos inspirados en Pinterest y "pantallas" de desplazamiento, los grupos de paneles crean patrones obvios para los usuarios. Estos paneles establecen diferencias y conexiones entre objetos y les permiten a los usuarios conocer los cambios en la información que están viendo.
Estos paneles pueden ser de cualquier forma y tamaño, vertical u horizontal, y de diferentes colores. El sitio web 10 Past Ten hace un gran trabajo al establecer paneles distintos en un marco de paralaje con color y posicionamiento del producto para que los usuarios puedan distinguir claramente una idea de la siguiente. Craftsman Ave. adopta un enfoque ligeramente diferente con un diseño que presenta un panel grande, seguido de paneles dentro de los paneles, de manera alterna para un patrón en estilo de patrón.
Use paneles para:
- Enlace como elementos
- Establecer escenas
- Crea un flujo de información
- Establecer dominio usando múltiples imágenes
- Cuenta una historia visual
Conclusión
Los patrones se pueden diseñar de varias maneras para variar el impacto. Cree patrones que funcionen con el tono que desea que tenga un proyecto. Las agrupaciones simétricas son organizadas y relajantes, los elementos emparejados más al azar pueden sentirse perturbadores y excitantes.
No sienta que tiene que apegarse a un tipo de patrón. Mezcle y combine diferentes tipos de patrones para impactar en diferentes lugares. Las diferentes partes del mismo proyecto pueden incluir diferentes tipos de patrones en diferentes ubicaciones. (Y eso es totalmente aceptable).
