Tema 5 (I). Reconocimiento de los

Tamaño: px

Comenzar la demostración a partir de la página:

Download "Tema 5 (I). Reconocimiento de los"

Ana María Zúñiga Herrera
hace 8 años
Vistas:

1 Sánchez González, M. (2014). Edición Digital. OCW-Universidad de Málaga. http: ocw.uma.es. Bajo licencia Creative Commons Attribution-NonComercial-ShareAlike 3.0 Spain Tema 5 (I). Reconocimiento de los elementos tipográficos y aplicación del color (Materiales de estudio) Prof. Dra. María Sánchez Imagen de Studio Cl Art. Fuente Edición digital (#ed1213) Licenciatura de Periodismo, Universidad de Málaga. Curso

Reconocimiento de los elementos tipográficos y aplicación del color (Materiales de estudio) Prof. Dra. María Sánchez m.

2 Servicios online para inspirarte sobre casos reales o creaciones de otros usuarios Periódicos (accesible desde biblioteca digital de UMA) Revistas / Conoces otras herramientas similares? Compártelas desde #ed1213 o #utilparaperiodistas

es/ (accesible desde biblioteca digital de UMA) Revistas http://issuu.com/ / http://beta.

3 Elementos tipográficos en portada e interior *Las portadas y páginas de las publicaciones han sido extraídas de Las portadas y páginas de las publicaciones han sido extraídas de MyNews, Zinio e Issuu, como ejemplos ilustrativos para el alumnado

4 Componentes principales de una maqueta - Cabecera - Ventana - Código de barras - Titulares y encabezados - Subtítulos - Entradillas - Cuerpo de texto - Letras capitulares - Ladillos - Firmas - Citas, entresacados y destacados (cajas, paneles, recuadros ) - Cabeceras de sección - Etiquetas o cintillos - Filetes y corondeles - Medianiles il - Columnas falsas - Iconos y logotipos - Imágenes y siluetas - Pies de autor - Ilustraciones e infografías - Créditos de ilustraciones - Cabezones - Módulos publicitarios -

recuadros ) - Cabeceras de sección - Etiquetas o cintillos - Filetes y corondeles - Medianiles il - Columnas falsas - Iconos y

5 Elementos tipográficos en portada En diarios

6 Elementos tipográficos en portada En suplementos

7 Elementos tipográficos en portada Y en revistas

8 Elementos tipográficos en portada Y en revistas

9 Elementos tipográficos en interiores

10 Elementos tipográficos en interiores

11 Formato y arquitectura de páginas Imagen de Studio Cl Art. Fuente

12 Formatos de diarios Sábana- 43,2 x 56 cm aprox. Berlinés- 31,5 x 47 cm aprox. Tabloide- 28 x 40 cm

13 Rediseños y nuevos formatos Formatos de diarios De sábana a tabloide De tabloide a sábana De tabloide a berlinés

14 Formatos de revistas Magazine- 25x35 cm Revistas- 20x28 cm Formato mini o pocket (A5, 17 X22 cm): las mismas páginas y contenidos, ahorro en papel (revistas femeninas como Glamour)

15 Formatos de revistas Revistas en pdf Nuevas herramientas para la publicación online de revistas digitales Revistas culturales en pdf: Issuu.com

16 Formatos en prensa Adaptación de formatos para IPad

17 Retículas más habituales en revistas y suplementos Frente a las 5-6 columnas de diarios, en revistas y suplementos la retícula básica suele ser de 3 y 4 columnas (ó 6 para construir páginas con texto a 1-2 columnas)

suplementos la retícula básica suele ser de 3 y 4

18 Arquitectura interna de páginas Cuántas columnas?

19 Arquitectura interna de páginas

20 Arquitectura interna de páginas El caso del rediseño por Javier Errea de La Tercera de Chile y sus suplementos (agosto de 2010) Fuente:

(agosto de 2010) Fuente: http://cuatrotipos.wordpress.

21 Arquitectura interna de páginas Diario: paso de 5 a 6 columnas

22 Arquitectura interna de páginas Suplementos: retícula básica de 4 columnas

23 Arquitectura interna de páginas Suplementos: retícula básica de 4 columnas

24 Arquitectura interna de páginas Suplementos: retícula básica de 4 columnas

26 Recursos adicionales Documentos de Diego Areso (jefe de diseño de diario Público) sobre: La retícula en revistas y suplementos: /di /d / ti cc La estructura de la página (también relacionado con retícula): /di /d / 04_s_estructura

