martes, 9 de febrero de 2016

9.B Diseño
Receta de cocina

Maquetar una receta de cocina: Marquise de chocolate.

- Maquetar una receta de cocina a doble página.
- Corregir ortografía y ortografía.
- Recursos facilitados: descripción de la receta y una imagen.
- Programa: InDesign.




Tema: 9
Texto y composición.




 9.1 EL TEXTO.

1.       Elección tipográfica

Según las características de la tipografía son más adecuadas para un texto o para otro. A la hora de elegir una tipo debemos tener en cuenta los siguientes criterios:
·         Tipo de tipografía: edición o creativa. Se pueden llegar a usar como máximo dos tipos
·         Contenido: no es lo mismo que sea un programa para una guardería que para un flyer de discoteca
·         Público (target)
·         Estilo de documento que se va a maquetar o  diseñarse
·         Soporte final: no es igual para un móvil que para un soporte como un ordenador. Influye naturaleza y tamaño del soporte
·         Método de impresión: no es igual que sean cosas para que se descarguen y se impriman en casa o documentos con límite de tintas.
Si no puedes hacer algo bueno, hazlo grande su no puedes hacerlo grande hazlo rojo. Jhon kane.

2.       Espaciado en el texto
·         Kerning/acoplamiento: se trabaja por par de letras, distancia entre una letra y la de al lado. Hay tres tipos de kerning:
o   Métrico: viene predefinido en la fuente tipográfica ej. LA P. To Tr Ta Tu Te Ty…
o   Óptico: los programas avanzados de maquetación lo calculan según la forma que tenga cada caracte mediante algoritmos. Se hace cuando la fuente no tiene hecho ningún tipo de kerning.
o   Manual: Se hace a ojo. Se hace solo para textos cortos como titulares. Se usa en el mundo editorial















·         Tracking/prosa: concepto que afecta a todas las letras por igual. Se aplica en muy contadas ocasiones e intentando que no sea para texto de cuerpo puesto que hay que intentar respetarlo siempre, se hace en contadas licencias como en logos


·         Interlineado: Espacio que hay entre cada línea, en el mundo profesional se trabaja por pares de cifras que indica el tamaño de fuente y el tamaño de interlineado ejemplo: arial 10/12, helvética 12/14

o   Negativo 18/15: demasiado apretado o abierto para la cantidad de palabras que haya en una línea puede reducir la legibilidad de un texto
o   Automático 18/21: un interlineado demasiado apretado o abierto para la cantidad de palabras que haya en una línea puede reducir la legibilidad de un texto
o   Solido18/18: demás…
o   Abierto 18/32
Se debe de ver en una hoja o bloque de texto que este bloque sea una mancha gris, y si le ponemos demasiada distancia se verían líneas, hay que procurar no hacerlo.

espacio del text


3.       Estilo de párrafo

·         Alineaciones:
o   A la izquierda o bandera a la derecha: es el más convencional junto al justificado. Actualmente un buen diseñador prefiere no cortar palabras arriesgándose a dejar unas líneas más largas que otras.
o   A la derecha o bandera a la izquierda: en situaciones de composición que el bloque lo pida así.
o   Centrado: se usa para menús, titulares, canciones… la idea es que las líneas formes una composición en los márgenes bastante simétrica puesto que parecerá que está mal justificado.
o   Justificado: es el que más nos interesa. Entre sus recursos tenemos
§  Espacios entre palabras. El peligro del espaciado es que se creen calles, esto afea la composición además de contradecir la lógica del vector de lectura
§  Partir palabras: Es adecuado pero es mejor no partirlas.
§  Separar espacios: en definitiva dar tranking, esto es como último recurso puesto que alteramos la propia naturaleza de la tipografía. Es para cosas concretas.








·         Textura o color tipográfico.
La mancha debe ser un gris medio, gris neutral (suponiendo que el texto sea negro) si el espacio entre letras u palabras está bien hecho.
‘el texto ideal tiene un valor medio de gris, y no debe percibirse como una serio de franjas’ jhon kane




4.       Formas tipográficas

·         Capitulares
Son las letras que comienzan al principio del texto, es uno de  los recursos gráficos que podemos usar al maquetar un texto y darle interés. Hay varios tipos
§  Capitular alta: crece en líneas donde no hay texto
§  Capitular baja: ocupa todas las líneas que por su altura le corresponde.
Es la más usada y se dice que como máximo debe ocupar tres líneas.
§  Arrancada: el texto se adapta a la letra capitular.
Las capitulares se llevan usando desde época medieval.



