Técnicas Digitales: Clase16 FuentesyReticulas em2017

Click here to load reader

  • date post

    08-Apr-2017
  • Category

    Design

  • view

    182
  • download

    2

Embed Size (px)

Transcript of Técnicas Digitales: Clase16 FuentesyReticulas em2017

  • Tcnicas de representacin digitalClase 17: Tipografa y retculasTAMM-14marzo2017

  • ObjetivosEl alumno aprender sobre tipografas, sus diferencias y a identificar la mejor para transmitir adecuadamente su idea.

  • TipografaLa esencia de una buena comunicacin grfica es la palabra escrita, y cada letra tambin es parte de la composicin grfica.El termino tipografa se emplea para designar al estudio, diseo y clasificacin de los tipos (letras) y las fuentes (familias de letras con caractersticas comunes)

  • FuentesEs la que se define como estilo o apariencia de un grupo completo de caracteres, nmeros y signos, regidos por unas caractersticas comunes. Las fuentes se clasifican en serif y sanserif.

  • Fuentes SerifEstas fuentes tienen origen cuando las letras se cincelaban en bloques de piedra, pero resultaba difcil asegurar que los bordes de las letras fueran rectos, por lo que el tallador desarroll una tcnica que consista en destacar las lneas cruzadas para el acabado de casi todas las letras, por lo que las letras presentaban en sus extremos unos remates muy caractersticos, conocidos con el nombre de serif.

  • Fuente San SerifTambin llamadas etruscas aparecen en Inglaterra durante los aos 1820 a 1830. No tienen remates en sus extremos (sin serif), entre sus trazos gruesos y delgados no existe contraste, sus vrtices 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 lpiz o un pincel.

  • Eleccin de fuentesLa eleccin de una fuente adecuada es importante ya que el diseo de los caracteres (tipos) transmiten personalidad, diversidad, fortaleza, institucionalidad, movimiento, etc. Una mala eleccin de la misma puede transmitir un mensaje distinto al que se deseaba.La fuente se elige dependiendo de su funcin: 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/

  • El principal objetivo de componer un texto con una tipografa determinada es lalegibilidad.

    En impresos con gran densidad de texto como un peridico o un libro, suele escogerse una fuente con serif. Los remates permiten vincular los caracteres y guan los ojos para ayudar al lector a no perder la lnea 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 resolucin de los proyectores y a la poca iluminacin. Otro inconveniente: la audiencia que est sentada al costado de la pantalla puede no leer correctamente, ya que debido al ngulo de visin, la modulacin de los caracteres puede hacer invisibles los mismos. Se recomienda mejor utilizar un san serif para diapositivas.

    Las san serif estn asociadas a la tipografa comercial, su legibilidad y durabilidad las hacan perfectas para impresiones de etiquetas, embalajes, envolturas, etc.

    Tipografa en movimiento, 22 consejos de Enric Jardihttp://www.youtube.com/watch?feature=player_embedded&v=NXnm-YKvE4s

  • Ejemplos

  • TextoIllustratorCrear vectores a partir de fuentes.Editores de texto:Texto siguiendo un vector.Texto dentro de un vector cerrado.

    PhotoshopRecorte de Texto

  • PathfinderRecortes y edicin de vectores (no el horrible borrador)https://www.youtube.com/watch?v=0LMqhHkI76Ihttps://www.youtube.com/watch?v=G02Sn9aNjFY

  • VideosTypolution (video hecho con tipografa)

    http://www.youtube.com/watch?v=zVPfTlpCKaw&feature=player_embedded Kinetic Typography

    http://www.youtube.com/watch?v=gT2Iii0Psao

  • ObjetivosEl alumno aprender sobre diseo editorial, el uso de retculas y cuadrculas. Aplicar conocimientos de composicin, diseo y expresin grfica para presentar un proyecto.

  • Diseo editorialEs la rama del diseo grfico que se encarga de la maquetacin y composicin de distintas publicaciones: libros, revistas, folletos, peridicos, etc. Se encarga de la realizacin grfica del texto y busca una unidad entre el texto, la imagen y la diagramacin.

  • FormatoCaja tipogrfica: es el espacio, que rodeado de mrgenes, sirve para colocar los textos, imgenes, etc.

  • Retcula: esquema que ayuda a subdividir el campo visual dentro de la caja tipogrfica. Todos los elementos: texto, imgenes, etc., estarn distribuidos ah.El tamao puede variar entre retculas, dependiendo de lo que se desea expresar. Se miden por nmero de lneas y tamao de fuente. Es una gua que permite al diseador realizar una organizacin coherente y legible.

  • - La orientacin del papel.- El nmero de columnas y el tamao de estas.- La separacin existente entre ellas (el medianil).- El color y formato del texto (tipografa y tamao), los titulares, cabeceras, pies de imagen, etc.- El uso de las imgenes como fondo en todas las pginas (marca de agua) y dems elementos ornamentales, tales como los filetes decorativos, etc. Una retcula base, se encuentra compuesta por las siguientes partes, dependiendo de la composicin que se est diseando:

  • MrgenesEn un documento existen cuatro mrgenes: el margen superior, el inferior, el interior y el margen exterior.

    La medida de estos mrgenes no es fija en ningn caso, aunque en el campo de autoedicin o maquetacin de profesionales, estos por defecto presentan unos mrgenes predefinidos para cada clase de publicacin que realizan.

  • Si se quiere aplicar una buena medida, es posible aplicar la proporcin 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.

  • Recomendaciones50 Beautifully Illustrated Graphics with tips to make you a better designerhttps://designschool.canva.com/blog/professional-design-tips/

    Typoholics

    http://typoholics.deviantart.com/

    Design my World

    http://designmyworld.deviantart.com/

    Design Developers

    http://designdevelopers.deviantart.com/

  • ReferenciasCategoras de fuentes, serifas y san serif

    http://www.fotonostra.com/grafico/clasesfuentes.htm

    La tipografa en el diseo grfico

    http://diseno.ciberaula.com/articulo/tipografia_diseno_grafico/