Diseño

Introducción al Diseño Gráfico

Escrito por el .

El diseño es un elemento de la vida que combina imaginación, creatividad, libertad de expresión, y visión. Pero hay algo que muchas personas no saben sobre dicha rama del arte: todos podemos hacerlo.

“La mayoría de la gente cree que el diseño es algo decorativo. Para mí, nada es más importante en el futuro que el diseño. El diseño es el alma de todo lo creado por el humano.” – Steve Jobs.

escritorio

Sin lugar a dudas, estudiar la carrera en Diseño Gráfico te va a ayudar a comprender esta industria. Pero lo importante es que no existe una fórmula secreta y dicho diploma no es obligatorio; por eso es importante capacitarse por cuenta propia con posts, libros, páginas web que brindan inspiración, etcétera.

Todo lo necesario está en tu cabeza y en las ganas de lograr algo que te apasione e inspire a los demás. Crear infografías, logos, modificar fotos, escribir posts, publicitar y vender tu producto o servicio, crear una página web, videos o documentales.

Estos elementos tienen algo en común, con la implementación del diseño tu proyecto final va a impactar en otras personas de maneras inimaginables. Tener el conocimiento sobre los elementos básicos del diseño puede ayudarte a comprender la armonía, esencia, y equilibrio de cada objetivo a lograr.

reunion cafe

INTRODUCCIÓN

Diseñador: comunicador especial, capaz de convertir palabras e imágenes ordinarias en mensajes accesibles y con un significado.

Objetivo: crear una representación visual con un sentido de orden y claridad haciendo que las personas entiendan el mensaje.

El Diseño Gráfico es el arte de comunicación visual a través de texto, imágenes, símbolos o ilustraciones. Cada persona implementa y desarrolla su diseño en orden a su personalidad, ideas y objetivos. Pero es siempre importante tener en cuenta aspectos básicos que van a facilitar la visión principal de dicha creación.

Para ser un poco más específicos, los pilares del diseño se pueden representar de esta manera:

  • Colores: principal elemento del diseño. Determina el impacto y personalidad de cada diseño.
  • Tipografía: arte o proceso de diseñar, arreglar o acomodar texto.
  • Arte Visual: fotografía e ilustración.
  • Distribución del diseño: organización visual de los elementos en el proyecto.


ELEMENTOS

COLORES

El círculo cromático es la principal herramienta que representa a los colores de manera ordenada. La primera clasificación a tener en cuenta es la diferencia entre los colores cálidos (rojos, amarillos y anaranjados) y fríos (verdes, azules y violetas).

Colores Calidos y Frios

Cuando elegimos colores para nuestros diseños, es importante saber la relación que tienen unos con otros y cómo son creados. Esto nos lleva a una segunda clasificación: colores primarios, secundarios y terciarios.

Colores primarios secundarios terciarios

Primarios
Amarillo, Rojo y Azul.
No pueden ser creados mezclando otros colores.

Secundarios
Verde, Naranja y Purpura.
Se crean mezclando los colores primarios.

Terciarios
Combinación entre colores primarios y secundarios.

REGLAS DEL COLOR

Complementarios: colores que se encuentran uno al frente del otro en la rueda cromática.

Análogos: colores que se encuentran a los costados de un color seleccionado.

Triaxiales: colores situados en un ángulo de 120 grados con los demás.

reglas de colores

SISTEMA DE COLORES

SISTEMA DE COLORES

 

PSICOLOGÍA DE LOS COLORES

Cuando diseñamos, el color es un elemento muy importante pero subjetivo a la misma vez. Un color puede provocar una reacción en ciertas personas y una muy distinta en otras. Esto puede ser debido a preferencias personales o factores culturales. Por este motivo el color puede ser estudiado en términos generales para tener una visión inicial a la hora de diseñar. Cambiando el matiz o la saturación de un color podemos causar una sensación completamente distinta.

Amarillo

yellow
  • Activa el proceso mental y el sistema nervioso.
  • Activa la memoria.
  • El color más feliz.

Verde

verde
  • Relajación.
  • Renovación y armonía.
  • Ayuda para la ansiedad y el nerviosismo.

Azul

azul
  • Calma.
  • Temperatura fresca.
  • Digno de confianza.
  • Productividad.

Púrpura

purpura
  • La creatividad.
  • Espiritualidad.
  • Lujo.

Rosa

rosa
  • Energía.
  • Confianza.
  • Divertido y emocionante.

Rojo

rojo
  • Energía.
  • La confianza y la atención.
  • Sentido de protección.
  • Estimulación.

Naranja

naranja
  • Actividad.
  • Apetito.
  • Comportamiento social.
  • Controversia.

Blanco

BLANCO
  • Claridad.
  • Purificación.
  • Neutral.

Gris