·         Sangría de párrafo. Se utiliza para diferenciar párrafos, sirve para que sea sencillo visualizar donde comienza y donde acaba un párrafo.
Cuando en un texto corrido hacemos varios párrafos, podemos hacer una sangría, pero en ningún momento cambio el espacio entre párrafos o bien no uso sangría y le damos espacio entre párrafos. Es importante que en el primer párrafo no haya sangría ya que encima de este no hay nada.


o   Párrafo ordinario: no mantiene ningún tipo de sangría.
o   Párrafo francés.
o   Párrafo moderno
o   Forma egipcia
o   En bloque
o   Composición quebrada
o   Triangulo español
o   Base de lámpara
En citas dependiendo de la longitud, si ocupa más de tres líneas se hace un párrafo aparte para la cita, y el punto iría dentro de las comillas





·         Tabulación.
Es una sangría  aplicada a las mismas líneas vinculadas a conceptos matemáticos o a artículos, leyes etc... Para destacar elementos que tengamos en una misma línea.






·         Texto e imagen.
o   Arracada: donde el texto se adapta a la forma más o menos regular de la imagen
o   Recorrida: una forma más irregular. Se usa en revistas más que en libros. Es un recurso informal.




·         Huérfanas o viudas.
o   Viudas: línea suelta que o bien viene de la página contraria o de una columna anterior.
o   Huérfana: Comienza una línea sola que se queda al final de la página o columna y su párrafo continua en la siguiente
Para evitarlo la caja de texto se sube o baja para así tener más de una palabra o line







5.      Programas de maquetación.

·         El modelo estándar es InDesign de adobe. el cual nos permite hacer la maquetacíon como nosotros deseemos. 

·         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 actualizo hasta el año 2001 por que adobe ya estaba pensando en  InDesign




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

 9.2 Maquetación.

1.       Historia composición de la pagina

Antiguamente había una composición de página como en los egipcios que te obligaban a moverte hacia adelanta para continuar leyendo la pared.
Los primeros libros hechos a mano ya tenían un concepto de composición de página se respetan los márgenes, la capitulares... La biblia de Gutenberg fue el primer libro que uso columnas en su composición.

La evolución de la página se ha producido por los costes de material.
A medida que la tecno avanza permite meter fotografías en el periódico, y algo así ocurre con la revista. Si los periódicos son antiguos, las revistas comienzan a finales del siglo 19.
Los formatos digitales también son formas de maquetación.
2.       La página

·         Composición, jerarquía tipográfica
·         Proporcionalidad:

Cuando hablamos de la mancha gris que vemos como párrafo esto se llamaría caja tipográfica.
La proporción que debe guardar esta con la página donde se encuentran 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 página contraria (nos daría el ángulo donde debe estar el vértice de la caja). Unir mediante líneas las esquinas inferiores con el punto medio entre páginas superior y esto diría el resto de vértices.

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

                El margen interior será la mitad de ancho que el margen exterior y el inferior seria el doble que el superior.

                La jerarquía visual es importante para diferenciar elementos. Recursos: tamaño, tipo negrita cursiva... Tampoco se trata de usar todos los recursos, usamos lo que consideramos más útil sobre todo si témenos muchos elementos y tenemos que declarar algún tipo de jerarquía.



                Formatos: hay dos categorías
Subdivisión de A0: es el más usado
Subdivisión del b0: está pensado para el mundo editorial, el b5 es el formato estrella para los libros
Subdivisiones de c0
               


·         Márgenes

Podemos encontrar textos más o menos ajuntados a los márgenes, esto depende de lo que se quiera o del presupuesto

·         Caja tipográfica
eEs el medio donde se trabaja.


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

4.       Retículas
Se relaciona con las columnas, la retículas es un sistema de distribución vertical y horizontal, los módulos son para combinar elementos entre sí.
El concepto de retícula es uno de los elementos más representativo del estilo suizo.
Cuando se usan retículas en InDesign puede usarse la siguiente acción: ajustar cuadricula base.









enlaces interesantes:

http://es.slideshare.net/lexviana/estructura-y-composicion-del-texto

https://www.fing.edu.uy/tecnoinf/maldonado/cursos/coe/material/clase3.pdf

https://gasparbecerra.files.wordpress.com/2008/11/maquetacion1.pdf

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



Tengo que decir que todas las imágenes utilizadas en mis apartados están seleccionadas en googles, con tan solo poner el nombre del titulo del apartado, te salen. Y los apartados están cogidos de apuntes del profesor mientras nos esta explicando.



