Types Types Types

Blog personal

Noticias y comentarios personales

9.B - Maquetar receta de cocina

Escrito por jonathanjimenezb 09-02-2016 en UD_9 Texto y composición. Comentarios (0)

Este trabajo ha consistido en maquetar una receta de cocina a doble página en formato B5, además de corregir toda clase de faltas en el texto original y en la maquetación.


9.A - Texto y composición

Escrito por jonathanjimenezb 09-02-2016 en UD_9 Texto y composición. Comentarios (0)

UD_ 9 – Texto y composición

http://nafracendrers.blogspot.com.es/2014/07/mha-convencut.html


9.1 El texto

1 – Elección tipográfica

La elección de la tipografía corresponde al diseñador y es muy importante, puede llegar a ser crucial.

· Tipo de tipografía: creativa o de edición.

· Contenido del proyecto: no es lo mismo que sea un programa para una guardería infantil, un flyer para una discoteca, etc.

· Público al que va dirigido (target).

· Estilo del documento que va a maquetarse/diseñarse.

· Soporte final: pantalla o soporte físico. También entra en juego el tamaño y la distancia a la que va a ser visionado.

· Método de impresión (en el caso en el que se imprima): no es lo mismo una presentación en pdf que vaya a verse en casa, que una impresión a varias tintas, etc.

2 – Espaciado en el texto

- Kerning/acoplamiento: el espacio del cuadratín se superpone entre sí. Es el que suele respetarse.

Tenemos tres tipos de kerning:

· Métrico: viene ya predefinido en la fuente tipográfica. Suele medirse por pares de caracteres.

Ej: LA, P., To, Tr, Ta, Tu, Te, Ty, Wa, WA, We, Wo, Ya, Yo.

· Óptico: los programas avanzados de maquetación lo calculan según la forma que tenga cada caracter mediante algoritmos. Se hace cuando la fuente no tiene hecho ningún tipo de kerning.

· Manual: el que el diseñador hace a ojo. Se usa en el mundo editorial.

- Tracking: espacio que se usa en una palabra por igual. Se usa en contadas ocasiones y siempre para titulares, en bloques de texto hay que intentar respetar siempre el de la fuente por defecto.

- Interlineado: espacio vertical entre líneas.

Se trabaja siempre por pares de cifras que indican el tamaño de fuente y el tamaño de interlineado. Ej: Arial 10/12 (primera cifra tamaño de fuente, segundo tamaño de interlineado)

Tipos de interlineado:

Negativo: (18/15)

Automático: (18/21)

Sólido: (18/18)

Abierto: (18/32)

Se debe de ver en una hoja o bloque de texto que éste sea una mancha gris, y si le ponemos demasiada distancia se verían líneas, hay que procurar no hacer esto, el bloque de texto debe ser una unidad.

3 – Estilo de párrafo

a) Alineaciones

· A la izquierda (bandera a la derecha): es el más usado.

· A la derecha (bandera a la izquierda): en situaciones de composición, que el bloque lo pida así.

· Centrado: Tiene un uso muy concreto, para bloques de texto no suele usarse. La idea es que las líneas formen una composición en la que las líneas sean lo más irregular posible (sino parecería un justificado mal hecho), es decir, que una línea sea más o menos corta que otra.

· Justificado: el software varía el tracking haciendo que todas las líneas tengan el mismo ancho.

Recursos para justificar:

· Espacio entre palabras: puede correrse el riesgo de que se creen calles, esto afea el texto y contradice el vector de lectura de la página y hay que intentar evitarlas a toda costa.

· Partir palabras: pala-

bras.

· Separar espacios: se altera la naturaleza de la tipografía, sería siempre el último recurso. Por una palabra o dos no merece la pena hacerlo.

b) Textura

La mancha debe ser un gris medio, gris neutral (suponiendo que el texto sea negro) si el espacio entre letras y palabras está bien hecho. Debe percibirse como una mancha y no como líneas.

