Esa mirada esbozada: tendencias, consejos y herramientas para usar garabatos en el diseño
Siempre es divertido sumergirse realmente en una tendencia de diseño popular y ver quién lo está haciendo, cómo funciona, qué comunica y cómo puede probarlo usted mismo.
Quédate con nosotros, ya que hacemos exactamente eso con esos diseños de garabatos modernos que ves en toda la web en este momento.
Explore los elementos de Envato
Detección de tendencias
Una de mis facetas favoritas de estudiar diseño es buscar y analizar tendencias generalizadas. Me encanta considerar las decisiones colectivas de diseño 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 más que psicología, también me gusta analizar los detalles 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 ampliar tus horizontes como diseñador. ¡A veces te da una idea de nuevas ideas, otras veces te ayuda a identificar tácticas usadas en exceso que deberías evitar! De cualquier manera, se beneficia al prestar atención al mundo que lo rodea y a lo que actualmente es popular desde una perspectiva visual.
Tenga especial cuidado al notar las fuentes en vallas publicitarias, anuncios impresos, sitios web y carteles de ventanas de comida rápida. Piensa en qué tipo de diseñadores de fotografía de stock gravitan en ciertos campos. Toda esta información tiene una forma de almacenarse en silencio en la parte posterior de su cerebro y volver a aparecer cuando abre Photoshop y mira ese lienzo en blanco.
Hoy vamos a echar un vistazo a una tendencia que comencé y más recientemente. De ninguna manera es algo nuevo, pero por alguna razón, parece ser un diseñador favorito actual.
Diseño incompleto
Una tendencia que se dio cuenta hace varios años y que de repente ha experimentado un pequeño resurgimiento es el uso de obras de arte esbozadas muy básicas como elemento principal de diseño.
Esto puede y toma muchas formas, pero el tipo del que estoy hablando es un dibujo lineal de dibujos animados de muy baja fidelidad que casi cualquiera podría crear. ¡Esta es una gran noticia para cualquiera que busque recrear este aspecto 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 qué patrones surgen.
Garabatos de fondo denso
Un uso popular del aspecto de boceto simple es usar las ilustraciones como textura de fondo. Esto generalmente toma la forma de ilustraciones y texto densamente empaquetados, que a menudo se vuelven a proyectar en una opacidad reducida.
Observe cómo ambos ejemplos usan los elementos bosquejados tanto en el fondo como en el primer plano. Nuevamente, la separación se mantiene a través de opacidades simples y diferencias de color.
Animaciones
Curiosamente, en casi todos los ejemplos que encontré, incluidos los dos ya utilizados, las animaciones se usaron junto con los elementos esbozados.
La naturaleza de las animaciones suele ser bastante simple y no 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 los brazos ni nada tan complejo. En cambio, los elementos simplemente se mueven a través de la página o se giran para que parezcan más dinámicos.
Como estamos tan acostumbrados a ver 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 un poco de magia jQuery o CSS para atraer un poco más de interés a la página.
Flechas y tipo
El uso más básico de la apariencia esbozada que he visto es la adición de flechas y / o texto esbozados sobre lo que de otro modo es un diseño web muy típico.
En lugar de basar todo el diseño en una sensación esbozada, estos diseñadores usan ilustraciones básicas para violar la estética establecida y llamar su atención sobre áreas clave.
Añadiendo otra dimensión
La moda del 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 mantiene constante, la naturaleza del boceto es solo más realista en su profundidad y perspectiva.
¿Qué es esto comunicante?
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 toma una decisión de diseño estético, está comunicando ciertas cosas a sus visitantes, ya sea que lo desee o no. Por ejemplo, este estilo particular es de naturaleza muy amigable. Comunica un ambiente muy informal que es acogedor y no demasiado serio.
Conceptos
Estas ilustraciones generalmente se ven tontas y juguetonas, pero también se pueden usar para comunicar ideas como la innovación (a menudo bosquejamos nuestras ideas), ingredientes totalmente naturales o algún tipo de iniciativa ecológica, creatividad (las empresas de diseño usan 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 cualquiera de estos estilos, entonces debe buscar un tema visual en otra parte.
Recursos gratuitos
Ahora que hemos examinado dónde y cómo se usa este estilo de diseño y qué comunica efectivamente, 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 animo a diseñar desde cero cuando tienes tiempo, pero seamos sinceros, los plazos estrictos hablan más que las buenas intenciones.
Fuentes
Hay toneladas de fuentes bosquejadas gratuitas, aquí hay algunos candidatos notables que debe consultar. Cada uno representa un estilo de tipo bosquejado significativamente diferente.
Puntiagudo
Pointy es definitivamente una de las fuentes incompletas 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 otro, está bastante usado en exceso.
VAG-Escrito a mano
Una fuente garabateada a mano dignamente creíble que es perfecta para cuando quieras emparejarte con la flecha dibujada que vimos arriba.
Idolwild
Tiendo a amar las serif de losas, aquí hay un buen boceto con una sensación decididamente cómica.
Buen perro
Aquí hay una opción decente para cuando necesita una fuente más audaz. Las fuentes en negrita escritas a mano pueden ser bastante feas, así que asegúrate de tomar las buenas que encuentres de inmediato.
Ahora, estas fuentes son incompletas pero siguen basadas en la tipografía. Tenga en cuenta que, como alternativa a los pinceles a continuación, puede encontrar algunas fuentes decentes dingbat doodle si busca lo suficiente. Echa un vistazo a Tombats 7 y 2Peas GGs Love Me para comenzar.
Pinceles
Si desea ahorrar algo de tiempo eliminando todos esos garabatos, aquí hay algunos pinceles de bocetos prefabricados para Photoshop.
School Dayz Sketches Brushes
Brush Set 45 - Garabatos hechos a mano
T9 Creative Doodles
Lindos pinceles aleatorios
Cepillos de flecha Doodle
Cepillos de flecha Doodle
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 obras de arte 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 poco de papel y un lápiz, pero escanear una obra de arte es una molestia. Si desea ir a la ruta de gama alta, nada supera a Wacom con pantalla táctil u otra tableta de dibujo dedicada. Desafortunadamente, muchos de nosotros no tenemos el presupuesto para quedarnos sin comprar una tableta de dibujo solo porque somos demasiado flojos para escanear un boceto. Afortunadamente, hay una alternativa más fácilmente disponible.
En estos días, aunque la mayoría de nosotros ya tenemos al menos un dispositivo de pantalla táctil. Obtenga un lápiz óptico de $ 8 y su iPhone y iPad se convertirán en increíbles herramientas de dibujo digital. Aquí hay algunas aplicaciones para revisar.
Ideas de Adobe
Ideas es la aplicación ideal para este tipo de trabajo y definitivamente debe ser donde comienzas tu búsqueda. Es muy simple, gratis $ 5.99 y exporta 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 consultar la versión para Mac.
LiveSketch HD
Cuando quiero crear algo realmente único, aquí es donde me vuelvo. 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 Google SketchUp. Puede revelar 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 tutorial reciente sobre Diseño de un mapa de ciudad en 3D esbozado
Conclusión
Este artículo debe equiparlo con todo lo que necesita saber sobre garabatos simples en diseño. Comenzamos mirando algunos sitios en vivo que usan esta técnica y encontramos algunas ideas sólidas y sugerencias para implementarlas. Luego observamos 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 con este estilo.
Deja un comentario con un enlace a cualquier trabajo que hayas visto en este estilo. ¡Queremos verlo!
