jueves, 11 de febrero de 2016

Receta de cocina

En este post he querido enseñaros una pequeña maquetación sobre una receta de cocina.
¡¡Espero que os guste!!


Unidad 9: Texto y composición



“Un buen tipógrafo debe saber que tipografía conviene más al mensaje con el que está trabajando.” John KANE (2014:96)



9.1. El texto

1. Elección tipográfica: 
  • La elección tipográfica es muy importante en el papel del tipógrafo. Hay que tener en cuenta lo siguiente: 
  • El tipo de fuente, tiene que favorecer la legibilidad. Mientras que para unos titulares podemos utilizar una tipografía creativa siempre y cuando esté acorde con el tipo de texto.
  • El contenido del proyecto: no es lo mismo que sea uno científico, que sea una flayer para una discoteca, etc.
  • El público para quien va dirigido.
  • El estilo del documento también es muy importante, puesto que debemos adaptarnos a los estilos de los clientes.
  • El soporte final: no es lo mismo diseñar para pantalla que para soporte físico. Hay algunas que están adaptadas para dispositivos electrónicos y no para soportes físicos.
  • Método de impresión, no es lo mismo que se impriman en casa que se impriman con más calidad.
2. Espaciado en el texto


-Kerning/acoplamiento: es un factor que se aplica por parejas de letras.

http://www.tiposconcaracter.es/wp-content/uploads/2011/10/espaciado-kerning.png


Existen tres tipos: 
  • Métrico: tiene predefinido las fuentes tipográficas. 
  •  Óptico: los programas avanzados de maquetación lo calculan por algoritmos cual es el que considera mejor. Estos casos son utilizados cuando las fuentes no tienes realizado ningún tipo de kerning.
  • Manual: Es el que se hace a ojo, es decir, si un diseñador quiere cambiar algo para darle “otro aire” al diseño. Es utilizado en el mundo editorial.
-Tracking: se aplica a todas las letras por igual. Para cuerpos de texto se tienen que mantener el espaciado. 
https://tipografiaune.files.wordpress.com/2013/02/espacio.jpg

-Interlineado: es el espacio que hay entre cada línea. Cuando se trabaja con un programa de maquetación solo nos permite poco interlineado. Sin embargo, en el mundo profesional se trabaja por pares de cifras.

Por ejemplo: Arial 10/12. Helvética 12/14

Negativo 18/15

Automático 18/21

Solido 18/18

Abierto. 18/32


3. Estilo de párrafo
  • Alineaciones: derecha, izquierda, centrado, justificado.
De todos los sistemas de alineaciones, el que más se suele emplear es el justificado.

En primer lugar, el espacio entre palabras. Existe un peligro con este espacio y es que se forman calles y afean los textos. Tenemos la opción de partir las palabras y seguir en la próxima línea.

En una composición centrada, lo ideal es que las líneas formen una composición en los márgenes bastante asimétrica. Si la longitud de las líneas es parecida parece que es una alineación mal hecha.

El alineado a la izquierda suele ser el más utilizado y convencional. Actualmente en el diseño del mundo editorial, un diseñador prefiere no cortar la línea. Y por ello no se justifican los párrafos.

En segundo lugar, partir palabras.

En tercer lugar, separar espacios.
  • Textura tipográfica o color tipográfico, se trata de la mancha sobre la caja virtual de una página.

4. Formas tipográficas
  • Capitulares: es la primera letra que inicia un texto en la primera línea ocupando la altura de 3-4 líneas o incluso más. 

http://www.cristalab.com/images/tips/css/capitales/CSSCL.png

  • Sangría de párrafo: ocurre cuando alteramos el punto en el que comienza un párrafo en el que tenemos determinado su comienzo. Podemos encontrar el párrafo ordinario, el cual no contiene ningún tipo de sangría. 
          Generalmente la sangría se utiliza para distinguir párrafos. Es importante no duplicar diferentes           recursos.

          Cuando en un texto corrido cambiamos de párrafo tenemos diferentes opciones, hacer una                   sangría, o bien, mantener una distancia entre los párrafos, pero entonces no habría sangría.

          Es importante utilizar algún recurso para diferenciar párrafos. No tiene sentido utilizar recursos           de párrafos en el primero, porque no hay que diferenciarlo.

          Existen diferentes nombres para estilos de párrafos: párrafo ordinario, moderno, francés, forma           epigráfica, en bloque, composición quebrada, triangulo español, base de lámpara. 
  • Tabulación: se aplica para tablas de contenidos. También es utilizado para artículos como la Biblia. 
  • Texto-imagen: Arracada y recorrida. Son diferentes formas de llamar a como colocar las imágenes en el texto, la arracada se utiliza para las formas más regulares y geométricas y las recorrida se les llama aquellas formas más irregulares y menos geométricas, por no decir nada geométricas. 
  • Huérfanas y viudas: Una viuda es una línea en una página suelta. Y las huérfanas es la oración que queda sola en la primera línea del párrafo.
          “Una huérfana no tiene pasado y una viuda no tiene futuro”

