La base del arte, el diseño y más.

Los fundamentos del diseño son la base de todos los medios visuales , desde las bellas artes hasta el diseño web moderno. Incluso están presentes en detalles aparentemente sin importancia, como las fuentes que componen la mayoría de las composiciones.

pintura presentada en el sitio web de bellas artes

¿Qué tienen en común estos ejemplos? Algunos elementos muy básicos, como la línea , la forma , la forma , la textura y el equilibrio . Puede que no parezcan demasiado solos, pero juntos, son parte de casi todo lo que vemos y creamos.

ejemplos de elementos

Los fundamentos pueden ser intimidantes al principio, especialmente si no te consideras un artista. Pero mantén la mente abierta: hay muchas cosas que pueden enseñarte sobre cómo trabajar con diferentes activos y crear imágenes simples desde cero.

Mira el video para aprender más sobre los fundamentos del diseño.

Línea

Una línea es una forma que conecta dos o más puntos . Puede ser gordo, delgado, ondulado o irregular, y la lista continúa. Cada posibilidad le da a la línea una sensación ligeramente diferente.

diagrama de líneas

Las líneas aparecen frecuentemente en el diseño; Por ejemplo, en dibujos e ilustraciones . También son comunes enelementos graficos, como texturas, patrones, y fondos.

Página web con ilustración y fondo.

Las líneas también se pueden usar en composiciones más humildes , para organización, énfasis o simplemente decoración. En el siguiente ejemplo, las líneas se han utilizado para crear un diagrama de flujo que guía el ojo del lector de un elemento a otro.

organigrama de presentación

Cuando trabaje con líneas, preste atención a cosas como el peso , el color , la textura y el estilo . Estas cualidades sutiles pueden tener un gran impacto en la forma en que se percibe su diseño.

estilos de linea

Busque lugares donde las líneas se esconden a plena vista; por ejemplo, en texto . Incluso aquí, experimentar con diferentes calidades de línea puede darte resultados muy diferentes.

diagrama de texto

Forma

Una forma es cualquier área bidimensional con un límite reconocible. Esto incluye círculos, cuadrados, triángulos, etc.

diagrama circular

Las formas se dividen en dos categorías distintas: geométrica (o regular) y orgánica(donde las formas son más libres).

formas geométricas vs. orgánicas

Las formas son una parte vital de la comunicación visual de ideas . Le dan imágenes de pie y las hacen reconocibles. Entendemos las señales de tráfico, los símbolos e incluso el arte abstracto en gran parte debido a las formas.

ejemplos de formas

Las formas tienen un sorprendente número de usos en el diseño diario . Pueden ayudarlo a organizar o separar contenido, crear ilustraciones simples o simplemente agregar interés a su trabajo. Vea si puede ver los muchos ejemplos en la imagen de abajo.

sitio web con gráficos basados ​​en formas

Las formas son importantes porque son la base de muchas cosas. Aprende a buscarlos en otros diseños y pronto comenzarás a verlos en todas partes.

Tarjeta de visita y aplicación con formas.

Formar

Cuando una forma se convierte en 3D , la llamamos forma. Las formas forman una variedad de cosas en el mundo real, como esculturas, arquitectura y otros objetos tridimensionales.

foto escultura

Sin embargo, las formas no tienen que ser formas tridimensionales. También pueden ser implícitos a través de la ilustración , usando t.Técnicas como la luz, la sombra y la perspectiva para crear la ilusión de profundidad.

versión ilustrada de la escultura

En diseño bidimensional, la forma hace posible el realismo.. Sin ella, las representaciones como la imagen de abajo, una bola con reflejos y sombras, simplemente no serían lo mismo.

pelota de goma realista

Incluso imágenes que son menos realistas.Utiliza técnicas similares para crear dimensión. Abajo, la iluminación y el sombreado están estilizados, pero aún apuntan a la forma y la profundidad.

gráfico plano con sombras

En la composición cotidiana, el propósito de la forma es el mismo, pero en una escala menor. Por ejemplo, una sombra simple puede crear la ilusión de capas o dar a un objeto unasentido de lugar.

menú con sombras sutiles

Las formas básicas pueden aportar un toque de realismo a su trabajo, que es una herramienta poderosa cuando se utiliza con moderación.

Textura

La textura es la calidad física de una superficie . Como forma, puede ser parte de unObjeto tridimensional, como en el siguiente ejemplo (un pequeño cactus espinoso en una olla de cerámica brillante).

foto de cactus

O puede ser implícito a través de la ilustración, sugiriendo que tendría textura si existiera en la vida real.

versión gráfica de cactus

En diseño, la textura agrega profundidad y tacto a las imágenes planas. Los objetos pueden aparecer lisos, rugosos, duros o blandos, dependiendo de los elementos en juego.

ilustración texturizada

Para los principiantes, las texturas son excelentes imágenes de fondo y pueden agregar mucho interés a su trabajo. Mire de cerca, y puede encontrar textura en lugares inesperados, como fuentes angustiadas e iconos lisos y brillantes.

sitio web con fondo de textura

Solo tenga cuidado de no exagerar: demasiada textura en un solo diseño puede convertirse rápidamente en abrumadora.

Fondo de textura, cuadro de texto, fuente e iconos

Equilibrar

El equilibrio es la distribución equitativa del peso visual (más específicamente, la cantidad de elementos que atraen la atención del espectador). El equilibrio puede verse afectado por muchas cosas, incluidos el color , el tamaño , el número y el espacio negativo .

formas equilibradas

Dominar el equilibrio puede ser complicado para los principiantes, ya que requiere algo de intuición. Afortunadamente, el mundo del diseño está lleno de ejemplos que pueden ayudarlo a comprender sus diferentes iteraciones.

diseño de revista

Los diseños simétricos son iguales o similares en ambos lados de un eje. Se sienten equilibrados porque cada lado es efectivamentelo mismo (si no es idéntico).

tarjeta de visita simétrica

Los diseños asimétricos son diferentes, pero el peso todavía está distribuido uniformemente . La composición está equilibrada porquellama la atención a las cosas correctas (en este ejemplo, el nombre de la persona y el logotipo de la empresa).

tarjeta de visita asimétrica

La regla de los tercios.

Muchas personas, incluidos diseñadores y fotógrafos, utilizan una estrategia llamada la regla de los tercios . Esto imagina su área de trabajo dividida en una cuadrícula de 3×3. El punto focal de la imagen se coloca en o cerca de una de las líneas de la cuadrícula , creando Balance visual con el resto del espacio.

diagrama de la regla de los tercios

Encontramos este tipo de composición atractiva porque, según estudios, el ojo humano naturalmente sigue este camino Al escanear un diseño.

camino del ojo

Poniendolo todo junto

Los fundamentos del diseño tienen que ver con la imagen más grande, en otras palabras, aprender a apreciar los muchos pequeños detalles que conforman cada composición.

Ejemplo de cada elemento en la diapositiva de presentación.

Esta información puede aplicarse a casi cualquier tipo de proyecto , ya sea que estécreando tus propios gráficos o simplemente buscando formas simples de mejorar su trabajo.

Tobogán con líneas gráficas y decorativas.

¡Esperamos que hayas disfrutado aprendiendo los fundamentos del diseño!