Afila tus habilidades de dibujo

Sep 15, 2025

Cómo

Bosquejo Es una herramienta simple pero poderosa para cualquier persona involucrada con hacer productos digitales. Los bolígrafos, papel y pizarras están disponibles en todas las oficinas; No hay necesidad de hardware o software costosos. Es rápido, es barato y no tenemos que ser artistas para extraer un diagrama simple que explica nuestras ideas.

Top Sketching Consejos para principiantes

Sin embargo, parece que hay una barrera potencial que detenga a mucha gente de tomar los primeros pasos y recoger un bolígrafo, especialmente para aquellos que provengan de un fondo sin diseño como la programación, la investigación o la gestión de productos. La oración 'no lo sé como dibujar "Se puede anclar profundamente en nuestras cabezas, convenciéndonos de que, si nunca tuvimos un Knack for Arts, los dibujos no pueden ser para nosotros.

La buena noticia es que todos puedan dibujar. El bosquejo no se trata de crear obras de arte, sino expresar ideas y hacer visibles los conceptos. Cuando se trata de dibujar interfaces, por ejemplo, las líneas y las cajas combinadas de diferentes maneras representan el 99 por ciento de nuestros bocetos.

En este artículo, vamos a echar un vistazo más de cerca a estos ingredientes básicos y exploraremos algunas técnicas simples para hacer que nuestras líneas y cajas sean más silenciosas, más limpias y más confiadas. Ya sea que estemos usando bocetos para aclarar nuestro pensamiento, para colaborar en una solución con colegas o para presentar un concepto para las partes interesadas y los clientes, lo haremos mucho más fácil para todos "ver lo que queremos decir".

01. Dibujar líneas confidentes.

Clear, confident lines make readability easier — Líneas claras y confidentes facilitan la legibilidad.

Las líneas seguras tienen un comienzo definido, un medio calmado y constante, y un extremo definido sólido. Para practicar, hacer que sus líneas sean más seguros, preste atención a cada una de estas tres partes de sus líneas.

Puede ayudar a hacer una pausa conscientemente al principio y al final para darle a la línea una sensación sólida agradable en ambos lados. Incluso puede mover la pluma contra la dirección de la línea antes de comenzar la línea y después de terminarla para reforzar visualmente los extremos.

02. No tirar tus líneas

Thrown lines are great for creating dynamism, but no good for a clear sketch — Las líneas lanzadas son ideales para crear dinamismo, pero no es bueno para un bosquejo claro.

Cuando lanzas tus líneas, el enfoque está al principio, pero se pierde en el camino. El cajón pierde el control y la línea pierde la definición hacia el final. Las líneas lanzadas son una excelente manera de expresar dinamismo (por ejemplo, en un guión gráfico), pero al dibujar interfaces, el enfoque está en claridad y legibilidad, en lugar de una expresión dinámica.

03. Levante su muñeca para dibujar líneas rectas.

If you’re having trouble keeping your lines straight, try lifting your hand off the page and pulling the pen towards you, rather than pushing it away — Si tiene problemas para mantener sus líneas directamente, intente levantar su mano de la página y tirar de la pluma hacia usted, en lugar de empujarlo.

Si sus líneas, especialmente las largas, todas parecen salir ligeramente curvadas en lugar de recta, intente levantar la muñeca del papel y mover todo el brazo. Puedes usar tu dedo meñique para estabilizar tu mano en el papel.

04. dibujar hacia ti mismo

Otra forma de lograr líneas más rectas es dibujarlas hacia ti mismo. Tendemos a tener más control sobre nuestro movimiento de mano cuando tiramos de la mano hacia el centro de nuestro cuerpo (el botón del vientre) en lugar de alejarnos de él. Simplemente gire su pedazo de papel cuando necesite dibujar líneas horizontales.

05. Encuentre su velocidad óptima de boceto

Find the right speed so you don’t end up with shaky lines, or lines that go off target — Encuentre la velocidad correcta para que no termine con líneas temblorosas, o líneas que salgan del objetivo

El bosquejo es una técnica rápida, pero no hay necesidad de ser apresurados. No apresure la pluma alrededor del papel. En su lugar, encontrar un ritmo constante que le permita controlar sus líneas y hacer marcas claras.

Si tus líneas son inestables, probablemente irás demasiado lento. Acelerar su dibujo puede ayudarlo a crear líneas más suaves. Si sus líneas están fuera del objetivo, probablemente vaya demasiado rápido. Declarar la desaceleración te ayudará a controlar el camino de tus líneas mejor.

06. No dibuje líneas peludas

Draw one long, confident line – hairy lines are distracting — Dibujar una línea larga y segura: las líneas peludas distraen

Algunas personas tienen la costumbre de dibujar una línea en muchos pequeños segmentos. Desde mi experiencia, esto suele ocurrir cuando alguien no es tan seguro de dibujar y está tratando de encontrar la línea correcta, poco a poco.

Las líneas 'peludas' resultantes muestran esta inseguridad y agregan ruido visual al boceto. Practica haciendo líneas completas, continuas. Si la línea no sale como lo planeaste, solo ponga otra línea "mejor" en la parte superior. Con el tiempo, esto resultará en una apariencia más segura y tranquila.

07. Bosquejo de formas claras

Lift your pen between each straight line to slow down your drawing and keep your shapes crisp — Levante su pluma entre cada línea recta para ralentizar su dibujo y mantener sus formas crujientes

Una caja es una forma simple formada por cuatro líneas que se encuentran en ángulos de 90 grados. Para dibujar una caja limpia, dibuje cada lado individualmente y levante la pluma entre cada línea. Esto le ayudará a mantenerse a cada lado derecho y hacer que las esquinas sean agradables y definidas.

Levantar su pluma naturalmente lo obliga a disminuir un poco, lo cual es una de las mejores maneras de evitar cajas descuidadas.

08. Cierra las esquinas de las formas.

Take some time to make sure you close up your shapes. Gaps between lines simply add visual noise — Tómese un tiempo para asegurarse de cerrar sus formas. Las brechas entre las líneas simplemente agregan ruido visual

Nuestra mente percibirá golpes individuales como una forma completa, incluso cuando las esquinas no están correctamente cerradas. Esto se debe a que el cerebro humano es bastante sorprendente, especialmente la parte que se ocupa de la percepción visual.

Sin embargo, dejar que las esquinas de sus cajas abiertas crean ruido visual y desvían la potencia de procesamiento mental de lo que realmente desea que su espectador se dé cuenta. Haz un hábito de cerrar correctamente las esquinas de tus cajas. Si las esquinas se superponen, eso también está bien.

09. Sketch Neat Ciet Text

Opt for straight lines for body copy and a tight zigzag for headers — Opte por líneas rectas para la copia corporal y un zigzag apretado para los encabezados

Al dibujar, a menudo usamos líneas y garabatos para representar el texto. Esta es una forma rápida de dibujar los encabezados y bloques de texto mientras mantiene la fidelidad baja y evita que los espectadores se distraen con contenido real y legible.

Cuando no estamos prestando atención, es fácil caer en el hábito de usar líneas onduladas al azar (como las que asociamos con la escritura a mano), especialmente cuando intentamos representar fuentes más grandes como títulos o etiquetas grandes. Esto, de nuevo, agrega ruido visual y hace que su bosquejo sea difícil de leer.

Continúe con el hábito de usar líneas rectas para la copia corporal y un zigzag apretado y limpio para representar un texto más grande.

Cuando colocas todos estos pequeños detalles, la diferencia que hace que la apariencia general de sus bocetos sea bastante impresionante. Recuerde, el objetivo no es crear bocetos "hermosos" o "arty", sino para que su salida sea clara y tranquila, por lo que el espectador puede centrarse en que se muestre la idea, en lugar de distraerse con un ruido visual innecesario.

10. Ve a la baja fidelidad para transmitir tu concepto.

Practise paring sketches back to just the essentials needed to capture your idea — Practica los bocetos de pelaje de vuelta a los elementos esenciales necesarios para capturar su idea.

