Introducción al diseño

Qué es el diseño

• Es un puente entre la funcionalidad y la estética.
• Entre más nos involucremos en ambos lados, mejor producto entregaremos al usuario

El objetivo del diseño

• El objetivo es facilitar una comunicación efectiva.
• Debemos saber que queremos comunicar.
• Debe ser universal
  • Debe de ser de fácil acceso a el mayor número de personas posibles.
• Debe ser atemporal
  • Debe perdurar en el tiempo sin perder identidad.
• Después de tener un concepto debemos:
  1. Hacer el boceto
  2. Definir la composición
• hacemos uso de elementos visuales.
  • Punto
  • Linea
  • Figuras geométricas
  • Color
  • Tipografía
  • Ilustración

Principios del diseño

Comunicación efectiva en el diseño

• El diseño nace por la necesidad de informar.
• El diseño esta en todas partes, no hay una sola cosa hecha por el hombre que no tenga diseño.
• El diseño con respecto a la comunicación debe incorporar:
  • Debe cumplir criterios para que tenga una comunicación efectiva.
  • Debe ser universal.
  • Debe tomar los códigos visuales para poder comunicar cosas que para la gente sean precisas.
  • El diseño debe tener claro que la funcionalidad y la estética deben de tener un fin claro.

Qué es el contraste

• El contraste ayuda a que haya una buena lectura de los elementos clave de un diseño.
• Es la diferenciación visual de uno o mas elementos.
  • Es crucial en el diseño.
• El contraste a nivel de color es el más usado.
  • Debemos de poder identificar cada color de manera clara.
• También tenemos contraste por forma
  • Complementa el de color.
• Contraste por disposición
  • El como están ubicadas las formas.

Qué es el concepto

• Es nuestro punto de partida de un proyecto.
  • Narración creada a través del diseño.
• Es la narrativa, la historia que queremos contar con el diseño.
  • Representación visual de la idea.
• Necesitamos saber y crear el contexto de la narrativa.
  • Debemos Conocer e investigar sobre el tema.
  • Tomar los puntos más importantes.
  • Definir la comunicación visual.

Diseño universal

• El diseño debe ser universal.
• Los iconos son diseño universal.
• Debe estar libre de sesgos.
• Se debe de entender sin necesidad de explicación.
• Es importante porque le damos el sentido de pertenencia a la gente.
• Eje: señalética.

Qué es el diseño atemporal

• Debemos pensar en el tiempo de vida del diseño que haremos.
• En el diseño atemporal queremos que el diseño perdure en el tiempo.
• El diseño atemporal:
  • No cambia con el tiempo.
  • Crea un sentido de pertenencia.
  • Información precisa.
  • Mantiene una marca.
• Un ejemplo es el símbolo de las olimpiadas.

El boceto

• Una de las faces más importantes.
• Esta presente de estar en todas las ramas del diseño.
• Es la forma en la que podemos aproximarnos al producto final.
• Nos permite probar distintas vertientes de nuestro diseño.
• Necesitamos lápiz y papel
  • Porque es fácil.
  • Las modificaciones son más libres.

Qué son los elementos visuales

• Nos ayudan a comunicar de forma efectiva un mensaje.
• Fotografía:
  • Es la representación más exacta de la realidad
• Ilustración:
  • Es la representación artística por medio del dibujo.
  • Tiene distintas variantes.
    • Académica
    • Síntesis
    • formas
    • Siluetas
  • Puede ser física o digital
• Tipografía:
  • Es la forma en la que se representa el texto.
  • También puede comunicar un sentimiento o una situación.
• Color:
  • Nos ayuda a crear una calidad e intención al mensaje
  • A través de su infinidad de combinaciones.
• Lineas y puntos:
  • Son elementos simples
  • Nos ayudan a crear diagramación, composición, alineación.
• Figuras geométricas:
  • Nos ayudan con la tarea de composición.
  • Forman parte de todas las etapas del diseño.
    • Principalmente en la disposición de los elementos.

Qué es la alineación

• Nosotros por naturaleza vamos a querer alinear y agrupar elementos.
• Nos permite jugar con la posición, forma y tamaño.
• Podemos acentuar la alineación o la no alineación con color.
• Da la sensación del equilibrio en el diseño.
• Características:
  • crea un balance por peso natural.
  • Nos permite tener una mejor lectura y una mejor disposición del espacio.

Qué es la síntesis gráfica

• Poder tomar todos los elementos actuales y decidir cuales son necesarios para dar el mensaje que queremos dar.
• También podemos reducir y combinar los elementos.
• Debemos de tener en cuenta:
  • El tiempo de lectura.
  • Donde va a estar ubicado el diseño.
  • Qué función va a tener.
  • Qué usuarios los van a ver.
  • Qué usuario lo van a consumir.
• Optimiza tiempo de lectura y de comunicación.
• Buen recurso si no se domina la ilustración o la fotografía.
• Notas importantes:
  • No solamente se da en una representación gráfica.
  • Abarca desde el concepto.
  • El propósito de la síntesis es saber tomar los puntos más precisos y poder simplificar todo en una idea muy clara.

Composición

La composición y su función

• La disposición de los diferentes elementos dentro de un formato que nos ayudan a contar algo.
• En la fotografía los elementos ya están dados, el solo decide que mostrar.
• Son soluciones que no siempre son racionales.
• Usamos composición guiamos el ojo de quien este viendo nuestra composición.

Unidad Visual y principios de la Gestalt

• Unidad:
  • Nuestro cerebro cuando ve algo busca simplificarlo para entenderlo.
• Principios de la Gestalt:
  • Semejanza.
    • Intentamos agrupar elementos parecidos.
    • Puede ser de color, de forma o de posición.
    • En la UI buscamos elementos parecidos y los relacionamos con su función.
  • Continuidad.
    • Siempre buscamos unir lineas o alinear elementos.
    • En los carruseles mostramos continuidad.
  • Cerramiento.
    • Buscamos completar formas que no están completas.
    • Así que vemos lineas donde no las hay o formas donde no las hay.
  • Proximidad.
    • Nos crea unidad a partir de elementos que solo están cercanos.
    • Podemos unir muchos elementos formando formas y el cerebro las tratará como una sola figura.
    • O podemos separar algunos y crear grupos de figuras.
  • Fondo y figura.
    • Siempre que vemos una imagen, intentamos separar la figura se su fondo.
    • Así que podemos jugar con esto y generar composiciones.
  • Orden y Simetría.
    • Objetos que están balanceados y simétricos los solemos ver como completos o llenos.
  • Sincronía.
    • Elementos que se mueven en cierta dirección se sienten relacionados.
    • al contrario que elementos que no siguen la misma dirección.

Balance o equilibrio visual

• algo queda balanceado hasta que se ve Balanceado.
• Es una percepción psicológica natural, buscamos el balance.
• Componentes del balance:
  • Peso visual.
    • Una figuras más grande que la otra se verá más grande.
    • Una figura que tiene un color más contrastante con el fondo se va a ver más pesada.
    • Una figura que tenga una textura más contrastante se verá más pesada.
    • Una figura que tenga una inclinación diferente a la otra se verá más pesada.

Dirección visual

• Peso visual: Mírame a mi
• Dirección Visual: Mira hacia allá.