https://conamorpublicidad.files.wordpress.com/2011/05/viudas-y-huerfanas.jpg


5. Programas de maquetación
Adobe Indesign, QuarkXPRESS 2015, son algunos de los programas que se utilizan para maquetar.
Un programa más obsoleto es Adobe Page Maker.

Otro programa alternativo de software libre es Scribus.

https://upload.wikimedia.org/wikipedia/commons/1/10/Adobe_InDesign_icon.png


http://www.quark.com/images/quarkLogo.gif


9.2. Maquetación


  • Historia de la composición de página: Comienza en la escritura de los jeroglíficos. La página como tal empieza con el concepto de libro. No hay una única unidad. El texto se va componiendo por páginas. Como ya sabemos los primeros libros estaban hechos a mano. Apareciendo diferentes recursos. 
          La evolución de la página se actualizó muchísimo. Los periódicos antiguos no tenían ningún               tipo de fotografía, pero poco a poco se fueron introduciendo. Como paso también con las                     fotografías.

          Los formatos digitales también se consideran publicaciones.
  • La página: 
    • Composición. Jerarquía tipográfica: Es muy importante establecer una jerarquía en una página. Al igual que el tipo de letra. No es necesario utilizar todos los recursos de una familia tipográfica en una misma composición. 
    • Proporcionalidad: cuando hablamos de las texturas hablamos de las manchas que debía dejar las palabras. La altura de la caja tipográfica debe ser la misma que la anchura de la caja tipográfica. Las diagonales. Como saber dónde encajar la página, hacer la diagonal de la esquina superior derecha hasta la inferior izquierda, nos daría el ángulo. Y la esquina superior izquierda a la inferior derecha. 
    • La página que va siempre a la izquierda es la impar que la par, siempre es más importante en la página impar que la par. 
    • Márgenes: El margen interior es el que está pegando al lomo del libro. El margen inferior es superior al del lado izquierdo y el superior es el doble del margen inferior. 
    • Los formatos de papel existen dos maneras la división de A0, también existe el B0 y el C0, El A0 está pensado para la autoedición y el B0 para la edición. 
    • Caja tipográfica: es el espacio que vamos a incluir en el texto. 
  • Columnas: se propuso a partir de las reglas de Gutenberg, se utilizan para páginas que tengan grandes tamaños, por el ritmo de lecturas. Se utilizan también en otros contextos como el periódico. 
  •  Retículas: es un sistema de elementos horizontales y verticales. Cada uno de los rectángulos se les llama modulo. 
          Estilo suizo en retículas es uno de los elementos más representativos. Mantiene una                             homogeneidad de criterios. Cuando se utilizan retículas se ajusta la cuadricula base. 



Decálogo de ortotipografía


Aquí os enseño un cartel con distintas normas de ortotipografía. 
¡Espero que os guste y os sirva de ayuda!


Unidad 8: Ortotipografía

8.1. Concepto de ortotipografía

La ortotipogafia proviene de un tratado de 1608. El autor de este tratado era médico y decidió hacer un tratado sobre esto porque sentía predilección por ello.

Según José Martínez de Sousa comprende la ortotipografía como un “conjunto de reglas por las que se rige la confección de un impreso mediante recursos o signos tipográficos”. 

La ortotipografía se utiliza para complementar la ortografía y la tipografía técnica. El tipógrafo juega un papel importante, puesto que debe tener “mil ojos” con las faltas de ortografía.

En cambio, el diseñador gráfico aunque también deba tenerlos no es su trabajo como tal. También existen personas que desempeñan el cargo de corrector.


También os voy a hablar en este apartado sobre un proyecto bastante interesante, se trata de Acentos perdidos de Pablo Zulaica. 