https://tiposformales.com/2014/08/28/la-grilla-tipografica/

4 – Formas tipográficas

a) Capitulares

Son la primera letra que inicia un texto, no es obligatorio usarlas, pero sí es un recurso recurrente a la hora de maquetar un texto y darle un interés de composición. Es una costumbre que viene de la época medieval, donde esta letra servía para ilustrar y decorar los textos. Dentro de las capitulares tenemos varios tipos:

· Capitular baja: Ocupa todas las líneas que por su altura le corresponden. Es la más normativa y lo ortodoxo es que ocupe tres líneas.


Imagen: fuente propia.

· Capitular alta: alineada con la línea base de la primera línea.

Imagen: fuente propia.


· Arracada: Cuando las líneas se adaptan a la forma de la letra.

Imagen: fuente propia.



b) Sangría

Se usa para delinear párrafos y que se distingan entre sí.

Función:

Cuando en un texto corrido cambiamos de párrafo tenemos varias opciones: hacer una sangría (una ayuda visual a diferenciarlos) y no cambiar espacio entre párrafos y otra manera es cambiar esta distancia y no hacer sangrías; no deben usarse los dos recursos simultáneamente.

En el primer párrafo no debe usarse sangría, ya que antes de éste no hay nada (salvo título si lo hubiera). Esta sangría se hace hacia el interior, no al exterior. La costumbre alemana es sumar espacios en lugar de hacer sangrias. Tipos de párrafos: párrafo ordinario (no tiene ningún tipo de sangría), párrafo francés, párrafo moderno, forma epigráfica, en bloque, composición quebrada, triángulo español, base de lámpara y lámpara invertida.

En citas: si la cita ocupa más de tres líneas se hace un párrafo a parte para la cita y el punto iría dentro de las comillas.

c) Tabulación

Es una sangría aplicada a la misma línea vinculados a conceptos matemáticos o a artículos, leyes, etc. En definitiva, sirve para destacar elementos que tengamos en una misma línea.

d) Texto e imagen

· Arracada: donde el texto se adapta a la forma más o menos regular de la imagen (círculos, cuadrados, etc.).

· Recorrida: una forma más caprichosa o irregular. Recurso más informal, que se usa más en una revista que en libros.

e) Huérfanas y viudas

Viuda: línea suelta que o bien viene de la página contraria o de una columna anterior.

Huérfana: línea que queda al final de una página o columna y su párrafo empieza en la siguiente.

Para evitarlo la caja de texto se sube o se baja para así tener más de una línea.

5 – Programas de maquetación

El estándar es inDesign, de Adobe, pero hay otras opciones.

QuarkXpress ha sido la referencia hasta hace muy poco, sigue vigente en varias empresas y se sigue actualizando.

Adobe PageMaker es un software más antiguo, se actualizó hasta el año 2001 porque Adobe ya estaba pensando en crear inDesign.

Scribus es la referencia en cuanto a software libre, como todos estos tipos de programas tienen sus pros y sus contras. La interfaz no está tan cuidada, los recursos no están tan claros a la hora de usarlos…

9.2 Maquetación

1 – Historia de la composición de página

Antiguamente no existía el concepto de página como tal, este se inicia cuando se crea el primer libro. Hay diferentes elementos, páginas, donde se va componiendo el texto.

Los primeros libros estaban hechos a mano y ese concepto de composición de página ya comenzaba a existir: usando capitulares, márgenes, etc.

La biblia de Gutemberg fue el primero que usó columnas.

El desarrollo de la página ha evolucionado por los costes del material. En la Edad Media se aprovechaba mucho el soporte debido a su alto coste y por eso se concentraban mucho los bloques de texto.

A medida que la tecnología avanza mejoran las técnicas de impresión, pueden incluirse imágenes, fotografías... algo así ocurría con los periódicos y revistas.