Hans Hofmann dijo una vez: "La capacidad de simplificar medios para eliminar lo innecesario para que los necesarios puedan hablar".

Más allá de las meras habilidades técnicas de producir líneas rectas y cajas limpias se encuentra el lado mucho más difícil, más conceptual del bosquejo. ¿Qué partes necesito para boceto para transmitir un concepto? ¿Qué nivel de fidelidad es el adecuado para la etapa que estoy?

Mi consejo general es: Si desea concentrarse en mejorarlo en una sola cosa, hágalo dibujar a baja fidelidad. Habiendo enseñado a dibujar a cientos de practicantes de UX, descubrí que reducir un bosquejo a su esencia es, con mucho, el desafío más difícil. Es muy fácil distraerse por los detalles y perder claridad al reprimir demasiado en un boceto.

Practicar bocetos de baja fidelidad nos obliga a resumir conceptos complejos. También nos enseña cómo detectar patrones y nos ayuda a entender las estructuras. Cuando Maestro dibujamos en baja fidelidad, nos convertimos en mejores comunicadores, ya que nos ayuda a reconocer cómo mostrar el panorama general primero y sumergir en más detalles cuando se necesita.

11. Bosquejar las interfaces existentes

Base your practice sketches on an existing page to focus on capturing the essence of the design, rather than creating a new layout — Base sus bocetos de práctica en una página existente para centrarse en capturar la esencia del diseño, en lugar de crear un nuevo diseño

La mejor manera de aprender cómo crear bocetos de baja fidelidad es practicar dibujar un existente Diseño de sitio web . Esto le permite concentrarse plenamente en qué y cómo se dibuja, porque no tiene que idear un buen diseño nuevo al mismo tiempo.

Dibujar interfaces existentes también puede ser una excelente manera de ayudarlo si se queda atrapado en su proceso de diseño. Dibujando la interfaz actual que desea mejorar, o la interfaz de un producto similar, puede ayudarlo a encontrar fallas y preguntar el status quo en un nivel estructural mucho más profundo. Esto a menudo puede llevar a ideas de cómo hacer las cosas de manera diferente.

12. Imagina tu audiencia.

Elija una pantalla de un sitio web, interfaz de software o aplicación móvil. Imagina que querías explicarle a alguien de qué se trata esta pantalla y cuáles son sus partes principales. Para enfocar el ejercicio, imagine que está hablando con una persona en particular: un gerente de productos, un diseñador visual, un desarrollador, un editor de contenido, un posible inversionista. Dependiendo de quién es la audiencia, su boceto se centre en diferentes aspectos del diseño de la pantalla.

Desafíela para dibujar primero la estructura general y mantener la cantidad de detalles al mínimo. Por lo general, se necesita unas pocas rondas de bocetos para bajar a la esencia.

Este artículo apareció originalmente en revista neta Número 285.

¿Me gusto esto? Luego revisa estos:

Crea guitarrotas para animaciones web.
Cómo hacer tus aplicaciones sin servidor
20 grandes recursos para aprender diseño gráfico.

Afila tus habilidades de dibujo

01. Dibujar líneas confidentes.

02. No tirar tus líneas

03. Levante su muñeca para dibujar líneas rectas.

04. dibujar hacia ti mismo

05. Encuentre su velocidad óptima de boceto

06. No dibuje líneas peludas

07. Bosquejo de formas claras

08. Cierra las esquinas de las formas.

09. Sketch Neat Ciet Text

10. Ve a la baja fidelidad para transmitir tu concepto.

11. Bosquejar las interfaces existentes

12. Imagina tu audiencia.

Cómo - Artículos más populares

Cómo usar reaccionar resorte para animar componentes

10 cosas que no sabías que podrías hacer con Photoshop

Comience con activos en el diseñador de afinidad

Crear Cantidad Estilos y diseños de CSS específicos

19 Consejos para un gran arte Poser

Convierte las fotos en animaciones 3D con Photoshop

Cómo derretir un objeto 3D con tres.js

Cómo hacer tus propios tableros de lienzo

Categorías