Las tendencias, consejos y herramientas para el uso de garabatos en el diseño

Siempre es divertido sumergirse en una tendencia de diseño popular y ver quién lo está haciendo, cómo funciona, qué se comunica y cómo puede probarlo usted mismo.

Quédate con nosotros como lo hacemos exactamente con los diseños modernos de doodle que ves en toda la web ahora mismo.

Localización de tendencias

Una de mis facetas favoritas de estudiar diseño es buscar y analizar tendencias generalizadas. Me encanta considerar las decisiones de diseño colectivo de ciertas generaciones, ubicaciones o cualquier otro grupo y lo que los llevó a la aceptación y el rechazo de ciertas ideas.

Sin embargo, hay algo más que la psicología, también me gusta analizar los aspectos específicos de cómo llevar a cabo el estilo general que estos diseñadores están implementando.

Pensar en las tendencias de diseño te ayuda a expandir tus horizontes como diseñador. A veces, te da una idea de nuevas ideas, otras veces te ayuda a identificar tácticas sobreutilizadas que debes evitar. De cualquier manera, se beneficia al prestar atención al mundo que lo rodea y lo que actualmente es popular desde una perspectiva visual.

Tenga mucho cuidado al notar las fuentes en las vallas publicitarias, anuncios impresos, sitios web y letreros de las ventanas de comida rápida. Piense acerca de qué tipo de diseñadores de fotografía en ciertos campos gravitan hacia. Toda esta información puede almacenarse silenciosamente en la parte posterior de tu cerebro y volver a aparecer cuando abres Photoshop y miras ese lienzo en blanco.

Hoy vamos a echar un vistazo a una tendencia que comencé a ver más y más recientemente. De ninguna manera es algo nuevo, pero por cualquier motivo, parece ser el favorito de los diseñadores actuales.

Diseño incompleto

Una tendencia que se prendió hace varios años y que repentinamente ha visto un poco de resurgimiento es el uso de ilustraciones esbozadas muy básicas como elemento principal de diseño.

Esto puede y puede tomar muchas formas, pero el tipo del que estoy hablando es un dibujo de líneas de dibujos animados de muy baja fidelidad que casi cualquiera puede crear. ¡Esta es una gran noticia para cualquiera que quiera recrear este look porque finalmente puede aceptar el hecho de que sus habilidades de dibujo apestan!

Ejemplos

Echemos un vistazo rápido a la web para ver los tipos de diseños de los que estoy hablando y los patrones que surgen.

Garabatos de fondo denso

Un uso popular del simple boceto es usar las ilustraciones como textura de fondo. Por lo general, esto toma la forma de ilustraciones y texto densamente empaquetados, que a menudo se proyectan de nuevo a una opacidad reducida.

Observe cómo estos dos ejemplos utilizan los elementos esbozados tanto en el fondo como en el primer plano. Una vez más, la separación se mantiene a través de la opacidad simple y las diferencias de color.

Animaciones

Curiosamente, en casi todos los ejemplos que encontré, incluidas las dos ya usadas, las animaciones se utilizaron junto con los elementos esbozados.

La naturaleza de las animaciones suele ser bastante simple y no es exactamente el material de dibujos animados del sábado por la mañana. La estructura básica de las ilustraciones permanece estática, por ejemplo, ningún personaje agita sus brazos o algo tan complejo. En su lugar, los elementos simplemente se mueven a través de la página o se giran para que parezcan más dinámicos.

Ya que estamos tan acostumbrados a ver las ilustraciones que cobran vida, este tipo de diseño se presta muy bien a la animación básica. Una vez que haya terminado de implementar sus bocetos, agregue algo de jQuery o CSS magic para atraer un poco de interés adicional a la página.

Flechas y Tipo

El uso más básico de la apariencia de boceto que he visto es la adición de flechas y / o texto esbozados sobre lo que de otra manera es un diseño web muy típico.

En lugar de basar todo el diseño en una sensación de boceto, estos diseñadores utilizan ilustraciones básicas para violar la estética establecida y llamar su atención a áreas clave.

Añadiendo otra dimensión

La moda de boceto a menudo se lleva aún más lejos con la adición de elementos tridimensionales. Tenga en cuenta que el estilo general de baja fidelidad y la naturaleza dibujada apresuradamente del boceto se mantienen constantes, la naturaleza del boceto es solo más realista en su profundidad y perspectiva.

¿Qué es esto comunicando?

Antes de entrar en algunas formas fáciles de implementar este estilo en sus propios diseños, es crucial que consideremos las implicaciones de tal acción.

Cada vez que tomas una decisión de diseño estético, estás comunicando ciertas cosas a tus visitantes, sin importar si quieres o no. Por ejemplo, este estilo particular es muy amigable en la naturaleza. Se comunica un ambiente muy informal que es acogedor y no demasiado serio.

Conceptos

Estas ilustraciones suelen parecer ridículas y divertidas, pero también pueden usarse para comunicar ideas como innovación (a menudo esbozamos nuestras ideas), ingredientes totalmente naturales o algún tipo de iniciativa verde, creatividad (las empresas de diseño utilizan este método con frecuencia) o incluso un estilo de vida emocionante y vanguardista.

