Fundamentos de Diseño
Upcoming SlideShare
Loading in...5
×
 

Fundamentos de Diseño

on

  • 1,126 views

Esta presentación esta planeada para recordar los conceptos más básicos en el desarrollo de cualquier tipo de pieza visual.

Esta presentación esta planeada para recordar los conceptos más básicos en el desarrollo de cualquier tipo de pieza visual.

Statistics

Views

Total Views
1,126
Views on SlideShare
1,126
Embed Views
0

Actions

Likes
1
Downloads
21
Comments
0

0 Embeds 0

No embeds

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Fundamentos de Diseño Fundamentos de Diseño Presentation Transcript

  • Fundamentos
    de diseño
    @dgfrancsico | Diciembre 3 2010
  • ¿Qué es Diseño?
    @dgfrancsico | Diciembre 3 2010
  • ¿Qué NO es Diseño?
    @dgfrancsico | Diciembre 3 2010
    View slide
  • ¿QuéNOes Diseño?
    @dgfrancsico | Diciembre 3 2010
    View slide
  • ¿Qué NO es Diseño?
    @dgfrancsico | Diciembre 3 2010
  • Jim Lee
    Jim Lee
    Ilustrador
    @dgfrancsico | Diciembre 3 2010
  • ¿Qué NO es Diseño?
    @dgfrancsico | Diciembre 3 2010
  • ¿QuéNOes Diseño?
    @dgfrancsico | Diciembre 3 2010
  • ¿Qué es Diseño?
    "
    ... diseño se define como el proceso previo de configuración mental, "pre-figuración", en la búsqueda de una solución en cualquier campo.
    Wikipedia
    @dgfrancsico | Diciembre 3 2010
  • ¿Qué es Diseño?
    Problema
    Un problema es una posición en el tablero en la que se debe buscar la solución más favorable en la menor cantidad de jugadas posible.
    Wikipedia
    @dgfrancsico | Diciembre 3 2010
  • ¿Qué es Diseño?
    Problema
    Tesis
    una tesis es la aseveración concreta de una idea que, de manera fundamentada, se expone públicamente
    Wikipedia
    @dgfrancsico | Diciembre 3 2010
  • ¿Qué es Diseño?
    Problema
    Tesis
    Solución
    Una solución es la respuesta a un problema o a una situación difícil. En una ecuación siempre se le llama solución al valor de la incógnita.
    Wikipedia
    @dgfrancsico | Diciembre 3 2010
  • ¿Qué es Diseño?
    Es el proceso por el cual un problema visual tiene una solucion exitosa, mediante procesos creativos; Esta solución se mide por:
    • La capacidad de comunicación de su mensaje
    • La experiencia de usuario
    • La estetica visual
    @dgfrancisco
    @dgfrancsico | Diciembre 3 2010
  • Mensaje
    @dgfrancsico | Diciembre 3 2010
  • Mensaje
    Formas
    Geométricas
    Naturales
    Abstractas
    @dgfrancsico | Diciembre 3 2010
  • Mensaje
    Lineas
    Sujeridas
    diagonales
    Verticales
    Horizontales
    @dgfrancsico | Diciembre 3 2010
  • Mensaje
    Puntos
    Tensión
    @dgfrancsico | Diciembre 3 2010
  • Mensaje
    @dgfrancsico | Diciembre 3 2010
  • Mensaje
    Contraste
    El contraste se define como la diferencia relativa en intensidad entre un punto de una imagen y sus alrededores.
    Wikipedia
    @dgfrancsico | Diciembre 3 2010
  • Mensaje
    Ritmo
    ritmo es un flujo de movimiento controlado o medido, sonoro o visual, generalmente producido por una ordenación de elementos diferentes del medio en cuestión.
    @dgfrancsico | Diciembre 3 2010
  • Mensaje
    FUERTE
    Intensidad
    NORMAL
    Es el grado de fuerza con que se manifiesta un agente
    DEBIL
    @dgfrancsico | Diciembre 3 2010
  • Mensaje
    Tensión
    @dgfrancsico | Diciembre 3 2010
  • REPETIR
    Mensaje
    REPETIR
    REPETIR
    REPETIR
    Repetición
    REPETIR
    Consistencia
    REPETIR
    REPETIR
    REPETIR
    REPETIR
    @dgfrancsico | Diciembre 3 2010
  • Mensaje
    Gestalt
    La mente configura, a través de ciertas leyes, los elementos que llegan a ella a través de los canales sensoriales (percepción) o de la memoria (pensamiento, inteligencia y resolución de problemas)
    @dgfrancsico | Diciembre 3 2010
  • Mensaje
    F-Layout
    ORden de lectura
    @dgfrancsico | Diciembre 3 2010
  • Mensaje
    Tercios
    @dgfrancsico | Diciembre 3 2010
  • COLOR
    @dgfrancsico | Diciembre 3 2010
  • COLOR
    El color es una percepción visual que se genera en el cerebro al interpretar las señales nerviosas que le envían los fotorreceptores de la retina del ojo y que a su vez interpretan y distinguen las distintas longitudes de onda que captan de la parte visible del espectro electromagnético.
    @dgfrancsico | Diciembre 3 2010
  • @dgfrancsico | Diciembre 3 2010
  • COLOR
    Mezclas
    Aditiva - Luz
    Sustractiva - pigmento
    @dgfrancsico | Diciembre 3 2010
  • COLOR
    RGB
    @dgfrancsico | Diciembre 3 2010
  • Análogos
    Colores que se sitúan adyacentes en la rueda de colores. Uno de ellos debe ser un primario; en este sentido, por ejemplo, el rojo y el naranja son análogos.
    @dgfrancsico | Diciembre 3 2010
  • Complementarios
    Dos colores son complementarios cuando unidos dan como resultado gris o blanco
    @dgfrancsico | Diciembre 3 2010
  • Monocromatico
    Compuesto por un sólo color, aunque pueda tener diversos grados e intensidades: De lo más claro (usualmente blanco) al más intenso (el color al 100% de su intensidad).
    @dgfrancsico | Diciembre 3 2010
  • Sicología
    La psicología del color es un campo de estudio que está dirigido a analizar el efecto del color en la percepción y la conducta humana.
    @dgfrancsico | Diciembre 3 2010
  • Rojo
    Es asociado a la fuerza, al entusiasmo y la exitacion. El rojo es el color del amor, poder, energia y liderazga.
    Asociaciones negcativas:
    Peligro, alarmas, luces de trafico, enojo.
    @dgfrancsico | Diciembre 3 2010
  • Naranja
    Asociado a la creatividad, amistad, alegria, confianza, coraje, firmeza
    @dgfrancsico | Diciembre 3 2010
  • Amarillo
    Asociado a la creatividad, amistad, alegria, confianza, coraje, firmeza
    @dgfrancsico | Diciembre 3 2010
  • Verde
    Es el color de la harmonía, naturaleza, relacionado a la curación, a la vida y la salud. y es muy asociado al dinero.
    @dgfrancsico | Diciembre 3 2010
  • Azul
    Paciencia, paz, tranquilidad, fiabilidad, estabilidad, profesionalismo, confianza y honor. Es uno de los colores preferidos por las personas, especialmente por los hombres.
    @dgfrancsico | Diciembre 3 2010
  • Purpura
    Tradicionalmente asociada con el poder, nobleza, salud, sabiduria, independencia, lujo, ambición, dignidad, magia, mystery.
    @dgfrancsico | Diciembre 3 2010
  • Blanco
    Es asociado con pureza, simpleza, frescura, algo sagrado, inocencia, facilidad, limpieza. Es muy buena opcion como fondo por q resalta todos los colores sobre el.
    @dgfrancsico | Diciembre 3 2010
  • Negro
    Es asociado con elegancia, poder, sofisticación, formalidad, El negro es perfecto para agregar misterio, pero puede relacionarce con sentimientos depresivos
    @dgfrancsico | Diciembre 3 2010
  • Tipografía
    @dgfrancsico | Diciembre 3 2010
  • Familias
    Una familia tipográfica es un grupo de signos escriturales que comparten rasgos de diseño comunes, conformando todas ellas una unidad tipográfica. Los miembros de una familia (los tipos) se parecen entre si, pero también tienen rasgos propios.
    @dgfrancsico | Diciembre 3 2010
  • Familias
    Romanas
    AE
    Las fuentes Romanas son regulares, tienen una gran armonía de proporciones, presentan un fuerte contraste entre elementos rectos y curvos y sus remates les proporcionan un alto grado de legibilidad.
    @dgfrancsico | Diciembre 3 2010
  • Familias
    Paloseco
    Las fuentes Palo Seco se caracterizan por reducir los caracteres a su esquema esencial, reflejando la época en la que nacen, la industrialización y el funcionalismo.
    AE
    @dgfrancsico | Diciembre 3 2010
  • Familias
    Rotuladas
    AE
    Las fuentes rotuladas advierten más o menos claramente el instrumento y la mano que los creó, y la tradición caligráfica o cursiva en la que se inspiró el creador.
    @dgfrancsico | Diciembre 3 2010
  • Variaciones
    Las variables tipográficas permiten obtener diferentes soluciones de color y ritmo. Las variables constituyen alfabetos alternativos dentro de la misma familia
    @dgfrancsico | Diciembre 3 2010
  • BOLD BOLD BOLD BOLD
    LIGHT LIGHT LIGHT
    ITALIC ITALIC ITALIC
    EXTRABOLD EXTRABOLD
    @dgfrancsico | Diciembre 3 2010
  • Variaciones
    • El cuerpo o tamaño
    • El grosor del trazado
    • La inclinación de los ejes
    • La proporción de los ejes: condensada, comprimida, estrecha, redonda, etc.
    • La forma del trazado
    • Otras variantes de una fuente incluyen versalitas, números, números antiguos, símbolos de puntuación, etc.
    @dgfrancsico | Diciembre 3 2010
  • Parrafo
    Conjunto ed oraciones que a su ves son conjuntos de caracteres y typos
    @dgfrancsico | Diciembre 3 2010
  • Parrafo
    Interlineado leading
    Lorem ipsum dolor sit amet, consectetur
    ornare neque eget metus scelerisque ornare.
    consequat dolor justo. Nulla facilisi.
    @dgfrancsico | Diciembre 3 2010
  • Parrafo
    Interletrado tracking
    L o r e m i p s u m d o l o r s i t a m e t , consectetur
    o r n a r e n e q u e e g e t metus scelerisque ornare.
    c o n s e q u a t d o l o r justo. Nulla facilisi.
    @dgfrancsico | Diciembre 3 2010
  • Parrafo
    Interletrado tracking
    L o r e m i p s u m d o l o r s i t a m e t , consectetur
    o r n a r e n e q u e e g e t metus scelerisque ornare.
    c o n s e q u a t d o l o r justo. Nulla facilisi.
    @dgfrancsico | Diciembre 3 2010
  • Parrafo
    Justificado
    Lorem ipsum dolor sit amet, consectetur adipi- cing elit. Nullam metus lacus, placerat id tinci- dunt eget, commodo vitae mi. Vivamus ornare neque eget metus scelerisque ornare. Aliqua malesuada ipsum id erat ornare in rhoncus ur dictum. Nulla ut quam a enim convallis sagis- ttis. Duis ac eros nunc, se tincidunt urn. Cra consequat dolor justo. Nulla facilisi. Maecenas sit amet mauris augue. Pellentesque semper porttitor lacus, eu cursus sapien facilisis tristique. Curabitur facilisis, est a semper consectetur, massa urna aliquet mauris, id pretium quam massa vel justo. Nam at libero enim. Curabitur pretium nibh in arcu gravida a cursus arcu pellentesque. Curabitur elit purus, mollis ut fringilla quis, venenatis at velit. Aliquam varius dictum odio non semper. Donec lobortis, leo in condimentum pharetra, lectus erat tempus lorem, vitae iaculis velit odio at felis. Suspendisse luctus vestibulum ante id ultricies. Nunc quam neque, consectetur nec pulvinar non, condimentum quis nisi. Vivamus dignissim risus sit amet orci lacinia sed iaculis tellus lacinia. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc neque est, eleifend ac tempus non, tincidunt id magna.
    @dgfrancsico | Diciembre 3 2010
  • Familias
    Loremp ipsum
    Legibilidad
    Las formas se entienden y se reconocen como tal
    @dgfrancsico | Diciembre 3 2010
  • Familias
    Esto es diseño
    Lecturabilidad
    Las formas se entienden y se reconocen como tal
    @dgfrancsico | Diciembre 3 2010
  • P
    O
    S
    T
    E
    S
    P
    O
    S
    T
    E
    P
    Familias
    JAMAS!!!!
    @dgfrancsico | Diciembre 3 2010
  • @dgfrancsico | Diciembre 3 2010