Pablo Zulaica, se dedica a ir arreglando cartelerías con faltas de ortografía. Utiliza pegatinas con tildes que son colgadas en internet y así todo el mundo puede imprimirlas y pegarlas donde haya estas faltas de ortografía. Algunas personas que siguen este proyecto después de colocar las pegatinas les envían fotografías de ellas.

http://vascosmexico.com/images/stories/pablo01.jpg


8.2. Uso correcto de los signos.

En este apartado os quiero hablar sobre un libro muy interesante donde se explica detalladamente como hay que escribir detalladamente.

“ Ortotipografía para diseñadores “ Raquel Marín Álvarez.

http://image.casadellibro.com/a/l/t0/38/9788425226038.jpg


Vamos a ver diferentes apartados tratados en el libro:
  • Signos de entonación: por el uso del inglés hacemos cambios drásticos en nuestro lenguaje a la hora de escribir.
  • Comillas: Existen diferentes tipos de comillas y son utilizadas para frases textuales, títulos, etc.
    • Latinas o francesas: deberíamos utilizarlas en nuestra lengua.
    • Alemanas: Cambian de dirección, es decir, abren el texto hacia abajo y lo cierran hacia arriba.
    • Inglesas: estas son las más frecuentes, pero su uso no es correcto.
    • Simples
    • Angulares: en español no tienen ningún uso concreto, aunque en otro idioma si lo tienen.
  • Apóstrofos y primas: la prima y la doble prima son inclinadas. El apóstrofo es curvo.
  • Signos horizontales: 
    • El guion se utiliza para separar fechas, pero sin espacio. Su medida es un cuarto del cuadratín.
    • El guion medio es prácticamente equivalente al medio.es de medio cuadratín. 
    • El guion menos es aproximadamente medio cuadratín.
    • El guion bajo es el más claro del todo porque está alineado con el texto.
    • La raya tiene la medida entera del cuadratín. Es utilizada para diálogo.
  • Signos verticales
    • Barra vertical o pleca, llega más debajo de la línea de base de x. Es utilizado para separar conceptos.
    • Barra inclinada es aproximadamente medio cuadratín. 
    • Contrabarra se suele utilizar en el lenguaje informático.
  • Signos contenedores
    • Parentesis: se utiliza para la información relacionada con el texto.
    • Corchetes: se utiliza con intención extratextual.
    • Llaves se utilizan para elementos gráficos, normalmente para operaciones matemáticas.
  • Puntos: 
    • Punto: se utiliza para finales de frases u opcionalmente en cifras.
    • Puntos suspensivos: son tres puntos más juntos. No es lo mismo que tres puntos sueltos.
    • Punto medio o voladio se utiliza para separar conceptos o en otros idiomas.
    • Topo o bala: es un punto medio más ancho y se utilizan para hacer listas.
    • Líneas de puntos: separa los párrafos.
    • Puntos conductores, se utiliza por ejemplo para índices de contenidos.

  • Blancos tipográficos: son espacios entres palabras y caracteres.
    • Espacio eme: Un cuadratín.
    • Espacio ene: medio cuadratín (M/2).
    • Espacio grueso: un cuarto de cuadratín (M/3).
    • Espacio medio: un tercio de cuadratín (M/4).
    • Espacio delgado o fino, un sexto/octavo de cuadratín (M/6 o M/8).
    • Espacio de pelo: (M/24).


8.3. Otras normas ortotipográficas

  • Tipografías distintivas: 
    • El concepto de puntuación colgante (hanging putuation).
    • Comillas dentro del margen de alineación o fuera .
    • Cursiva real y cursiva provocada por el procesador de texto.
    • Leemos por visión de conjunto, por mancha tipográfica, no por letra a letra.
    • Negrita: se utiliza para separar preguntas y respuestas en un diálogo.
  • Citas textuales, bibliográficas, notas.
    • Paréntesis, corchetes.
    • Normalmente se utilizan los corchetes dentro de los paréntesis excepto en matemáticas que se utilizan los paréntesis dentro de los corchetes.
    • Puntación y comillas: Las comillas abren y cierran el párrafo.
  • Cifras:

Ejemplos:
    • 55% de aprobados 
    • 22 ºC en Madrid 
    • 1.ª edición 
    • 2016 o 2.016 
    • 5,8 puntos 
    • 16/11/1991 o 16/11/91 
    • 23.30 horas
  • Abreviaturas: 
    • SS. AA. RR. (sus altezas reales) 
    • C/Grecia 
    • Excma. 
    • JJ.OO. 
       Criptónimos: se utiliza o con puntos o sin puntos.
    • J. F. K.------- JFK 
    • C. R. 7-------CR7 
Las siglas se admiten con puntos y sin puntos.
    • ONG-----O.N.G.
  • Ortografía publicitaria.
Durante años se comenzaron a omitir las vocales para las marcas como Mango (MNG) o Reebook (RBK).
Algunas marcas utilizan errores publicitarios como por ejemplo, Mc Donald (I’m loving it).

sábado, 30 de enero de 2016

Diseño de abecedario



En este post os muestro mi próxima aventura con la tipografía. ¡¡¡Espero que os guste!!!



viernes, 29 de enero de 2016

Unidad 7: Introducción al diseño gráfico

7.1. El proceso de diseño gráfico

  • Proyecto: En una primera parte se obtiene un boceto. A parte se tiene una motivación ya puede ser personal o un encargo. 
          Para hacer una tipo puede ser por gusto propio y estar interesado en el tema o simplemente para           darle valor al proyecto de diseño gráfico potente.

          La tipografía también se puede utilizar para darse a conocer, tomándosela como marketing                   aunque no se obtenga beneficio económico.
  • Digitalización: las fuentes todas están hechas a partir de un boceto, pudiendo ser en digital o no. El peso original de la tipografía se llama “máster”. Esta digitalización puede ser a partir de un escaneado o como se quiera. Se emplean programas como Adobe Illustrator y se exportar a programas de diseño tipográfico. Estos programas permiten la edición de cualquier cambio que queramos realizar.
  • Producción: los múltiples son todas las subfamilias de la tipografía como la negrita, la cursiva, etc.
  • Postproducción: El espaciado es muy importante en el tema de tipografía. Los diseñadores tienen muy en cuenta todas las formas de cada letra junto con su espaciado, este espaciado puede llamarse prosa o Kerning.
  • Comercialización: se trata de su venta y su distribución, se puede llevar con licencia, etc. Se puede poner a través de una fundición o también en tu propia página web pero no tendrías los mismo beneficios. Depende de como quieras comercializarla.


7.2. Fundamentos del diseño tipográfico

  • Definir las características de las familias tipográficas que uno pretende crear. Las características a tener en cuenta son el peso, el eje de modulación, el ancho de la letra, la altura de x, el contraste entre los trazos, los remates.
  • Correcciones ópticas: intentamos buscar una coherencia formal, ya que hay que tener en cuenta las características de todos los caracteres.
  • También existen correcciones puntuales como por ejemplo en la E mayúscula, para que parezca más equitativo se coloca a barra horizontal del medio un poco más arriba.
          En el caso de la O se puede ver que no es totalmente redonda, es decir, el trazo de arriba es más           estrecho que el de los laterales.
  • Espaciado: aquí podemos encontrar la prosa o kerning que es más dada entre caracteres; los numerales entre números; los espacios verticales son entre líneas; y el acoplamiento que consiste en superponer los espacios.


7.3. Programas tipográficos

Existen varios programas en los cuales podemos diseñar nuestra propia tipografía:
  • FontForge: es un software libre solo para Linux. En todos los programas tipográficos aparece una ventana donde se puede trabajar libremente junto con otra ventana donde aparecen todos los caracteres que vamos realizando y solo con hacer clic se puede modificar.
  • FontLab: Es un software tanto para Windows como para mac. Se dedica más a la edición de tipos.
  • Fontgrapher: Es un software tanto para Windows como para mac.  Se dedica más al diseño de tipos. Pertenece al grupo de fontlab pero ahora pertenece a otro grupo. Existe otro como typetools, es un programa más básico dedicado a estudiantes y es mucho más sencillo.
  • Glyphs: Dedicado solo para Mac, es un programa que le hace mucha competencia a FontLab.
  • Robofont: es un programa dedicado a la postproducción. Es utilizado para máster.
  • iFontMaker: es una aplicación para ipad que se dedica a crear tipografías.


7.4. Tipografía creativa
  • Tipo creativa vs tipo de edición
  • Texto como imagen que se puede llevar incluso a metáforas visuales.
  • Fuentes libres, decorativas y visuales.

Pechakucha. FontShop