Fuentes de energía renovables, fuentes de desarrollo sostenible
Clase18 fuentes reticulasem2016
-
Upload
tania-munoa -
Category
Design
-
view
435 -
download
0
Transcript of Clase18 fuentes reticulasem2016
![Page 1: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/1.jpg)
Técnicas de representación digital
Clase 18: Tipografía y retículas
TAMM-15marzo2016
![Page 2: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/2.jpg)
Objetivos• El alumno aprenderá sobre tipografías, sus
diferencias y a identificar la mejor para transmitir adecuadamente su idea.
![Page 3: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/3.jpg)
TipografíaLa esencia de una buena
comunicación gráfica es la palabra escrita, y cada letra también es parte de la composición gráfica.
“El termino tipografía se emplea para designar al estudio, diseño y clasificación de los tipos (letras) y las fuentes (familias de letras con características comunes)”
![Page 4: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/4.jpg)
FuentesEs la que se define
como estilo o apariencia de un grupo completo de caracteres, números y signos, regidos por unas características comunes.
Las fuentes se clasifican en serif y sanserif.
![Page 5: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/5.jpg)
Fuentes SerifEstas fuentes tienen origen
cuando las letras se cincelaban en bloques de piedra, pero resultaba difícil asegurar que los bordes de las letras fueran rectos, por lo que el tallador desarrolló una técnica que consistía en destacar las líneas cruzadas para el acabado de casi todas las letras, por lo que las letras presentaban en sus extremos unos remates muy característicos, conocidos con el nombre de serif.
![Page 6: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/6.jpg)
Fuente San SerifTambién llamadas etruscas
aparecen en Inglaterra durante los años 1820 a 1830. No tienen remates en sus extremos (sin serif), entre sus trazos gruesos y delgados no existe contraste, sus vértices son rectos y sus trazos uniformes.
Representan la forma natural de una letra que ha sido realizada por alguien que escribe con otra herramienta que no sea un lápiz o un pincel.
![Page 7: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/7.jpg)
Elección de fuentes• La elección de una fuente adecuada es importante ya
que el diseño de los caracteres (tipos) transmiten personalidad, diversidad, fortaleza, institucionalidad, movimiento, etc.
• Una mala elección de la misma puede transmitir un mensaje distinto al que se deseaba.
• La fuente se elige dependiendo de su función: como parte de un logo, texto, transmitir un concepto.
• Lectura: What font should I use: http://www.smashingmagazine.com/2010/12/14/what-
font-should-i-use-five-principles-for-choosing-and-using-typefaces/
![Page 8: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/8.jpg)
![Page 9: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/9.jpg)
![Page 10: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/10.jpg)
El principal objetivo de componer un texto con una tipografía determinada es la legibilidad.
En impresos con gran densidad de texto como un periódico o un libro, suele escogerse una fuente con serif. Los remates permiten vincular los caracteres y guían los ojos para ayudar al lector a no perder la línea de texto.
Las fuentes con serif no son recomendables para presentaciones en pantalla. El problema es que los serif y las sutilezas tienden a desaparecer debido a la relativamente baja resolución de los proyectores y a la poca iluminación. Otro inconveniente: la audiencia que esté sentada al costado de la pantalla puede no leer correctamente, ya que debido al ángulo de visión, la modulación de los caracteres puede hacer invisibles los mismos. Se recomienda mejor utilizar un san serif para diapositivas.
Las san serif están asociadas a la tipografía comercial, su legibilidad y durabilidad las hacían perfectas para impresiones de etiquetas, embalajes, envolturas, etc.
Tipografía en movimiento, 22 consejos de Enric Jardihttp://www.youtube.com/watch?feature=player_embedded&v=NXnm-YKvE4s
![Page 11: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/11.jpg)
Ejemplos
![Page 12: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/12.jpg)
![Page 13: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/13.jpg)
![Page 14: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/14.jpg)
![Page 15: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/15.jpg)
TextoIllustrator• Crear vectores a partir de fuentes.• Editores de texto:
– Texto siguiendo un vector.– Texto dentro de un vector cerrado.
PhotoshopRecorte de Texto
![Page 16: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/16.jpg)
Videos• Typolution (video hecho con tipografía)http://www.youtube.com/
watch?v=zVPfTlpCKaw&feature=player_embedded
• Kinetic Typographyhttp://www.youtube.com/watch?v=gT2Iii0Psao
![Page 17: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/17.jpg)
Objetivos• El alumno aprenderá sobre diseño
editorial, el uso de retículas y cuadrículas. • Aplicará conocimientos de composición,
diseño y expresión gráfica para presentar un proyecto.
![Page 18: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/18.jpg)
Diseño editorial• Es la rama del diseño
gráfico que se encarga de la maquetación y composición de distintas publicaciones: libros, revistas, folletos, periódicos, etc.
• Se encarga de la realización gráfica del texto y busca una unidad entre el texto, la imagen y la diagramación.
![Page 19: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/19.jpg)
FormatoCaja tipográfica: es el espacio, que rodeado de márgenes,
sirve para colocar los textos, imágenes, etc.
![Page 20: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/20.jpg)
Retícula: esquema que ayuda a subdividir el campo visual dentro de la caja tipográfica. Todos los elementos: texto, imágenes, etc., estarán distribuidos ahí.
El tamaño puede variar entre retículas, dependiendo de lo que se desea expresar.
Se miden por número de líneas y tamaño de fuente.
Es una guía que permite al diseñador realizar una organización coherente y legible.
![Page 21: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/21.jpg)
![Page 22: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/22.jpg)
- La orientación del papel.- El número de columnas y el tamaño de estas.- La separación existente entre ellas (el medianil).- El color y formato del texto (tipografía y tamaño), los titulares, cabeceras, pies de imagen, etc.- El uso de las imágenes como fondo en todas las páginas (marca de agua) y demás elementos ornamentales, tales como los filetes decorativos, etc.
Una retícula base, se encuentra compuesta por las siguientes partes, dependiendo de la composición que se esté diseñando:
![Page 23: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/23.jpg)
![Page 24: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/24.jpg)
![Page 25: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/25.jpg)
MárgenesEn un documento existen cuatro márgenes: el margen superior, el
inferior, el interior y el margen exterior.
La medida de estos márgenes no es fija en ningún caso, aunque en el campo de autoedición o maquetación de profesionales, estos por defecto presentan unos márgenes predefinidos para cada clase de publicación que realizan.
![Page 26: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/26.jpg)
Si se quiere aplicar una buena medida, es posible aplicar la proporción aurea o la siguiente norma:
1- Aplicar un espaciado al margen superior2- El 0,75 de este, se lo aplicaremos al margen interior.3- El doble del margen interior, se lo aplicaremos al margen exterior4- El doble del margen superior, al margen inferior.
![Page 27: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/27.jpg)
![Page 28: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/28.jpg)
![Page 29: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/29.jpg)
![Page 30: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/30.jpg)
![Page 31: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/31.jpg)
![Page 32: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/32.jpg)
![Page 33: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/33.jpg)
Ejercicio 13: Póster tipográfico
Para poder realizar el ejercicio el alumno debió realizar las siguientes actividades:
• Lectura: Roba como un artista y reflexión.• Video: Why you will fail to have a great
career, plática de Larry Smith para TED.
![Page 34: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/34.jpg)
En base a las actividades anteriores, el alumno resumirá lo que aprendió o lo que más lo impactó en una frase o enunciado.
![Page 35: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/35.jpg)
• Cada alumno diseñará un póster tipográfico para promover la frase o enunciado que redactó.
• El póster tipográfico está basado en fuentes, tendrán que escoger la más adecuada para crear impacto, que permita recordarla, identificarse, generar “algo” en quien la ve.
![Page 36: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/36.jpg)
![Page 37: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/37.jpg)
![Page 38: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/38.jpg)
![Page 39: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/39.jpg)
![Page 40: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/40.jpg)
![Page 41: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/41.jpg)
![Page 42: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/42.jpg)
![Page 43: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/43.jpg)
Evaluación del ejercicioPóster: Impacto visual, concepto, claridad del
mensaje, medidas y normas básicas de diseño gráfico (ley de tercios, retículas, contrastes, equilibrio, manejo de fuentes, etc.)
![Page 44: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/44.jpg)
Requisito de póster• Tamaño: doble carta• Resolución: entre 100 a 300 dpis• Horizontal o vertical, como gusten• Programas: Los que crean necesarios.• Subir la imagen final y la impresión de pantalla
con el manejo de las retículas.• Entrega: Viernes 18 de marzo antes de las
11pm.• Para más ejemplos de pósters tipográficos
pueden revisar: http://typoholics.deviantart.com/
![Page 45: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/45.jpg)
Recomendaciones• 50 Beautifully Illustrated Graphics with tips to make
you a better designer• https://designschool.canva.com/blog/professional-
design-tips/
• Typoholicshttp://typoholics.deviantart.com/
• Design my Worldhttp://designmyworld.deviantart.com/
• Design Developershttp://designdevelopers.deviantart.com/
![Page 46: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/46.jpg)
Ejercicio 14: Póster Minimalista• Escogerán una película, puede ser live action o de
animación.• Diseñarán un póster publicitario con el concepto de la
película, realizarán una abstracción y utilizarán plastas para diseñarlo (diseño minimalista).
• Realizarán el diseño basado en vectores. Pueden ambientar con imágenes vectorizadas dibujadas también, figuras, letreros, logos, etc. Se pueden mezclar programas: Sketchbook, Photoshop e Illustrator.
• Utilizarán retículas para medir y realizar toda la composición. Subirán la imagen final y la impresión de pantalla con las retículas.
• Tamaño de hoja: carta a 200dpis.• Guardar en RGB para subir a deviantart.• Entrega: Martes 29 de marzo antes de las 3pm.
![Page 47: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/47.jpg)
• Planifiquen, realicen bosquejos en sucio, antes de empezar a trabajar en el programa (thumbnails).
• Guarden constantemente el archivo mientras trabajan y recuerden dónde lo guardaron.
![Page 48: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/48.jpg)
Requisitos próxima clase• Traer thumbnails o avances de la idea.• Si no tienen avances no se les recibirá el
ejercicio.
![Page 49: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/49.jpg)
![Page 50: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/50.jpg)
![Page 51: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/51.jpg)
![Page 52: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/52.jpg)
![Page 53: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/53.jpg)
![Page 54: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/54.jpg)
![Page 55: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/55.jpg)
![Page 56: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/56.jpg)
Ejemplo de Cubismo en el arte digital:http://tutorgrafico.com/impresionantes-ejemplos-del-cubismo-en-el-arte-digital.html
![Page 57: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/57.jpg)
Cosas útiles • Disney movie posters• http://iliketowastemytime.com/
2012/04/18/different-take-disney-movie-posters-10-pics
• Alternative movies posters• http://www.shortlist.com/entertainment/
films/the-30-coolest-alternative-movie-posters-ever#
![Page 58: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/58.jpg)
![Page 59: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/59.jpg)
![Page 60: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/60.jpg)
![Page 61: Clase18 fuentes reticulasem2016](https://reader036.fdocuments.co/reader036/viewer/2022062821/589a39ce1a28ab8c588b4fbb/html5/thumbnails/61.jpg)
Referencias• Categorías de fuentes, serifas y san serif http://www.fotonostra.com/grafico/
clasesfuentes.htm
• La tipografía en el diseño gráficohttp://diseno.ciberaula.com/articulo/
tipografia_diseno_grafico/