Simplemente no puede evitarlo, los bocetos de servilletas de cóctel nunca dirán "limpio y corporativo". o? serio y profesional? Si su objetivo es crear uno de estos estilos, debería buscar un tema visual en otro lugar.

Recursos Gratis

Ahora que hemos examinado dónde y cómo se usa este estilo de diseño y lo que efectivamente se comunica, es hora de descubrir cómo recrearlo.

Al igual que con cualquier estilo de diseño popular, hay toneladas y toneladas de recursos gratuitos que pueden ahorrarle mucho trabajo. Siempre me animo a diseñar desde cero cuando tenga tiempo, pero seamos sinceros, los plazos difíciles hablan más que las buenas intenciones.

Fuentes

Hay un montón de fuentes de bocetos gratis por ahí, aquí hay algunos candidatos notables que deberías revisar. Cada uno representa un estilo significativamente diferente del tipo de boceto.

Puntiagudo
La puntiaguda es definitivamente una de las fuentes de boceto más populares debido a su naturaleza 3D. Esto es bueno y malo.Por un lado, es probable que sea exactamente lo que estás buscando, por el otro, es bastante usado en exceso.

VAG escrito a mano
Una fuente garabateada a mano decentemente creíble que es perfecta para cuando quieres emparejarte con la flecha dibujada que vimos arriba.

Idolwild
Tiendo a amar las serifas de losas, aquí hay un bonito boceto con un sentimiento decididamente cómico.

Buen perro
Aquí hay una opción decente para cuando necesitas una fuente más audaz. Las fuentes en negrita manuscritas pueden ser bastante feas, así que asegúrate de buscar las buenas que encuentres de inmediato.

Ahora, estas fuentes son incompletas pero aún están basadas en tipografía. Tenga en cuenta que, como alternativa a los pinceles a continuación, puede encontrar algunas fuentes de doodle dingbat decentes si se mira lo suficiente. Echa un vistazo a Tombats 7 y 2Peas GGs Love Me para comenzar.

Cepillos

Si desea ahorrar algo de tiempo eliminando todos esos garabatos, aquí hay algunos pinceles de boceto pre-hechos para Photoshop.

Escuela Dayz Bocetos Pinceles

Juego de brochas 45 - HandmadeDoodles

T9 Doodles creativos

Cepillos al azar lindos

Doodle pinceles de flecha

Pinceles Doodle Flecha

Aplicaciones para crear tus propios garabatos

Los recursos anteriores son buenos, pero el estilo de estas ilustraciones es tan básico que no debería tener problemas para crear ilustraciones desde cero si tiene tiempo. Sin embargo, dibujar con un mouse casi nunca es divertido, por lo que necesita un mejor sistema para generar la obra de arte.

La forma de la vieja escuela es, por supuesto, agarrar un papel y un lápiz, pero escanear en una obra de arte es un dolor. Si desea ir a la ruta de gama alta, nada mejor que una pantalla táctil Wacom u otra tableta de dibujo dedicada. Desafortunadamente, muchos de nosotros no tenemos el presupuesto para agotar y comprar una tableta de dibujo simplemente porque somos demasiado perezosos para escanear un boceto. Afortunadamente, hay una alternativa más disponible.

En estos días, aunque la mayoría de nosotros ya tenemos al menos un dispositivo de pantalla táctil por ahí. Obtenga un lápiz óptico de $ 8 y su iPhone y iPad se convierten en increíbles herramientas de dibujo digital. Aquí hay algunas aplicaciones para revisar.

Adobe Ideas

Ideas es la aplicación ideal para este tipo de trabajo y definitivamente debería estar donde comenzar su búsqueda. Es simple, gratis $ 5.99 y exporta archivos PDF vectoriales que puede llevar directamente a Illustrator para manipulaciones adicionales.

Sketchbook Pro

Sketchbook Pro es una herramienta de dibujo seria perfecta para crear garabatos simples y obras de arte altamente realistas. También asegúrese de revisar la versión para Mac.

LiveSketch HD

Cuando quiero crear algo realmente único, aquí es donde me dirijo. Es una aplicación peculiar que se siente como trabajar con un lápiz más que la mayoría de los demás. Lo amarás o lo odiarás, pero por solo $ 2, te recomiendo que lo pruebes.

Yendo en 3D

Si está buscando crear un boceto en 3D como el que se muestra cerca del comienzo de este artículo, no busque más que la aplicación gratuita de SketchUp de Google. Puede eliminar un modelo 3D básico en minutos y convertirlo instantáneamente en uno de los muchos estilos incompletos incorporados.

Para obtener más información, consulte nuestro reciente tutorial sobre Diseño de un mapa de ciudad en 3D esbozado

Conclusión

Este artículo debe equiparte con todo lo que necesitas saber sobre garabatos simples en diseño. Comenzamos mirando algunos sitios en vivo que utilizan esta técnica y encontramos algunas ideas sólidas y sugerencias para implementarlas. Luego analizamos algunas fuentes y pinceles que pueden ayudarlo a lograr este aspecto con poco o ningún esfuerzo y terminamos con algunas aplicaciones que lo ayudarán a crear su propia obra de arte en este estilo.

Deja un comentario con un enlace a cualquier trabajo que hayas visto en este estilo. ¡Queremos verlo!