Tendencia de diseño: cómo usar rayas para su ventaja
Las rayas son una adición divertida que puede agregar interés visual y profundidad para diseñar proyectos en una variedad de formas. Pero las rayas son más que solo los patrones náuticos azules y blancos que podrías estar imaginando.
Las rayas pueden tomar varias formas. Vertical u horizontal y desde patrones clásicos hasta líneas basadas en cuadrículas y fondos y componentes de imagen, las rayas son una excelente opción de diseño. Aquí hay algunas formas de usarlas que quizás no haya pensado.
Rayas Tradicionales
Cuando piensa por primera vez en las rayas en el diseño, puede que le venga a la mente una idea tradicional. Rayas náuticas azules o rojas y blancas. Las barras rojas y blancas en la bandera americana. Los divertidos calcetines usados por Raggedy Ann o Pippi Longstockings. Pero las rayas son mucho más versátiles que esos patrones tradicionales. Se pueden usar de varias maneras.
Pero echaremos un vistazo a un uso tradicional: el sitio anterior utiliza un poste rayado estilo barbería como un pequeño acento dentro del diseño del sitio. Este aspecto tradicional es una excelente manera de centrar la atención en una determinada parte del diseño y crear énfasis.
Diseño clásico
Las rayas pueden ayudar a establecer el tono con un aspecto clásico. Agregue un poco de textura o cree rayas en un diseño basado en cuadrícula para enfatizar ese concepto.
Cuando se trata de visiones clásicas de rayas en el diseño, el color también es un factor importante. Considere algunos de los usos clásicos de las rayas y el color, como los uniformes en blanco y negro para los prisioneros. (Use esta combinación para una apariencia minimalista o más marcada). Rayas rojas o azules para una sensación tradicional o de la vieja escuela.
Las texturas también pueden crear énfasis para las rayas al ponerlas más en primer plano. Si bien las rayas se usan a menudo en fondos, a menudo con poco contraste en colores pálidos, para "textura invisible", las rayas más grandes con textura pueden ser un punto focal. El truco consiste en mantener las texturas simples y en línea con otras imágenes en el diseño.
Las texturas de rayas también pueden ayudarlo a crear líneas "más claras" para que no se vean pesadas y pesen el diseño, incluso cuando se usan con un color brillante o audaz. Orchard Keepers, arriba, usa la textura de esta manera para crear una sensación de tiempo con una "sensación antigua".
Rayas modernas
En el diseño de sitios web, las rayas se usan para ayudar a crear el foco, impulsar la navegación y ayudar a los usuarios a encontrar y enfocarse en los llamados a la acción. El par de sitios anteriores usa rayas de diferentes maneras para ayudar a la usabilidad.
Industry West utiliza una franja horizontal gruesa para contener la navegación. Debido al contraste de la tira con las imágenes de fondo, sirve como un punto focal estático de referencia. La barra ancha de alto contraste facilita la lectura de los botones de navegación y el desplazamiento por el sitio.
Reconstruir juntos usa una franja delgada en la parte superior del diseño para crear un flujo de color en toda la página. La franja naranja (o línea) ayuda a tirar del ojo de arriba a abajo de la página, y el usuario hace una pausa en los botones de acento naranja. El diseño inteligente ayuda a decir a los usuarios qué hacer a continuación (haga clic en los botones naranjas).
Rayas de fondo
Las franjas de fondo pueden ser más que una serie de líneas horizontales o verticales espaciadas en un patrón. Las rayas se pueden crear utilizando una serie de otras formas o incluso con un aspecto más casual o natural.
Pastaria utiliza una divertida serie de formas redondas para crear un patrón de rayas en el fondo de la página. Dependiendo de su perspectiva, el patrón puede aparecer vertical u horizontal. El truco para que esto funcione tan bien es que el patrón crea interés y profundidad sin ser el visual dominante.
De manera muy opuesta, Night Owl Interactive utiliza un patrón de rayas naturales (grano de madera) para obtener textura y profundidad. Lo bueno de este estilo de rayas natural es que tiene un aspecto aleatorio.
Rayas en Imágenes
Si bien los patrones de bandas a menudo son algo que crea, también pueden ser parte de las imágenes que seleccione para la página. Si planea incluir rayas en una imagen como parte del diseño o si ocurren por casualidad, pueden agregar interés y profundidad instantáneos.
Los dos ejemplos anteriores incluyen texturas de grano de madera para establecer patrones y rayas dentro de las imágenes principales. No es qué tan diferentes son las líneas, dónde te ayudan a mirar y la profundidad adicional que proporcionan para el diseño general.
Color y patrón
Uno de los usos más modernos es el emparejamiento de franjas de colores anchas y / o delgadas para un patrón de bloqueo de color. Como técnica de diseño para diseño digital, de impresión e incluso de moda e interior, el bloqueo de color agrega énfasis instantáneo de manera contenida.
Las rayas de colores pueden ser una gran herramienta para agregar colores de marca a un diseño que sea muy pesado o minimalista. El color crea contraste y énfasis en lugares donde puede faltar y el efecto general tiene una sensación moderna. (Esta es una gran opción si desea probar un concepto moderno que no sea demasiado difícil y tenga un aspecto más atemporal).
Rayas 'Mini'
Si bien muchas de las franjas en los ejemplos anteriores son grandes y fáciles de detectar, las franjas también pueden ser pequeñas divisiones o acentos de diseño.
Uno de los ejemplos más pequeños de rayas es el icono de hamburguesa. Tres pequeñas líneas apiladas. Eso es. Pero es un ejemplo del uso de rayas en el nivel más pequeño.
El diseño del sitio web del Día de los Muertos usa rayas como detalle de acento de una manera que también tiene mucho interés visual. Casi cayendo al fondo, un par de rayas intrincadas rodean el texto y ayudan a atraer la atención. Las líneas y rayas posteriores con color ayudan a crear flujo a través del desplazamiento en la página de inicio.
Conclusión
Un pensamiento final para ti. Si bien a menudo la idea de rayas evoca una imagen mental de filas o columnas si son líneas, las rayas también se pueden usar en forma singular. Muchos de los ejemplos anteriores incluyen rayas en formas que no son la primera imagen mental que podría tener, pero cada una es interesante y ayuda a crear una imagen visual fuerte.
Considere usar rayas de maneras que sean un poco diferentes para obtener el mayor impacto. Juega con el color y la textura y la forma y el tamaño. ¡Experimente con rayas como lo haría antes de probar cualquier otra herramienta de diseño y diviértase!
Fuente de la imagen: Bill Lapp .
