Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Historia de la diagramacion

11,427 views

Published on

Published in: Design
  • Login to see the comments

Historia de la diagramacion

  1. 1. Historia de la Diagramación <br />Liseth Barraza <br />Beatriz cantillo<br />Luis Fernando Misal <br />
  2. 2. Principios clásicos <br />Origen de la geometría,<br />que significa literalmente<br />“ medida de la tierra”,<br />nació en el antiguo<br />Egipto para tratar la<br />relación espacial de los<br />Objetos. <br />La gran pirámide de Keops <br />
  3. 3. Primeros manuscritos <br />La elaboración de manuscritos era de forma lenta y laboriosa de reproducir textos, por que consistía en copiar a mano un original <br />Jeroglíficos<br />en la ilustración podemos ver un papiro con caracteres jeroglíficos del antiguo Egipto, uno de los primeros tipos de escritura. <br />
  4. 4. Nacimiento de la imprenta <br /><ul><li>En la actualidad las publicaciones impresas son la culminación de siglos de evolución en la tecnología de impresión
  5. 5. Los cánones constituyen una serie de principios de diseño generales que sirven de ayuda a la hora de tomar decisiones.
  6. 6. Algunos cánones son utilizados para definir espacios de bloques de texto </li></ul>Sutra del Diamante<br />Es considerado el texto impreso mas antiguo del mundo. <br />
  7. 7. Canon de van de Graaf <br /> Es un método utilizado para dividir las paginas de un libro en proporciones armoniosas. <br />Canon áureo de construcción de una pagina de Tshichold <br />combina diagonales y un circulo con la división de la pagina de Rosarivo en novenos.<br />
  8. 8. Movimientos <br />Clasicismo<br /> Hace referencia a las características fundamentales del arte clásico de la antigua Grecia, entre las cuales se encuentran la representación proporcional, la sencillez, la armonía y la limitación emocional. <br />Renacimiento<br />nacimiento del humanismo y el estudio de la naturaleza <br />
  9. 9. El movimiento Arts and Crafts<br />colección de objetos y prendas con flecos, la sencillez, la buena artesanía y el diseño.<br />El art Nouveau<br /> Fue un estilo de decoración, arquitectura arte y diseño grafico, caracterizado por sus líneas ondulantes, curvas sinuosas y la representación de hojas, flores y vides. <br />La Bauhaus<br /> Nació con el propósito de dar un enfoque fresco al diseño y se caracterizo por la búsqueda de la funcionalidad, en lugar de ornamentación y uso de formas geométricas. <br />
  10. 10. El art déco<br /> Es un estilo de principios del siglo xx que alababa la evolución de la tecnología y la rapidez y se caracterizo por sus diseños geométricos, diseños espaciosos y líneas fuertes y dinámicas <br />Modernismo<br /> se expreso a través del movimiento cubista, surrealista y dadaísta, nació de la industrialización y urbanización de la sociedad occidental, y de la necesidad de dar sentido a dichos cambios tan trascendentes. <br />Estilo internacional <br /> Se basaba en los principios revolucionarios de la década de 1920. la Bauhaus y la nueva tipografía de Jan Tschichold se dio en la década de 1950 <br />
  11. 11. El posmodernismo<br /> Es un movimiento creativo, nacido después de la segunda guerra mundial (1960) Deconstruyó la autoridad y el orden establecido juntando la fragmentación, la incoherencia y el puro ridículo. <br />La Deconstrucción <br /> es un enfoque posmodernista critico, inicialmente expuesto puesto por Jacques Derrida, que pretende socavar las referencias y presuposiciones ocultas tras un modelo de pensamiento a la vez que descubrir la forma en que este construye su significado.<br />
  12. 12. El proceso del Diseño <br />¿ que es diseño? <br />es un medio de registrar, representar, ordenar y comunicar información sobre una intención o función especificas. <br />La intención de un diseño será a manudo tan simple ( o compleja) como un informe de un diseño que plasma el objetivo y la finalidad de un proyecto. <br />Ahí diversas metodologías para crear un diseño: <br /><ul><li>Diseño orientado al usuario
  13. 13. Diseño orientado al uso
  14. 14. Diseño axiomático
  15. 15. Kiss
  16. 16. Enfoque descendente
  17. 17. Enfoques ascendente
  18. 18. Filosofia Python
  19. 19. TIMTOWTDI
  20. 20. Pensamiento lateral
  21. 21. Navaja de Occam u Ockham </li></li></ul><li>Medidas relativas y absolutas <br />Las medidas representan una parte esencial del diseño. La comprensión de diversos conceptos relacionados con las medidas ayuda a consolidar y profundizar los conocimientos de diseño.<br />Medidas absolutas<br /> Se basan en valores fijos por ejemplo en tipografía, los puntos y picas constituyen unidades de medida básicas que representan valores fijos y absolutos <br /><ul><li>Medidas relativa</li></ul>están relacionados directamente con el tamaño del tipo en el que se componen. <br />
  22. 22. Proporción <br />Es la relación visual o estructural existente entre el la parte de un elemento y el todo.<br />La sección áurea en la naturaleza <br /> la proporción 8:13 de la sección áurea también esta presente en la naturaleza., por ejemplo, en los caparazones de los caracoles, en las pipas de los girasoles y en los panales de abejas. <br />
  23. 23. La geometría y las matemáticas <br />La sección aurea se puede crear de dos formas, una solución basada en la medida y una solución geométrica <br />La creación de una sección aurea mediante la geometría<br /> en la ilustración vemos la secuencia de la creación de una sección aurea con un compas y una escuadra.Para crearla se toma un cuadrado (A), se divide en dos (B) y se forma un triangulo isósceles (C) trazando líneas desde las esquinas inferiores hasta la parte superior de la línea divisoria. Luego se dibuja una un arco desde el vértice del triangulo hasta la línea base (D), y se traza una línea perpendicular a la línea base desde le punto de intersección con el arco y finalmente se completa el rectángulo para formar la sección aurea (E) <br />
  24. 24. Creación de una sección aurea mediante las matemáticas <br /> también se puede crear una sección aurea mediante un sencillo calculo matemático. Se dibuja una línea (A) y se divide en la en la proporción 8:13 (B). Cada parte de la línea se puede utilizar como la parte mas larga a partir de la cual se dibuja un rectángulo áureo con la proporción 1:1,618 (C). <br /> Aplicación <br /> La aplicación de la sección aurea se puede ver a diario, ya que forma la base de los tamaños de papel estándar. En la siguiente ilustración vemos como una pagina dividida según los principios de la sección aurea crea un área para un bloque de texto con diferentes márgenes a su alrededor con la que se obtiene una pagina o una doble pagina que transmite equilibrio <br />
  25. 25. La regla de los tercios <br />Es un método que suelen emplear los fotógrafos para obtener interesantes composiciones. La regla de los tercios se puede utilizar para crear puntos centrales que sirvan de guía para ubicar los elementos de mayor interés. <br />
  26. 26. El centro visual <br />El centro visual no hace referencia al centro matemático de una imagen o un diseño, sino aun punto situado ligeramente por encima y a la derecha de este,. El centro visual proporciona a una obra un punto central en el que detendrá la mirada del espectador <br />
  27. 27. Proporciones humanas <br />En el antiguo Egipto se desarrollaron medidas especificas basadas en el cuerpo humano, como el cúbito real, la medida que representa la longitud desde el codo del faraón hasta el extremo de la mano extendida. <br />El hombre de vitruvio de Leonardo da vinci, un dibujo de las proporciones del cuerpo humano <br />
  28. 28. Cuadriculas y composiciones <br />La cuadricula es una herramienta que sirve para situar y organizar los elementos de un diseño con el fin de facilitar y simplificar la tarea del diseñador a la hora de tomar decisiones.<br />
  29. 29. Columnas <br />Las columnas son las divisiones verticales de una maqueta en las que se suele presentar el texto. Independiente de que sean estrechas, anchas o se presenten incluso inclinadas. <br />Se presenta una doble pagina simétrica con cuatro columnas. <br />
  30. 30. Campos y módulos <br />La división de una cuadricula en diferentes campos o módulos supone para el diseñador el aumento de los espacios activos, a la vez que se mantiene la estructura básica de las columnas. <br />Estructura similares a un campo <br />
  31. 31. Elementos de una pagina <br /> La narración: los diseños contienen diferentes narraciones sociales, ideológicas, psicológicas o teóricas que aspiran a dar sentido a la comunicación visual de los elementos de diseño individuales. Encontramos varios tipos de narración entre ellas: <br />Narración lineal: pretende dar significado al texto<br />Narración doble: se trata de la presencia simultanea de mas de una narracion en una misma obra o pagina<br />Narración dinámica: consiste es una historia que permite dar un vuelco a la comprensión del lector para que entienda un cambio en un sistema complejo favoreciendo su comprensión. <br />Anti narración: esta modalidad surge a partir de una historia que nace en oposición a otra con la que compite y acaba minando la historia original.<br />Metanarración o “ gran narracion”: es una historia que abarca todo o un relato arquetípico de un acontecimiento histórico a partir del cual se ordenan las experiencias o pensamientos de un individuo. <br />
  32. 32. Espacios en blanco <br />Es la superficie vacía e inutilizada que rodea los elementos gráficos de un diseño para que este pueda “respirar” <br />Texto con espacios en blanco <br />
  33. 33. Equilibrio <br />Este concepto es sinónimo de armonía visual en un diseño y de reconciliación de fuerza opuestas en una composición para obtener la estabilidad. Hay dos formas de equilibrio: <br />Equilibrio simétrico implica que cada lado de una composición tiene el mismo “peso”<br />Equilibrio asimétrico implica la ubicación de objetos de forma que pueda variar su peso visual para conseguir el equilibrio<br />Equilibrio simétrico <br />Equilibrio asimétrico <br />
  34. 34. Yuxtaposición <br />En diseño grafico yuxtaposición significa colocar una imagen junto a otra para crear una relación entre ellas. <br />
  35. 35. Alineación <br />Hace referencia a la posición de los tipos dentro de un bloque de texto, tanto en el plano vertical como el horizontal. Entre ellas encontramos tipos de alineación: <br />Alineación izquierda: el texto se alinea en el margen izquierdo y acaba de forma irregular<br />Alineación derecha: es menos habitual, pues resulta mas difícil de leer porque el punto de inicio de cada línea es diferente<br />Justificación: esta alineado tanto en el margen derecho como en el izquierdo y se extiende por toda la amplitud de la caja. <br />Centrado: cada línea se alinea en el centro vertical del bloque de texto.<br />Justificación forzada: el texto se alinea tanto a en el margen derecho como en el izquierdo, con la diferencia de que también se justifican las líneas de texto mas cortas. <br />Alineación izquierda<br />Alineación derecha <br />centrado<br />justificado<br />Justificado forzado<br />
  36. 36. Interlineado y fuentes <br />Las fuentes son los propios caracteres, mientras que el interlineado sirva para espaciar las líneas de texto, ya que un texto sin el resultaría engorroso de leer. A continuación ejemplos de estas. <br />
  37. 37. Guiones y justificación <br />El uso de guiones, justo con el espaciado de palabras, constituye una herramienta para controlar un bloque de texto justificado. La justificación puede favorecer la aparición de calles y espacios en blanco en un bloque de texto, porque las palabras se alinean tanto al margen izquierdo como al derecho. Podemos encontrar huérfanas, viuda, ladronas, guiones permitidos y no permitidos, justificación estándar y justificación estrecha<br />Algunos ejemplos de estos usos<br />
  38. 38. Sangrado <br />Consiste en la introducción de un espacio de longitud variable al inicio de un cuadro de texto con el fin de establecer un punto de inicio claro y sin ambigüedades en un pasaje de texto. Existen varios tipos de sangrado: <br />Sangría de alto de línea<br />Sangría de primera línea <br />Sangría decorativa<br />Sangría francesa <br />Sangría en un punto <br />Sangría negativa <br />Sangría francesa<br />Sangría de salto de línea<br />Sangría de primera línea<br />Sangría negativa<br />Algunos ejemplos de los tipos de sangría<br />
  39. 39. Diseño editorial <br />Escrito impreso, como un libro, una revista, un periódico, etc. que ha sido publicado y la comunicación de información a un publico. <br />Los 6 elementos básicos<br /> En términos de diseño de publicación, existen las siguientes seis aéreas clave que pueden afectar a un diseño:<br /> formato<br />Retícula<br />Tipografía<br />Color<br />Cubierta o cabecera, y<br />Uso de las imágenes<br />
  40. 40. Copyright <br />Es una ley que otorga al creador de una pieza los derechos de controlar las formas en que esta puede ser utilizada y evita que otros la copien<br />

×