Las revistas tal y como las conocemos hoy comienzan a finales del s. XIX.

Los formatos digitales también son composición, como los periódicos digitales.

2 – La página

Cuando hablamos de la mancha gris que vemos como párrafo esto se llamaría caja tipográfica.

La proporción que debe guardar ésta con la página donde se encuentra sigue unas normas que vienen desde la edad media:

· La altura de la caja debe ser la misma que la anchura de la página.

· Las diagonales: haciendo una diagonal desde la esquina de una página a la esquina de la contraria (nos daría el ángulo donde debe estar el vértice de la caja). Unir mediante líneas las esquinas inferior con el punto medio entre páginas superior y esto daría el resto de vértices.

http://werbungsdesign1ade.blogspot.com.es/2010/05/identificador-estructural.html

La página de la derecha es la impar y la de la izquierda la par, es más importante siempre la impar que la par. Por eso aquí empiezan los capítulos en las novelas y demás.

Método terniario o de los tercios: el margen interior sería la mitad de ancho que el margen exterior y el inferior sería el doble que el superior.

La jerarquía visual es importante para diferenciar elementos. Recursos: el tamaño, el tipo de letra, negrita, cursiva, color... hay que elegir un recurso y no mezclarlos todos, sobre todo cuando tenemos varios elementos, cuando hay que establecer un mismo sistema de jerarquía para todos. Hay que destacar la jerarquía manteniendo una unidad visual.

En cuanto a los formatos hay básicamente dos categorías: las divisiones del A0 en A2, A3, etc. y la B0, que está pensado sobre todo para el mundo editorial, donde uno de los formatos estrella es el B5.

https://tiposformales.com/2014/08/28/la-grilla-tipografica/

http://www.creativosonline.org/blog/formatos-de-papel-parte-ii-din-b-y-din-c.html

3 - Columnas

La distribución de columnas se propuso a partir de la Biblia de Gutemberg y se usa para páginas que tienen cierto tamaño, si una página es muy grande y se usa una línea muy larga sería complicado encontrar la siguiente línea al estar leyendo.

https://tiposformales.com/2014/08/28/la-grilla-tipografica/

https://tiposformales.com/2014/08/28/la-grilla-tipografica/

4 - Retículas

Una retícula es un sistema de distribución de elementos tanto horizontales como verticales.

Se divide el formato en rectángulos y cada uno de éstos es un módulo, desde los que se parten a la hora de componer. Es uno de los elementos más representativos del estilo suizo.

Ofrece más libertad a la hora de componer, aún manteniendo una homogeneidad en el criterio seguido.

https://tiposformales.com/2014/08/28/la-grilla-tipografica/

https://tiposformales.com/2014/08/28/la-grilla-tipografica/


8.B Decálogo de ortotipografía

Escrito por jonathanjimenezb 09-02-2016 en UD_8 Ortotipografía. Comentarios (0)

Os voy a enseñar un cartel que he realizado mostrando varias relativas a la ortotipografía. Espero que os guste.


8.A - Ortotipografía

Escrito por jonathanjimenezb 09-02-2016 en UD_8 Ortotipografía. Comentarios (0)

UD8 – Ortotipografía

8.1 Concepto de ortotipografía

https://escritoras.com/resenas/resena-de-ortotipografia-para-disenadores-de-raquel-marin-alvarez/

La ortotipografía tiene su origen en 1608, cuando el alemán G. Homschuch escribe el primer tratado sobre este tema.

Definición: "Conjunto de reglas por las que se rige la confección de un impreso mediante recursos o signos tipográficos".

José Martínez de Sousa: Ortografía y ortotipografía del español actual (2008: p.394)

Se usa para 2 hámbitos complementarios: la ortografía y la tipografía técnica, el corrector sería el encargado de estas dos tareas en un proyecto.

En diseño gráfico, el diseñador se encarga de esta tarea y es el último responsable.

