Cómo crear patrones en proyectos de diseño

Piensa en cuántos patrones sigues en tu rutina diaria. Desde que te despiertas y te preparas para el trabajo hasta que te duermes cada noche, el día está lleno de estos pequeños elementos repetitivos que crean orden y calma. Los patrones en el diseño hacen lo mismo: estos elementos repetidos 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 al seguir el patrón o 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 utilizando una combinación de estos elementos.

¿Qué es un patrón?

? Un arreglo de partes repetidas o correspondientes, motivos decorativos, etc.? - Collins Diccionario de inglés

Un patrón puede incluir cualquier forma de repetir objetos, palabras, colores o formas. Para propósitos de diseño, un patrón involucra cualquier elemento donde pueda ver alguna conexión o repetición en la estética general. Si bien muchos asumen que los patrones equivalen a arreglos ordinales y simétricos, este no es siempre el caso. Los patrones pueden caer en cualquier conjunto; A veces la desorganización es el propio patrón.

Los patrones pueden ser reconocidos por cualquier número de los 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 patrón textil o 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 viene a la mente cuando se habla de patrones son los antecedentes. Los patrones de repetición pequeños o sutiles, que se hicieron populares por el papel tapiz (las variedades de hogar y escritorio) 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. (Gran parte de la actividad en segundo plano puede distraer del mensaje en primer plano.)

Entonces, ¿cuáles son algunas técnicas comunes para crear un patrón de fondo atractivo?

  • Sencillez: Los patrones de fondo simples son efectivos y agregan profundidad sin que los usuarios se enfoquen en ese aspecto del diseño. Los mejores fondos caen en el escenario, per se, y sirven solo para resaltar la parte principal del diseño.
  • Logos: Para muchas marcas, los logos pequeños que se repiten son un estilo de fondo común. (Aunque también hay bastantes que van demasiado grandes con un logotipo de fondo). Repetir logotipos puede ayudar a establecer una conexión de marca.
  • Paleta de colores neutros: 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 los fondos, que es muy popular en este momento, el color y las formas se difuminan 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 que se repiten, el patrón a menudo se puede cambiar, titular, revertir o alterar de muchas maneras y aún así tener la misma apariencia general.
  • Repetición: La repetición de objetos también es popular en los patrones de fondo. Esta técnica simple puede agregar profundidad a un esquema por lo demás plano.

Agrupando objetos

Las formas y objetos similares casi parecen estar en línea unos con otros cuando se usan cerca. Si bien la opción obvia para agrupar objetos para patrones es agrupar objetos de la misma forma y tamaño, eso no siempre es necesario.

En las imágenes de arriba, el portafolio de Jonathan Patterson crea un patrón obvio con nueve cajas con formas idénticas 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 muestra que los objetos se pueden agrupar de diferentes maneras pero aún así crear un sentido de patrón:

  • Formas similares
  • Variando formas en tamaños similares
  • Formas de arreglos para crear un objeto.
  • Formas conectadas por líneas u otros elementos.
  • Formas con similar número de puntos o extremos.

Repitiendo el 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 colores similares. Como la saturación, la luminosidad o el matiz. Los patrones de color a menudo se usan para decirle 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 seleccionables sean de un solo color. Esto crea un patrón estético y para el comportamiento del usuario (es decir, hace clic en todo lo que es rojo).

En los ejemplos anteriores, el color se utiliza de manera claramente diferente. Brand Aid Design utiliza el color para distinguir elementos y para crear un patrón con iconos de diferentes formas y tamaños. Ro y Co utilizan 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 une cada una de las imágenes más pequeñas con el diseño general en un patrón que no tiene simetría y muy poca distinción obvia.

Usa el color para crear patrones para:

  • Establecer conexión entre objetos.
  • Crear un sentido de cómo usar un diseño
  • Establecer un tono visual
  • Añade un patrón donde ninguno podría existir de otra manera.
  • Dibujar usuarios de un objeto a otro

Con palabras repetidas

Repetir 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 de 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 contigo leyendo el sitio en voz alta.¿La imagen repetida de un oso y la conexión con vasos de cerveza y palabras? ¿Férula artesanal? Todos comienzan a reproducir el mismo patrón. Cada elemento en el diseño dice cerveza. (Listo, ¿eh?)

Usa palabras para crear patrones de otras maneras también:

  • Repitiendo palabras o frases
  • Palabras que tienen un aspecto similar (muchas de las mismas letras)
  • 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 tipo tarjeta o los sitios web de desplazamiento de paralaje, han hecho posible que los paneles creen patrones en los proyectos de diseño. ¿Desde grupos de tarjetas a azulejos inspirados en Pinterest hasta pantallas de desplazamiento? Grupos de paneles crean patrones obvios para los usuarios. Estos paneles establecen diferencias y conexiones entre objetos y 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 últimos diez 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 a otra. Craftsman Ave. adopta un enfoque ligeramente diferente con un diseño que presenta un panel grande, seguido de paneles dentro de los paneles, de una manera alternativa para un patrón en estilo de patrón.

Use paneles para:

  • Enlace como elementos
  • Establecer escenas
  • Crear un flujo de información.
  • Establecer dominancia utilizando múltiples imágenes.
  • Contar 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 están organizadas y son tranquilizadoras, los elementos más aleatorios emparejados pueden sentirse perturbadores y emocionados.

No sientas que tienes que seguir un tipo de patrón. Mezcla y combina diferentes tipos de patrones para el impacto en diferentes lugares. Diferentes partes del mismo proyecto pueden incluir diferentes tipos de patrones en diferentes ubicaciones. (Y eso es totalmente aceptable.)