27 Uso de la tipografía y del color

29 Fuente:

30 Fuente:

31 Fuente:

32 Repasando tipografías Qué familias tipográficas utilizan estas páginas?

33 Repasando tipografías

34 Repasando tipografías

35 Repasando tipografías

36 Repasando tipografías

37 Repasando tipografías

38 Repasando tipografías

39 Repasando tipografías

40 Repasando tipografías Uso del color - RGB o CMYK? -Blanco y negro/ duotono/ a todo color -Combinación de colores - Colores fijos?

41 La aplicación del color Imagen de Studio Cl Art. Fuente

42 Sistemas de color=valores numéricos de un archivo RGB CMYK rojo verde Cyan Magenta azul amarillo Blanco LUZ (ADITIVO) La ausencia de color es negro Negro (=key) TINTA (SUSTRACTIVO) La ausencia de color es blanco

43 Sistemas basados en la percepción humana del color HSB= describe tres rasgos fundamentales del color: -Tono (color reflejado o transmitido a través de un objeto=color) -Saturación (fuerza o pureza del color) -Brillo o (luminosidad u oscuridad relativa a del color, entre 0%, negro, y 100%, blanco) Lab= producido por la Commisssion Internationale d Eclairage (CIE). Escala de grises= representación de objetos mediante matices de negro..

44 Colores sustractivos: tintas planas vs cuatricromía Cuatricromías (1795, Colorito del alemán Jacob C.Le Blon) - Impresión mediante combinación de las cuatro tintas estándar de cuatricromía (CMYK). - Para trabajos que requieren tantos colores que, si se usaran tintas planas resultaría caro o poco práctico (ej. fotografías a color). Tintas planas (1963, Código Pantone) - Impresión mediante tintas t especiales previamente mezcladas que se usan en lugar, o además, de las tintas de cuatricromía y que se requiere su propia plancha de impresión en una imprenta. - Trabajos con pocos colores y donde es muy importante la precisión del color (ej. folletos corporativos).

45 Pantone Matching System (PANTONE Inc.) Sistema de definición cromática presentado por la empresa PANTONE ( en 1963.y usado por los profesionales del diseño para ofrecer fiabilidad y colores estables para el consumidor. A diferencia de los modelos CMYK y RGB suele denominarse color directo o especial. Se basa en una paleta de colores elaborada con tintas predeterminadas, la guía PANTONE: -Pequeñas tarjetas de cartón numeradas (muestras que permiten recrear el color de forma exacta). -Se distribuyen anualmente en distintos papeles (estucado, sin estucar y mate) para asegurar una visualización precisa del resultado impreso.

46 Colores aditivos (web): colores hexadecimales Sistema usado en diseño y programación web (nº binarios) Cada uno de los 216 colores seguros para la web tiene su equivalente hexadecimal Generador de muestras online: TABLA 1 TABLA 2 negro (ausencia total de color): ) 0x blanco (todos unidos): 0xFFFFFF.

47 El cubo de color de 6x6x6

48 En resumen: formas de seleccionar color La mayoría de programas de diseño, maquetación, edición de imágenes, etc. incorporan la posibilidad de trabajar con distintos sistemas de color

49 Repasando el significado del color en revistas Rosa, malva

50 Repasando el significado del color en revistas Verde

51 Repasando el significado del color en revistas Azul

52 Repasando el significado del color en revistas Rojo, naranja

53 Repasando el significado del color en revistas Gris, bn

54 Cómo usar y citar este material en caso de uso/reutilización *Materiales procedentes de asignatura Edición Digital, Licenciatura en Periodismo, Universidad de Málaga, curso , publicados en el OpenCourseWare de dicha Universidad (Convocatoria 2013) bajo licencia Creative Commons Attribution-NonComercial-ShareAlike 3.0 Spain *En caso de uso/reutlización, ió se ruega usar la siguiente i fórmula de citación, agregando el nombre que aparece en la portada de este documento. Sánchez González, M. (2014). Nombre del tema/contenido. En Edición Digital. OCW- Universidad de Málaga. http: ocw.uma.es. Bajo licencia Creative Commons Attribution- NonComercial-ShareAlike 3.0 Spain

Documentos relacionados

Modos y extensión de la imagen

Modos y extensión de la imagen MODOS DE LA IMAGEN MODO ESCALA DE GRISES El modo de color en las imágenes digitales, es la cantidad de colores que aparecen en una imagen, es decir, es la expresión de datos