Es interesante mencionar aquí el Proyecto Acentos Perdidos, de Pablo Zulaica.

https://elcafetindelas5.wordpress.com/2012/05/07/acentos-perdidos/

Se dedica a ir por la calle colocando tildes en las palabras de las cartelerías y demás que deberían llevarlas pero no es así. Las arregla poniendo pegatinas encima, no pintando, ya que así no es tan destructivo, quien quiera puede quitarlas.

Como curiosidad, hay que decir que cuando arregla una palabra, pone una breve explicación razonando el fallo y la corrección.

8.2 Uso correcto de los signos

1 – Signos de entonación

Exclamaciones e interrogaciones:

Siempre se abren y se cierran.

Si se usan más de uno al abrir, se usa el mismo número para cerrar.

El punto de estos signos al final de una frase ya sirve de punto y final.

Se pueden usar exclamaciones e interrogaciones a la vez, siempre que se usen con las normas anteriormente citadas.

2 - Comillas

Se usan para frases textuales, títulos, coloquialismos...

- Latinas o Francesas

Las que deberíamos usar en nuestra lengua.

- Alemanas

Cambian la altura, abren el párrafo abajo y cierran arriba.

- Inglesas

Cada vez se asimilan más, aunque su uso al fin y al cabo es incorrecto.

- Simples

- Mecanográficas

Son rectas.

Ejemplos:

Comillas dentro de comillas: «Me dijo: "Qué 'morro' tienes, ¿no?"».

Títulos: Conocí al profesor en su charla «El ábaco y la sociedad».

Poner dos comillas latinas no es lo mismo que poner dos angulares: << >> | « ».

http://letrascalvas.blogspot.com.es/2016/01/unidad-8-ortotipografia.html?view=classic

3 – Apóstrofos y primas

El apóstrofo es curvo.

La prima y la doble prima son inclinadas.

Las comillas mecanográficas son simples y rectas.

4 – Signos horizontales

De más corto a más largo:

Guión: para separar fechas (sin espacios), para separar un periodo de fecha...

Medida: ¼ de cuadratín.

Menos:

Medida: ½ cuadratín.

Guión bajo:

Alineado con la línea de base. Uso en entorno informático, el lenguaje escrito no lo usa tanto.

Raya:

Es más delgada que el resto de estos signos, mide lo mismo que un cuadratín. Se usan para los diálogos.

http://letrascalvas.blogspot.com.es/2016/01/unidad-8-ortotipografia.html?view=classic

5 – Signos verticales

Barra vertical o pleca: para separar conceptos, un poco más elegante que la barra horizontal. Sobrepasa la descendente.

Barra inclinada: Para dos conceptos combinados.

Contrabarra: Del entorno informático, para programación. En el lenguaje escrito no se usa.

6 – Signos contenedores

Paréntesis: () Información relacionada con el texto.

Corchetes: [] Intención extratextual. Puntos suspensivos […].

Llaves: para operaciones informáticas y código informático. No se usa en texto.

7 - Puntos

Punto: Realmente los años no llevan punto. Para separar la unidad de millas de las unidades de centenas se suele usar, aunque no es obligatorio.

Puntos suspensivos: tres puntos que están más juntos que tres puntos sueltos.

Punto medio o volado: para separar conceptos.

Topo o bala: punto medio más ancho, se usa para listas, sustituyendo a los guiones alineados.

Línea de puntos: suelen ir muy separados.

Puntos conductores: índices de contenidos, por ejemplo índices de libros.

8 – Blancos tipográficos

Son los espacios entre palabras o caracteres.

En orden de mayor a menor:

Espacio eme: un cuadratín.

Espacio ene; M/2.

Espacio grueso: M/3.

Espacio mediano: M/4.

Espacio delgado o fino: M/6 o M/8.

Espacio de pelo: M/24.

En inDesign se pueden encontrar estos espacios, al contrario por ejemplo que en otros procesadores de texto, como Word.