8. B Diseño Decálogo de ortotipografía




8. A Post Teoría UD_8 Ortotipografía


En este apartado sobre ortotipografía me guion ha sido a partir del libro de Raquel Marín Álvarez (Ortotipografia para diseñadores), donde os explicare los apartados que me piden.
Para cualquier persona que esté interesada en la ortotipografía, es un libro muy útil y con contenidos muy interesantes y prácticos, para la hora de realizar nuestros proyectos.

 
8.1 Concepto de ortotipografía.

El concepto de ortotipografia, se debe al conjunto de usos inadecuados que se aplican en la escritura, debido a sus usos tipográficos de cada zona lingüística.


8.2 Uso correcto de los signos.

Para el uso correcto de los signos encontramos, signos de puntuación, de entonación, ortográficos y auxiliares, los cuales en algún momento nos pueden suponer una duda a la hora de entenderlos.  Existen diferentes signos de puntuación como:
-          Signos de entonación: estos signos se utilizan para indicar un estado emocional o una énfasis, que sería la interrogación (¿?) y la exclamación (¡!).

-          Las comillas: son un signo auxiliar de puntuación, en ocasiones sirven para encerrar citas textuales como la de un autor copia de otro. Existen también otros signos que se suele confundir con las comillas, se trata de los apóstrofos y las primas, pero estas cuales se suelen confundir por el uso de su forma, encontramos:

1.       Comillas latinas: también denominadas comillas bajas o francesas, tienen una pequeña forma angular en su centro.
2.       Comillas angulares: este tipo de comillas derivan de las latinas, en español no tienen ningún uso concreto.
3.       Comillas inglesas (““ ): también conocida como altas, son más redondas y pueden tener signos de apertura y cierre simétricos o inversos.
“en InDesing las encontramos en inserta carácter especial > Comillas > Comillas de apertura / Comillas de cierre.”
4.       Comillas sencillas: las comillas simples o sencillas pueden aparecer en combinación con otras comillas o signos independientes. Se emplean en combinación cuando las comillas deben encerrar algún argumento  de forma independiente, como por ejemplo: << Me dijo: “Que `morro´ tienes, ¿No? >>







-          Apóstrofos y primas: un apostrofo es un signo de puntuación en forma de comilla simple de cierre, la cual por lo general indica la elisión de una letra. No es recta sino curva, en español es difícil encontrarlas, antiguamente se utilizaba en la poesía y en algún uso de trabajos literarios.






La prima y la doble prima son signos muy parecidos a las comillas mecanográficas y al apostrofo. Se usan para indicar los minutos y segundos en las medidas angulares, y no deben ser sustituidas por el acento agudo.
Se suele representa como una comilla recta simple, pero con un poco de inclinación.




-          Puntos: sabemos que el punto es un signo de puntuación que nos genera de manera el final de una frase u oración. Además también tiene otras funciones como la de señalar la abreviación de una palabra. Existen diferentes signos de puntuación, como:

1.       Puntos suspensivos: los puntos suspensivos siempre se tienen que representar con tres, y se escriben detrás de la palabra sin espacio a la que la sigue.
Se suelen representar estos tres puntos más pequeños que los demás puntos normales.

2.       Puntos medios: este signo tiene varia funciones, como por ejemplo se puede utilizar para separar conceptos en sustitución al guion, y en otros casos como pasa en el español, más en la lengua catalana para la razón de un carácter de uso normal para indicar la consonantes en la escritura o lectura.




-          Signos horizontales: es la manera más rápida de señalar un inciso en un texto. Encontramos diferentes signos horizontales, como por ejemplo:
1.       El guion: se utiliza principalmente para la división de palabras por partición de línea, para unir palabras compuestas y también se suele utilizar para la separación de elementos que concurren en una misma línea.
2.       El menos: se utiliza principalmente para indicar los números negativos.
3.       El guion bajo: el guion bajo es un poco más largo que el guion medio, pero más corto que la raya. Su uso principal es bastante marginal y se limita solo al entorno informático, donde se utiliza para escribir páginas web o direcciones de correos.
4.       La raya: Se usa, principalmente, para indicar oraciones incidentales e indicar aperturas de parlamentos en diálogos.




-          Signo verticales: encontramos dos signos verticales que se confunden a menudo que sería la barra inclinada (/) y la barra vertical o plena (I).

1.       La barra vertical o plana: esta barra resulta muy útil a la hora de  que no podemos utilizar puntos y conviene establecer una separación mayor.

2.       Barra inclinada: este signo se utiliza para caracteres matemáticos, para indicar la expresión como 36 km/h o para representar una división 293/12. También se utiliza para las fechas, para expresar también distintos versos de una poesía o canción. O también para las cifras de los modelos industriales.








CUADRO GENERAL DE LOS DIFERENTES SIGNOS LINGÜÍSTICOS










8.3 Normas ortotipográficas.

viernes, 29 de enero de 2016

7.B  Diseño tipográfico

En este apartado tenemos que crear un alfabeto tipográfico completo a partir de un logotipo gráfico conocido, en mi caso, e elegido el logotipo de la compañía telefónica Movistar










UNIDAD: 7

INTRODUCCION AL DISEÑO TIPOGRAFICO.

 7.1. El proceso de diseño gráfico.

Todo proyecto comienza a su vez con un boceto,antes del la realizacion del boceto tenemos que tener en cuenta el motivo por el  cual vamos a crear una tipografia, entre estos motivos encontramos:



- Interés por aprendizaje y aumentar conocimientos en esta disciplina          

- O simplemente para completar un proyecto.
- O para darse a conocer o una inversión.




La siguiente fase seria la digitalización de ese boceto, se crearía con el pero original que es lo que se llamaría ‘’master’’. Puede ser digitalizado mediante un escaneado. El cual parte de la forma dibujada vectorialmente para el que se usa un programa tipo illustrator y después se exporta a un programa de diseño tipográfico














El tercer paso sería la producción, que consiste en crear los múltiples o todas las familias de esas fuentes como la negrita, cursiva…




En cuarto lugar encontramos la postproducción, en este caso sería el ‘espaciado’ entre caracteres, líneas… por eso los diseñadores ven siempre el hueco teniendo en cuenta la mancha. Nunca es fácil la creación del espaciado por que se basa mucho en la intuición, el espaciado entre letras se llama prosa y kerning.





La quinta fase sería la comercialización, venta y distribución incluyendo las posibles licencias, la comercialización puede ser vía rrss, revistas, fundiciones digitales..





 7.2. Fundamentos del diseño tipográfico


Definir las características de la familia tipográfica que se va a crear: entendiendo por características, el peso, el eje de modulación, el ancho, la altura de x, el contraste entre trazos, los remates.

Correcciones ópticas: aquí buscamos la coherencia formal, si sabemos que característica queremos tenemos que procurar repetirlas en todos los caracteres que la contengan.

Existen unas correcciones en concreto, en la E mayus para que parezca más equitativo donde colocar la barra horizontal del medio de la E se coloca ligeramente más arriba. El grosor del trazo horizontal es más estrecho que el vertical.



En el caso de la O no es redondo el trazo superior suele ser más estrecho que los laterales









Espaciado: encontramos a la prosa y al kerning se da entre cada carácter, numerales se entre números, espacios verticales se da entre líneas, y acoplamiento.






Los espaciados llevando acabo el acoplamiento de este modo se produce el fenómeno de un espacio comprimido y se da en letras que no son capaces de rellenar todo el espacio de x




















7.3. Programas tipográficos.

Todos parten de una ventana con todos los caracteres El formato estandr de las ediciones de tipografía es el formato Ufo

-FontForge

Es un software libre único para Linux debido a que hacen apología a Linux.





-FontLab

Es un software de propietario, es tanto para Windows como para mac, fue puntero en cuanto a tipografía





-Fontgrapher

Es un software de propietario





-Glyphs


Es un software solo para mac. Revolucionador en cuanto a diseño tipográfico, actualmente le hace mucha competencia a fontlamb





-Robofont

Es un software solo para mac, es un programa de postproducción de fuentes, es para crear la familia tipográfica al completo.







-Fontself


Es un prototipo de adobe.





-iFontMaker

Aplicación para Tablet táctil, eligen un carácter y te propone un dibujo pero tu puedes hacer lo que tu quieras, sirve para ver como se diseña en un software en la tipografía









7.4. Tipografia creativa.



-tipo creativa vs tipo edición.


-texto como imagen -> metáforas visuales

"la metáfora visual es un recurso que permite, de manera rápida y sencilla hacer comprensible una idea, por medio de una imagen estereotipada."







-Fuentes libres, decorativas y titulares.

en este apartado podeis ver mas informacion en otro apartado que ya comente actividad anterior. 





Enlaces interesantes: