Fundamentos<br />de diseño<br />@dgfrancsico |  Diciembre 3 2010<br />
¿Qué es Diseño?<br />@dgfrancsico |  Diciembre 3 2010<br />
¿Qué NO es Diseño?<br />@dgfrancsico |  Diciembre 3 2010<br />
¿QuéNOes Diseño?<br />@dgfrancsico |  Diciembre 3 2010<br />
¿Qué NO es Diseño?<br />@dgfrancsico |  Diciembre 3 2010<br />
Jim Lee<br />Jim Lee<br />Ilustrador<br />@dgfrancsico |  Diciembre 3 2010<br />
¿Qué NO es Diseño?<br />@dgfrancsico |  Diciembre 3 2010<br />
¿QuéNOes Diseño?<br />@dgfrancsico |  Diciembre 3 2010<br />
¿Qué es Diseño?<br />"<br />... diseño se define como el proceso previo de configuración mental, "pre-figuración", en la b...
¿Qué es Diseño?<br />Problema<br />Un problema es una posición en el tablero en la que se debe buscar la solución más favo...
¿Qué es Diseño?<br />Problema<br />Tesis<br />una tesis es la aseveración concreta de una idea que, de manera fundamentada...
¿Qué es Diseño?<br />Problema<br />Tesis<br />Solución<br />Una solución es la respuesta a un problema o a una situación d...
¿Qué es Diseño?<br />Es el proceso por el cual un problema visual tiene una solucion exitosa, mediante procesos creativos;...
La experiencia de usuario
La estetica visual</li></ul>@dgfrancisco<br />@dgfrancsico |  Diciembre 3 2010<br />
Mensaje<br />@dgfrancsico |  Diciembre 3 2010<br />
Mensaje<br />Formas<br />Geométricas<br />Naturales<br />Abstractas<br />@dgfrancsico |  Diciembre 3 2010<br />
Mensaje<br />Lineas<br />Sujeridas<br />diagonales<br />Verticales<br />Horizontales<br />@dgfrancsico |  Diciembre 3 2010...
Mensaje<br />Puntos<br />Tensión<br />@dgfrancsico |  Diciembre 3 2010<br />
Mensaje<br />@dgfrancsico |  Diciembre 3 2010<br />
Mensaje<br />Contraste<br />El contraste se define como la diferencia relativa en intensidad entre un punto de una imagen ...
Mensaje<br />Ritmo<br />ritmo es un flujo de movimiento controlado o medido, sonoro o visual, generalmente producido por u...
Mensaje<br />FUERTE<br />Intensidad<br />NORMAL<br />Es el grado de fuerza con que se manifiesta un agente<br />DEBIL<br /...
Mensaje<br />Tensión<br />@dgfrancsico |  Diciembre 3 2010<br />
REPETIR<br />Mensaje<br />REPETIR<br />REPETIR<br />REPETIR<br />Repetición<br />REPETIR<br />Consistencia<br />REPETIR<br...
Mensaje<br />Gestalt<br />La mente configura, a través de ciertas leyes, los elementos que llegan a ella a través de los c...
Mensaje<br />F-Layout<br />ORden de lectura<br />@dgfrancsico |  Diciembre 3 2010<br />
Mensaje<br />Tercios<br />@dgfrancsico |  Diciembre 3 2010<br />
COLOR<br />@dgfrancsico |  Diciembre 3 2010<br />
COLOR<br />El color es una percepción visual que se genera en el cerebro al interpretar las señales nerviosas que le envía...
@dgfrancsico |  Diciembre 3 2010<br />
COLOR<br />Mezclas<br />Aditiva - Luz<br />Sustractiva - pigmento<br />@dgfrancsico |  Diciembre 3 2010<br />
COLOR<br />RGB<br />@dgfrancsico |  Diciembre 3 2010<br />
Análogos<br />Colores que se sitúan adyacentes en la rueda de colores. Uno de ellos debe ser un primario; en este sentido,...
Complementarios<br />Dos colores son complementarios cuando unidos dan como resultado gris o blanco<br />@dgfrancsico |  D...
Monocromatico<br />Compuesto por un sólo color, aunque pueda tener diversos grados e intensidades: De lo más claro (usualm...
Sicología<br />La psicología del color es un campo de estudio que está dirigido a analizar el efecto del color en la perce...
Rojo<br />Es asociado a la fuerza, al entusiasmo y la exitacion. El rojo es el color del amor, poder, energia y liderazga....
Naranja<br />Asociado a la creatividad, amistad, alegria, confianza, coraje, firmeza<br />@dgfrancsico |  Diciembre 3 2010...
Amarillo<br />Asociado a la creatividad, amistad, alegria, confianza, coraje, firmeza<br />@dgfrancsico |  Diciembre 3 201...
Verde<br />Es el color de la harmonía, naturaleza, relacionado a la curación, a la vida y la salud. y es muy asociado al d...
Azul<br />Paciencia, paz, tranquilidad, fiabilidad, estabilidad, profesionalismo, confianza y honor. Es uno de los colores...
Purpura<br />Tradicionalmente asociada con el poder, nobleza, salud, sabiduria, independencia, lujo, ambición, dignidad, m...
Blanco<br />Es asociado con pureza, simpleza, frescura, algo sagrado, inocencia, facilidad, limpieza. Es muy buena opcion ...
Negro<br />Es asociado con elegancia, poder, sofisticación, formalidad, El negro es perfecto para agregar misterio, pero p...
Tipografía<br />@dgfrancsico |  Diciembre 3 2010<br />
Familias<br />Una familia tipográfica es un grupo de signos escriturales que comparten rasgos de diseño comunes, conforman...
Familias<br />Romanas<br />AE<br />Las fuentes Romanas son regulares, tienen una gran armonía de proporciones, presentan u...
Familias<br />Paloseco <br />Las fuentes Palo Seco se caracterizan por reducir los caracteres a su esquema esencial, refle...
Familias<br />Rotuladas<br />AE<br />Las fuentes rotuladas advierten más o menos claramente el instrumento y la mano que l...
Variaciones<br />Las variables tipográficas permiten obtener diferentes soluciones de color y ritmo. Las variables constit...
BOLD BOLD BOLD BOLD<br />LIGHT LIGHT LIGHT<br />ITALIC ITALIC ITALIC<br />EXTRABOLD EXTRABOLD<br />@dgfrancsico |  Diciemb...
Variaciones<br /><ul><li>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. </li></ul>@dgfr...
Parrafo<br />Conjunto ed oraciones que a su ves son conjuntos de caracteres y typos<br />@dgfrancsico |  Diciembre 3 2010<...
Parrafo<br />Interlineado leading<br />Lorem ipsum dolor sit amet, consectetur <br />ornare neque eget metus scelerisque o...
Upcoming SlideShare
Loading in …5
×

Fundamentos de Diseño

975
-1

Published on

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

Published in: Technology, Art & Photos
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
975
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
24
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Fundamentos de Diseño

  1. 1. Fundamentos<br />de diseño<br />@dgfrancsico | Diciembre 3 2010<br />
  2. 2. ¿Qué es Diseño?<br />@dgfrancsico | Diciembre 3 2010<br />
  3. 3. ¿Qué NO es Diseño?<br />@dgfrancsico | Diciembre 3 2010<br />
  4. 4. ¿QuéNOes Diseño?<br />@dgfrancsico | Diciembre 3 2010<br />
  5. 5. ¿Qué NO es Diseño?<br />@dgfrancsico | Diciembre 3 2010<br />
  6. 6. Jim Lee<br />Jim Lee<br />Ilustrador<br />@dgfrancsico | Diciembre 3 2010<br />
  7. 7. ¿Qué NO es Diseño?<br />@dgfrancsico | Diciembre 3 2010<br />
  8. 8. ¿QuéNOes Diseño?<br />@dgfrancsico | Diciembre 3 2010<br />
  9. 9. ¿Qué es Diseño?<br />"<br />... 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.<br />Wikipedia<br />@dgfrancsico | Diciembre 3 2010<br />
  10. 10. ¿Qué es Diseño?<br />Problema<br />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.<br />Wikipedia<br />@dgfrancsico | Diciembre 3 2010<br />
  11. 11. ¿Qué es Diseño?<br />Problema<br />Tesis<br />una tesis es la aseveración concreta de una idea que, de manera fundamentada, se expone públicamente<br />Wikipedia<br />@dgfrancsico | Diciembre 3 2010<br />
  12. 12. ¿Qué es Diseño?<br />Problema<br />Tesis<br />Solución<br />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.<br />Wikipedia<br />@dgfrancsico | Diciembre 3 2010<br />
  13. 13. ¿Qué es Diseño?<br />Es el proceso por el cual un problema visual tiene una solucion exitosa, mediante procesos creativos; Esta solución se mide por:<br /><ul><li> La capacidad de comunicación de su mensaje
  14. 14. La experiencia de usuario
  15. 15. La estetica visual</li></ul>@dgfrancisco<br />@dgfrancsico | Diciembre 3 2010<br />
  16. 16. Mensaje<br />@dgfrancsico | Diciembre 3 2010<br />
  17. 17. Mensaje<br />Formas<br />Geométricas<br />Naturales<br />Abstractas<br />@dgfrancsico | Diciembre 3 2010<br />
  18. 18. Mensaje<br />Lineas<br />Sujeridas<br />diagonales<br />Verticales<br />Horizontales<br />@dgfrancsico | Diciembre 3 2010<br />
  19. 19. Mensaje<br />Puntos<br />Tensión<br />@dgfrancsico | Diciembre 3 2010<br />
  20. 20. Mensaje<br />@dgfrancsico | Diciembre 3 2010<br />
  21. 21. Mensaje<br />Contraste<br />El contraste se define como la diferencia relativa en intensidad entre un punto de una imagen y sus alrededores.<br />Wikipedia<br />@dgfrancsico | Diciembre 3 2010<br />
  22. 22. Mensaje<br />Ritmo<br />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.<br />@dgfrancsico | Diciembre 3 2010<br />
  23. 23. Mensaje<br />FUERTE<br />Intensidad<br />NORMAL<br />Es el grado de fuerza con que se manifiesta un agente<br />DEBIL<br />@dgfrancsico | Diciembre 3 2010<br />
  24. 24. Mensaje<br />Tensión<br />@dgfrancsico | Diciembre 3 2010<br />
  25. 25. REPETIR<br />Mensaje<br />REPETIR<br />REPETIR<br />REPETIR<br />Repetición<br />REPETIR<br />Consistencia<br />REPETIR<br />REPETIR<br />REPETIR<br />REPETIR<br />@dgfrancsico | Diciembre 3 2010<br />
  26. 26. Mensaje<br />Gestalt<br />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)<br />@dgfrancsico | Diciembre 3 2010<br />
  27. 27. Mensaje<br />F-Layout<br />ORden de lectura<br />@dgfrancsico | Diciembre 3 2010<br />
  28. 28. Mensaje<br />Tercios<br />@dgfrancsico | Diciembre 3 2010<br />
  29. 29. COLOR<br />@dgfrancsico | Diciembre 3 2010<br />
  30. 30. COLOR<br />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.<br />@dgfrancsico | Diciembre 3 2010<br />
  31. 31. @dgfrancsico | Diciembre 3 2010<br />
  32. 32. COLOR<br />Mezclas<br />Aditiva - Luz<br />Sustractiva - pigmento<br />@dgfrancsico | Diciembre 3 2010<br />
  33. 33. COLOR<br />RGB<br />@dgfrancsico | Diciembre 3 2010<br />
  34. 34. Análogos<br />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.<br />@dgfrancsico | Diciembre 3 2010<br />
  35. 35. Complementarios<br />Dos colores son complementarios cuando unidos dan como resultado gris o blanco<br />@dgfrancsico | Diciembre 3 2010<br />
  36. 36. Monocromatico<br />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).<br />@dgfrancsico | Diciembre 3 2010<br />
  37. 37. Sicología<br />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. <br />@dgfrancsico | Diciembre 3 2010<br />
  38. 38. Rojo<br />Es asociado a la fuerza, al entusiasmo y la exitacion. El rojo es el color del amor, poder, energia y liderazga.<br />Asociaciones negcativas:<br />Peligro, alarmas, luces de trafico, enojo. <br />@dgfrancsico | Diciembre 3 2010<br />
  39. 39. Naranja<br />Asociado a la creatividad, amistad, alegria, confianza, coraje, firmeza<br />@dgfrancsico | Diciembre 3 2010<br />
  40. 40. Amarillo<br />Asociado a la creatividad, amistad, alegria, confianza, coraje, firmeza<br />@dgfrancsico | Diciembre 3 2010<br />
  41. 41. Verde<br />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.<br />@dgfrancsico | Diciembre 3 2010<br />
  42. 42. Azul<br />Paciencia, paz, tranquilidad, fiabilidad, estabilidad, profesionalismo, confianza y honor. Es uno de los colores preferidos por las personas, especialmente por los hombres.<br />@dgfrancsico | Diciembre 3 2010<br />
  43. 43. Purpura<br />Tradicionalmente asociada con el poder, nobleza, salud, sabiduria, independencia, lujo, ambición, dignidad, magia, mystery.<br />@dgfrancsico | Diciembre 3 2010<br />
  44. 44. Blanco<br />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.<br />@dgfrancsico | Diciembre 3 2010<br />
  45. 45. Negro<br />Es asociado con elegancia, poder, sofisticación, formalidad, El negro es perfecto para agregar misterio, pero puede relacionarce con sentimientos depresivos<br />@dgfrancsico | Diciembre 3 2010<br />
  46. 46. Tipografía<br />@dgfrancsico | Diciembre 3 2010<br />
  47. 47. Familias<br />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. <br />@dgfrancsico | Diciembre 3 2010<br />
  48. 48. Familias<br />Romanas<br />AE<br />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. <br />@dgfrancsico | Diciembre 3 2010<br />
  49. 49. Familias<br />Paloseco <br />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. <br />AE<br />@dgfrancsico | Diciembre 3 2010<br />
  50. 50. Familias<br />Rotuladas<br />AE<br />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. <br />@dgfrancsico | Diciembre 3 2010<br />
  51. 51. Variaciones<br />Las variables tipográficas permiten obtener diferentes soluciones de color y ritmo. Las variables constituyen alfabetos alternativos dentro de la misma familia<br />@dgfrancsico | Diciembre 3 2010<br />
  52. 52. BOLD BOLD BOLD BOLD<br />LIGHT LIGHT LIGHT<br />ITALIC ITALIC ITALIC<br />EXTRABOLD EXTRABOLD<br />@dgfrancsico | Diciembre 3 2010<br />
  53. 53. Variaciones<br /><ul><li>El cuerpo o tamaño
  54. 54. El grosor del trazado
  55. 55. La inclinación de los ejes
  56. 56. La proporción de los ejes: condensada, comprimida, estrecha, redonda, etc.
  57. 57. La forma del trazado
  58. 58. Otras variantes de una fuente incluyen versalitas, números, números antiguos, símbolos de puntuación, etc. </li></ul>@dgfrancsico | Diciembre 3 2010<br />
  59. 59. Parrafo<br />Conjunto ed oraciones que a su ves son conjuntos de caracteres y typos<br />@dgfrancsico | Diciembre 3 2010<br />
  60. 60. Parrafo<br />Interlineado leading<br />Lorem ipsum dolor sit amet, consectetur <br />ornare neque eget metus scelerisque ornare. <br />consequat dolor justo. Nulla facilisi. <br />@dgfrancsico | Diciembre 3 2010<br />
  61. 61. Parrafo<br />Interletrado tracking<br />L o r e m i p s u m d o l o r s i t a m e t , consectetur <br />o r n a r e n e q u e e g e t metus scelerisque ornare. <br />c o n s e q u a t d o l o r justo. Nulla facilisi. <br />@dgfrancsico | Diciembre 3 2010<br />
  62. 62. Parrafo<br />Interletrado tracking<br />L o r e m i p s u m d o l o r s i t a m e t , consectetur <br />o r n a r e n e q u e e g e t metus scelerisque ornare. <br />c o n s e q u a t d o l o r justo. Nulla facilisi. <br />@dgfrancsico | Diciembre 3 2010<br />
  63. 63. Parrafo<br />Justificado<br />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. <br />@dgfrancsico | Diciembre 3 2010<br />
  64. 64. Familias<br />Loremp ipsum<br />Legibilidad<br />Las formas se entienden y se reconocen como tal<br />@dgfrancsico | Diciembre 3 2010<br />
  65. 65. Familias<br />Esto es diseño<br />Lecturabilidad<br />Las formas se entienden y se reconocen como tal<br />@dgfrancsico | Diciembre 3 2010<br />
  66. 66. P<br />O<br />S<br />T<br />E<br />S<br />P<br />O<br />S<br />T<br />E<br />P<br />Familias<br />JAMAS!!!!<br />@dgfrancsico | Diciembre 3 2010<br />
  67. 67. @dgfrancsico | Diciembre 3 2010<br />

×