8.3 Otras normas ortotipográficas

1 – Tipografías distintivas

El concepto de puntuación colgante (hanging puntuation) consta de unas comillas dentro del margen de alineación o fuera (esto hace un bloque de texto más compacto, facilita la lectura y queda mejor estéticamente).

Cursiva real y cursiva provocada por el procesador de texto: se ve sobre todo en la «a» minúscula.

Leemos por visión de conjunto, por mancha tipográfica, no letra a letra.

Versalitas, cada vez más en desuso. Son algo intermedio entre la mayúscula y la minúscula, son mayúsculas con altura de minúsculas. Las falsas hacen que el grosor de línea cambie.

Se usan para nombres propios en una cita: primera en mayúscula y el resto en versalitas.

Los siglos: Papa Juan XXIII sí va en mayúscula.

La forma de resaltar texto no es cambiando el tamaño, sino usando negrita y cursiva.

La negrita es mucho más agresiva, sólo debería usarse en titulares. La cursiva en este caso le restaría importancia.

Negrita: en entrevistas o diálogos, para separar preguntas y respuestas.

Tipos de mayúscula:

De posición: al principio de párrafo.

De naturaleza: nombres propios. Meses del año, días de la semana... siempre en minúscula.

Títulos con mayúscula, don/doña sin mayúscula.

2 – Citas textuales, bibliográficas y notas

Incisos: paréntesis, corchetes e incisos.

([]) Linguísticamente

[()] En matemáticas

[…] [ sinc]

Si abren y cierran párrafo: <<.>>

Si las comillas no abren el párrafo: <<>>.

3 - Cifras

Ejemplos:

El 9,5% de los votantes | El 9.5% de los votantes (no).

21,5 grados Farenheit | 21'5 grados Farenheit (no).

Los años 70 | Los '70 (no).

4.ª edición | 4ª edición (no).

11.985 | 11985 | 11 985 (no).

Nota: 7,65 | Nota: 7.65 (no).

Nací en 2016 | Nací en 2.016 (no).

17/03/1976 | 17/3/76 | 17/marzo/1976 (no).

20.30 horas | 20,30 horas (no) | 20:30 horas (no).

4 - Abreviaturas

C/Sol | C.Sol | C./Sol (no).

Teléfono | Teléf. | T. | Tel. (no) | Tels. (no).

19 a. de C.

SS. AA. RR. | SS.AA.RR. (no) | SSAARR.

Juegos Olímpicos: JJ. OO.

Asociaciones de Padres de Alumnos: AA. PP. AA.

Sr. | Sres.

Compañía: Cía.

Excelentísima: Excma.

http://graffica.info/abreviaciones-versus-abreviaturas/

Criptónimos:

J. F. K. | JFK

C. R. 7 | CR7

Sigla: ONG.

Sigloide: CiU.

Acrónimo: spanglish.

OTAN | O. T. A. N. (no) | O.T.A.N. (no).

http://graffica.info/ortotipo-sigloides-y-acronimos/

http://graffica.info/como-se-escriben-las-siglas/

5 – Ortografía publicitaria

Omitir vocales dejando sólo las consonantes. Identificas igualmente las palabras.

Ejemplo: tambn m gsta.

Un recurso estilístico es utilizar errores tipográficos pero de manera intencionada.

Ejemplo: «Refrescancia» o «¡Me se pierde la cabesa, cuando pillo un nata fresa!».

Juegos de palabras: «Bye Buy».


7.B Diseño tipográfico

Escrito por jonathanjimenezb 29-01-2016 en UD_7 Diseño tipografico. Comentarios (0)

En este post os voy a enseñar un ejercicio práctico que consta en elegir un logotipo de una marca real y crear el resto del alfabeto basándome en el original. En mi caso he elegido el logotipo de Electronic Arts, con lo que he partido de la "A" y la "E" para diseñar todo el resto de caracteres.