gris
  • Expectativas.
  • El intelecto.
  • Algo refinado y de larga duración.

Negro

negro
  • Reparador.
  • Poder y autoridad.
  • Las emociones fuertes como el odio.

PALETA DE COLORES

A medida que tu experiencia en el diseño se vuelve más precisa, el término Palette (Paleta de Colores) surgirá constantemente. Dicho elemento representa los colores principales que formarán parte de tu diseño.

Definir la paleta de colores será uno de los primeros pasos a implementar antes de crear el proyecto, ya que la esencia e identidad de cada detalle se presenta a través de dichos colores.

En la web, todos los colores existentes pueden ser identificados con su Hex Number (Numero Hexadecimal) representados en una escala del 0 al 9 y de la A a la F, utilizando el sistema de colores para la web RGB (RVA: Rojo-Verde-Azul):

RVA
  • Los primeros dos dígitos representan a la cantidad de Rojo que tiene el color. Los segundos dígitos representan al verde y los terceros al azul.
  • El blanco seria #FFFFFF y el negro #000000.

Debido a la cantidad de combinaciones que se puede lograr con los códigos hexadecimales, no siempre es fácil encontrar el color justo que uno busca.

En mis inicios en el diseño, malgastaba mucho tiempo tratando de encontrar los colores exactos para mis proyectos. Hasta que encontré las herramientas necesarias para lograr una paleta de colores en menos tiempo.

HERRAMIENTAS A UTILIZAR: COLOR

Palette

Adobe Kuler

Adobe CC


Coolors

coolor

Pictaculous
Esta página web te otorga la opción de descargar una imagen y generar una paleta de colores en base a la imagen.

Pictaculous

Google Palettes

Google Color

Flat UI Colors
Página web simplista que brinda inspiración para tus diseños.

Flat UI color

TIPOGRAFÍA

TIPOGRAFÍA

Cuando hablamos de Tipografía, nos referimos al arte y técnica de crear tipos para comunicar un mensaje. Dentro de esta rama del diseño encontramos el estudio de la fuente y familia tipográfica.

Fuente: también conocida como “font”, es el estilo que tiene un determinado grupo de letras, numeros y signos compartiendo varias características en común.

Familia: hace referencia al conjunto de tipos con la misma fuente pero con algunas diferencias, como el grosor o la curvatura de las letras.

Partes de los Caracteres

Lo primero a tener en cuenta para la tipografía es el orden de las caracteres. Los cuales se organizan en base a:
– La línea de base.
– La línea de Altura X (altura de las letras minúsculas)
– Ascendente.
– Descendente.

elementos tipografia

Términos a tener en cuenta

Al introducirse en la tipografía, van a escuchar o leer términos y conceptos que es importante que sepan:

Leading: espacio entre dos lineas de texto. Medida desde una base de línea a la otra.
Tracking: espacio entre caracteres dentro de un bloque de texto.
Kerning: espacio entre dos letras en un bloque de texto.
Glyph: estilo de los caracteres.
Serif vs Sans Serif: las fuentes con Serif son aquellos que tienen trazo con asta, brazo, o cola. Por ejemplo: Times New Roman. Mientras que Sans Serif significa “sin serif”, por ejemplo: Arial o Calibri.

HERRAMIENTAS A UTILIZAR: TIPOGRAFÍA

Descarga de fonts

The League of Moveable Type
Lost Type
Font Squirrel
Impallari
FontFabric
DaFont

Blogs, Links y Recursos Online

FontBook
I Love Typography
WoodTyper
Design Observer
Beautiful Type
Typedia
RockPaperInk

DISTRIBUCIÓN Y COMPOSICIÓN DEL DISEÑO

Una vez comprendida la identidad del color y la tipografía de tu proyecto, el siguiente paso sería encontrar el orden y la composición de los elementos en un solo lugar.

“El estilo va y viene. El diseño es un lenguaje, no un estilo.” – Massimo Vignelli.

cafe con estilo

Hay muchas teorías y recomendaciones a seguir con respecto a este elemento del diseño. A continuación, los 6 principios fundamentales a tener en cuenta:

takeaway-800x1120

Para concluir con la primera parte de esta Introducción al Diseño Gráfico, lo importante es que lo que hace al diseñador es las ganas de aprender y no tener miedo de intentar crear nuevos proyectos o ideas que están circulando en tu cabeza.

Con estos elementos y principios básicos del diseño se puede comenzar a entender el proceso, pero ahora lo más importante está por venir…

Necesito tu primer paso de motivación, creatividad, y perseverancia para inspirar a otras personas. Todos podemos hacerlo.

Imágenes Vía – Unsplash, Diseñadas en Sketch 3.

Etiquetas:

0 Compartir
Tweet
Comparte
Comparte
Pin
Buffer
+1