Diseño Periodístico: Conceptos y Principios Básicos PDF

Tema 1. Definición y conceptos básicos del diseño periodístico. Métodos y modelos de diseño periodístico. Maquetación. ====================================================================================================================== Introducción al diseño periodístico -------------------------...

Tema 1. Definición y conceptos básicos del diseño periodístico. Métodos y modelos de diseño periodístico. Maquetación. ====================================================================================================================== Introducción al diseño periodístico ----------------------------------- - **Diseño**: "Arte de proyectar un producto para que cumpla su función del modo más adecuado y dentro de una estética acorde con su tiempo" (Ricard). - **Diseño gráfico**: Disciplina que se encarga de combinar texto e imágenes con el fin de transmitir un mensaje visual. - **Diseño periodístico**: Especialidad del diseño gráfico que nace de la necesidad de organizar los mensajes informativos que percibimos a través de la vista. Objetivos --------- 1. Comunicar la información de forma clara y precisa buscando la máxima legibilidad. 2. Comunicar con sentido la proporción, jerarquizando la información de acuerdo con su valor informativo. Por medio del diseño periodístico podemos resaltar o esconder las informaciones en la página. 3. Comunicar con un estilo reconocible y coherente, buscando la continuidad y el ritmo. Se trata de utilizar el diseño como un elemento de identificación entre el lector y el producto impreso en cuestión. 4. Comunicar utilizando medios rápidos, es decir, buscando la economía de medios, la precisión, eliminando todo lo que sea superfluo. Hay que huir del diseño por el diseño. El diseño periodístico no puede comenzar a existir sin las noticias y la actitud que se adopte ante ellas: sin algo que expresar a un público concreto. El diseño es parte del periodismo, no es decoración. Contenido y forma son dos aspectos de una misma personalidad periodística. Es fundamental la armonía, el equilibrio entre el contenido y su presentación. **Principios generales del diseño periodístico, según Rehe**: Organización -- Simplicidad -- Contraste -- Equilibrio - Unidad/armonía. ### Martínez-Fresneda (2007) 4 factores han influido sobre el concepto actual de diseño periodístico: 1. Las nuevas tecnologías. Ordenadores personales, programas de autoedición y diseño, etc. 2. Los medios de comunicación. Influencia de TV e Internet. + visualidad. 3. Los hábitos del lector. Mayor cuidado. 4. Las modas. Tipografías, aspecto, presentación de diarios... **PRETENSIÓN FINAL: asegurar la unidad y homogeneidad de la publicación gracias a la sistematización y permanencia de una serie de reglas en la confección del medio.** Principios básicos de diseño ---------------------------- A comienzos del s. XX, un grupo de psicólogos alemanes crea un movimiento llamado Gestalt (patrón o forma en alemán). Dan explicaciones sobre cómo agrupamos los estímulos. **El todo es mayor que la suma de las partes** El diseño gráfico, a partir de la Teoría de la Gestalt, tiene 7 principios básicos: ### Principio de Semejanza o Similitud Cuando en un diseño se puede percibir un conjunto equilibrado a partir de un patrón de figuras parecidas, el espectador lo va a percibir como una unidad. Para destacar un elemento, habría que romper el patrón. En este ejemplo, el conjunto de círculos se percibe como una forma única. Para romper el patrón y destacar un elemento habría que hacer un cambio, por ejemplo:  Este efecto se ve mucho en internet. Los diseñadores aplican este principio de manera habitual: los botones "Call to actions" siempre van a estar diferenciados del resto por su color o forma. Son los botones que nos piden que nos suscribamos, que hagamos una cuenta o que aceptemos unas condiciones. ### Principio de Continuidad El espectador tiende a seguir la continuidad de la figura por encima del color. En esta figura tendemos a seguir la línea recta o la curva sin dejarnos llevar por el cambio de color.  ### Principio de Cierre Al encontrarnos con una imagen sin cerrar, nuestro cerebro intentará cerrarla para generar una imagen completa. ### Principio de Proximidad Formas que se encuentran próximas entre sí se pueden percibir como un todo. Para que el efecto funcione, estas formas deben tener en común alguna de estas características: color, tamaño o forma.  También se usa este principio en el diseño de internet, como puede verse en el siguiente gráfico: ### Principio de Figura y Fondo Este efecto es muy conocido y es fácil encontrar juegos visuales basados en él. - El ojo tiende a ver un objeto separado de lo que le rodea porque el cerebro no es capaz de tratar un mismo objeto como forma y fondo a la vez. - Para el cerebro son dos cosas separadas la forma y el fondo, por eso o vemos la figura o vemos el fondo.  ### Principio de Simetría y Orden El cerebro buscará siempre visualizar los elementos como figuras ordenadas. - Si un objeto está compuesto por figuras ordenadas de forma simétrica se verán como parte del mismo grupo. - El desorden en la composición hace que el espectador se distraiga intentando ordenar el diseño en lugar de centrarse en el mensaje.  En estos ejemplos, los números 1 y 2 se ven como un grupo, aunque no tengan el mismo color o forma, mientras que el 3, aunque son la misma figura y el mismo color, no se ve como grupo. ### Principio de Dirección Común Cuando un grupo de objetos forma un patrón ordenado en la misma dirección se ven como parte de un grupo.  **Estos principios no son leyes que haya que seguir obligatoriamente. Son una serie de reglas que se usan en la composición en pintura, cine, fotografía, diseño y maquetación.** Composición ----------- En el contexto del diseño y la maquetación, se refiere a la organización y disposición visual de elementos como texto, imágenes, colores y espacios en una página o diseño. Se trata de crear una armonía y equilibrio entre estos elementos para lograr una presentación atractiva y efectiva. La composición se enfoca en aspectos como la estructura, el flujo visual, la jerarquía de información y el uso adecuado del espacio en el diseño. **Composición: la colocación en el espacio de los elementos de una forma equilibrada y armoniosa.** ### Guía de conceptos fundamentales para diseñar y componer en diseño gráfico 5. **Equilibrio** Clave para una composición visualmente armoniosa. Puedes lograrlo distribuyendo visualmente el peso de los elementos en la composición. Existen 3 tipos de equilibrio: - [Simétrico]: Los elementos se colocan de manera similar en ambos lados de un eje central. - [Asimétrico]: Los elementos se equilibran mediante su tamaño, color, valor o posición. - [Radial]: Los elementos se disponen en torno a un punto central. El balance de una composición puede ser simétrico o asimétrico. - [Balance simétrico]: se da cuando los elementos se disponen simétricamente a ambos lados de los ejes, horizontal o vertical. - [Balance asimétrico]: se da cuando los elementos no mantienen simetría por forma, pero sí por peso visual.  6. **Jerarquía y contraste** - La jerarquía visual es la forma en que organizamos y presentamos los elementos para guiar la atención del espectador. Utiliza diferentes tamaños, colores, fuentes o posiciones para destacar los elementos más importantes y establecer una estructura visual clara. - Contraste: se produce cuando elementos opuestos se colocan cerca uno del otro. Se puede utilizar el contraste en términos de color, tamaño, forma o estilo para enfatizar elementos, crear impacto visual y mejorar la legibilidad. 7. **Espacio negativo** El espacio negativo, o espacio en blanco, es el espacio vacío alrededor y entre los elementos de una composición. No subestimes su poder, ya que puede ayudar a equilibrar la composición, mejorar la legibilidad y resaltar elementos clave. 8. **Ritmo** Se refiere a la repetición y variación de elementos en una composición. Puedes crear ritmo mediante la repetición de formas, colores, texturas o patrones. Esto ayuda a unificar la composición y añade interés visual. El ritmo de una composición puede ser: - [Radial]: si los elementos se disponen de forma circular - [Lineal]: si la disposición de los elementos da una forma de continuidad. 9. **Tipografía** La elección y el uso adecuado de la tipografía son fundamentales en el diseño gráfico. - Considera la legibilidad, la coherencia con la temática y el mensaje, y la jerarquía visual al seleccionar fuentes. - Además, presta atención al espaciado, el interlineado y la alineación para mejorar la legibilidad y la estética tipográfica.  10. **Color** Desempeña un papel crucial en el diseño gráfico. - Comprender la teoría del color y cómo los colores interactúan entre sí te ayudará a crear composiciones equilibradas y atractivas. - Utiliza una paleta de colores coherente y considera el significado y la psicología del color en relación con el mensaje que deseas transmitir. Ej. Paletas de color. 11. **Escala y proporción** Se refieren al tamaño relativo de los elementos en una composición. Utiliza la escala para crear jerarquía y enfatizar elementos clave. Asegúrate de mantener una relación armónica entre los elementos para lograr una composición equilibrada y visualmente agradable. Hay 3 subcategorías: - [Tamaño]: elementos de diferentes tamaños relacionados entre sí. - [Proporción]: elementos relacionados unos con otros, en una proporción visualmente armónica. - [División]: elementos divididos en diferentes tamaños, creando todos ellos una unidad. 8. **Unidad y coherencia** Esta unidad se puede conseguir mediante la repetición de motivos, la sucesión o el uso de la proximidad. - Mantén la unidad y coherencia visual en tu diseño. - Utiliza elementos y estilos consistentes para crear una identidad visual sólida. - Evita mezclar demasiados estilos o elementos discordantes que puedan distraer o confundir al espectador.  9. **Experimentación y creatividad** Por último, no temas experimentar y ser creativo en tu diseño. El diseño gráfico es un campo en constante evolución, y la innovación surge de la experimentación. Prueba nuevas ideas, técnicas y enfoques para desarrollar tu propio estilo y destacar en tus proyectos. Página ------ Unidad básica de diseño de publicaciones y del diseño periodístico. Existen diferentes tipos de páginas: de periódicos, revistas, libros, catálogos, folletos, etc. Elementos a tener en cuenta en las páginas: - Tipografía. - Estructura o retícula. - Imágenes. - Color. ### Arquitectura de la página La arquitectura de la página, la retícula, con su formato, la caja, los márgenes, las columnas, los espacios en blanco... ayudan a organizar la información. Es el contenedor de los otros elementos (tipografía, imágenes...). Estructura o esqueleto de la página. Base del diseño y de la diagramación. Las páginas de libros, periódicos y revistas impresas, así como de publicaciones digitales, contienen y recogen los elementos básicos del diseño y los recursos de comunicación visual que, más allá de la estética, persiguen una comunicación eficaz. ### Retículas y guías Estos elementos son herramientas fundamentales que ayudan a lograr una composición visualmente equilibrada y coherente. **Retícula**: Es una estructura de líneas y columnas que te permite organizar y alinear los elementos en tu diseño. Proporciona una estructura visual y ayuda a mantener la coherencia y el equilibrio en tu diseño. Puedes utilizar retículas en diferentes medios, como diseño web, diseño editorial o diseño de interfaces. Es importante definir la retícula adecuada para tu proyecto, ya que, determina el número de columnas, el espaciado entre ellas y la altura de las filas. Ten en cuenta la naturaleza del contenido y la jerarquía visual que deseas establecer. Una retícula bien definida te ayudará a colocar y alinear elementos de manera coherente y eficiente. **Establecer guías**: las guías son líneas horizontales o verticales que te permiten alinear y posicionar elementos de forma precisa. Utiliza guías para definir márgenes, espacios entre elementos y alinear elementos clave en tu diseño. Las guías también te ayudarán a mantener la consistencia visual en diferentes páginas o secciones. **Columnas y espacios**: al utilizar una retícula, distribuye tus elementos a lo largo de las columnas y utiliza los espacios entre ellas de manera efectiva. Asegúrate de que los elementos clave, como titulares o imágenes destacadas, se coloquen en las columnas principales para lograr una jerarquía visual clara. Utiliza el espaciado entre columnas (medianil) para crear respiración visual y separar secciones de contenido. **Alineación**: la alineación es fundamental en el diseño y la maquetación. Utiliza las guías para alinear elementos de manera precisa, ya sea a lo largo de una línea vertical, horizontal o diagonal. La alineación ayuda a crear una apariencia ordenada y profesional en tu diseño. **Flexibilidad**: si bien es importante seguir una retícula y utilizar guías, también es crucial tener flexibilidad. No todas las páginas o diseños serán iguales, y es posible que debas ajustar la retícula o las guías según las necesidades específicas de cada proyecto. La retícula y las guías son herramientas, pero no deben limitar tu creatividad. **Experimentación**: juega con diferentes combinaciones de columnas, espacios y alineaciones para encontrar la estructura que mejor se adapte a tu diseño.  **Algo de historia\...** - Aunque existían retículas primitivas (líneas guía de la época de Gutenberg con Biblia de las 42 líneas), el sistema modular o de retícula actual es el resultado de un proceso evolutivo. - En las últimas 5 décadas el empleo de la retícula se ha ido generalizando, especialmente en el diseño y la edición de periódicos y revistas. La retícula en un periódico se puede dividir horizontal o verticalmente. - División vertical: encontramos las columnas. - División horizontal: estas columnas generan módulos. Por ejemplo: en el caso de una página dividida en cinco columnas, con diez divisiones horizontales se generan 50 módulos.  ### Diseño modular [Décadas atrás]. Fragmentación desordenada de la confección periodística.[Ahora]. Producto organizado y agradable de ver y leer. Ventajas del diseño modular: - Simplifica y agiliza la planificación de las páginas en premaquetas. - Facilita la tarea de planificar y redactar informaciones. Indica número de líneas disponibles. - Permite realizar un montaje de las páginas más ágil con el software de diseño de la publicación. - Dichos módulos pueden ser sustituidos fácilmente, si hay necesidad. - Prefigura y expresa visualmente la jerarquía que se quiere establecer de cada información y dirige el foco de atención hacia donde queramos. ### Planillo Todos los medios informativos usan planillos, guiones y escaletas para planificar el trabajo diario, es decir, hacer la previsión de los temas, publicidad y orden de los mismos. Los planillos se usan en la prensa escrita, mientras que las escaletas se usan en televisión y los guiones en radio. Algunos medios pueden dar otros nombres al planillo, como, por ejemplo, **planilla**, casado o **lanzado**. Además, cada medio tiene su forma particular de configurar el planillo. Un planillo básico debe llevar siempre: número de página, contenido básico y publicidad fija. Adicionalmente, los medios usan un planillo avanzado o maquetilla que incluye una representación gráfica de cada página con más información que el documento básico. **Manfredi** define el planillo como "una representación escrita, fácil de leer y comprender, con la lista de asuntos de interés, su situación y valoración en el conjunto del producto informativo." Incluye los compromisos publicitarios adquiridos con los anunciantes, que garantizan la rentabilidad económica del periódico. **Importancia de la publicidad vs noticias** - Los periódicos tienen anuncios generales en las páginas normales, anuncios clasificados y espacios fijos en primera y última que tienen precios especiales. - La publicidad general se organiza en módulos. Por ejemplo, una página se suele estructurar en cinco columnas y cada columna contiene 10 módulos, de manera que una página tiene 50 módulos en total (5x10). - En función de los módulos ocupados se dan diferentes nombres a los formatos publicitarios.Cada formato tiene un precio que varía en función de si es página par o impar (las impares son más caras) y del día de la semana en que se publica el anuncio. [Formatos publicitarios] - **Media página**: como su nombre indica, tiene cinco módulos por cinco. - **Robapáginas**: Uno de los formatos más usados en los periódicos. El objetivo es ocupar casi todo el espacio útil de la página, pero permite que se publique información en la misma página. - **Faldón**: Se sitúa en la parte inferior de la página y ocupa el ancho completo de la misma y una altura que puede oscilar entre un módulo y tres. - **Página completa**: Ocupa la página completa, es decir, los 50 módulos disponibles. Es una publicidad muy visible, pero también es muy fácil pasar la página sin leer el anuncio. Los **anuncios clasificados** tienen una estructura de columnas diferente, por lo que se generan más módulos y sus precios son diferentes al de la publicidad general. Los espacios fijos de **portada** y **contraportada** son caros y muy efectivos, ya que los pueden ver no sólo los lectores, sino también cualquier persona que pase por el punto de venta. **Encartes y promociones**. El encarte es una publicidad impresa de manera independiente que se añade al periódico después de impreso. Las promociones se realizan para aumentar la fidelidad de los lectores y ofrecen regalos o producto a bajo precio.  Conceptos básicos de la producción de un periódico -------------------------------------------------- ### Márgenes recomendables Un margen es el área entre el contenido principal de una página y los bordes de ésta. Ayuda a definir dónde comienza y termina una línea de texto. Los márgenes recomendables para cualquier formato son superiores a 19 mm. Excepto los márgenes superiores, donde habitualmente se sitúa el foliado de la página, se ha de intentar superar los 19 mm en todos los márgenes. Es importante destacar que los dedos no pueden tapar el texto. Los márgenes demasiado pequeños dan sensación de saturación y suelen molestar al lector, que no sabe dónde colocarlos. ### Interlineado Es el espacio existente entre las diversas líneas de un texto. Se trata, por lo tanto, del espaciado vertical que separa a las palabras que se escriben en los distintos renglones. Constituye un 10% de un texto, y para conseguir el interlineado perfecto ha de observarse que ascendientes y descendientes no lleguen a tocarse, tal y como se observa en esta imagen.  ### Tipos de lectores El tiempo es un factor que influye en gran medida a la hora de realizar la lectura de un periódico. De este modo, se pueden diferenciar tres tipos de lectores: - [Lector tradicional]: Aquel que lee el periódico de forma placentera y relajada. - [Lector escáner]: Aquel que sólo lee los titulares, visualiza las imágenes y repasa los sumarios. - [Lector supersónico]: Aquel que dispone de muy poco tiempo para realizar la lectura del periódico y, por consiguiente, sólo se dedica a pasar las páginas del periódico. ### Diagrama de Gutenberg Divide el medio expositivo en cuatro cuadrantes diferentes. Los cuadrantes son los siguientes: 1. Área Óptica Primaria (AOP). Parte superior izquierda. 2. Área Neutra Fuerte (ANF). Extremo superior derecho. 3. Área Neutra Débil (AND). Parte inferior izquierda. 4. Área Terminal (AE). Parte inferior derecha. Los lectores del mundo occidental comienzan por la zona primaria y van descendiendo por una serie de barridos hasta la zona terminal. Cada pasada de éstas sigue un eje de orientación horizontal de izquierda a derecha. Las Áreas Neutras Débiles (de lectura secundaria) están fuera de ese eje y reciben una atención mínima, a menos que se realcen visualmente. La tendencia a seguir ese eje se atribuye a la gravedad de la lectura (hábito de leer de izquierda a derecha y de arriba a abajo). Los diseños que siguen el diagrama actúan en armonía con la gravedad de la lectura y devuelven a los lectores un eje lógico de orientación, mejorando el ritmo y compensación de la misma. Se deben colocar los elementos más importantes (titulares) en la parte superior izquierda, en el centro la imagen y en la parte inferior la información secundaria. La familiaridad con la información y con el medio influye en el movimiento de los ojos. El diagrama de Gutenberg ayuda en la distribución y composición cuando los elementos están distribuidos de manera uniforme y homogénea o si el diseño contiene mucho texto.Si no es así, lo mejor es utilizar el peso y composición de los elementos para dirigir la vista. ### Centro de impacto visual (CIV) El Centro de Impacto Visual es aquella parte de la página que llama la atención del espectador de inmediato. Tiene que generar el interés suficiente para que el lector fije su vista ahí en primer lugar. Suele ser una fotografía o un titular grande. Debe verse apoyado por otros elementos (focos ópticos) que serán visualizados a partir de él. Todas las páginas tienen Centro de Impacto Visual, pero sólo hay uno en cada página. En la mayoría de los casos, el Centro de Impacto Visual se corresponde con una fotografía que debe ocupar las cuatro secciones de una cruz imaginaria que divide la página. Lo cual no quiere decir que la foto deba estar en el centro exacto de la composición.  En la página, se presenta el impacto visual lo ocupa la fotografía y la infografía, además del destacado. Producción periodística ----------------------- Proceso de gestión editorial (Redacción = Periodismo) Proceso de impresión. 2 fases: - [Preimpresión]: Preparación del producto gráfico hasta alcanzar la impresión. - [Impresión]. ### Redacción automatizada  Proceso de redacción totalmente automatizado en casi todos los medios. - Sector informativo: adaptación a nuevos tiempos y aplicación de NNTT e IA a los métodos tradicionales de redacción de noticias. - Automatización: proceso algorítmico que convierte datos en textos informativos con poca o ninguna intervención humana, además de la programación inicial. PERIODISMO ARTIFICIAL / PERIODISMO AUTOMATIZADO / PERIODISMO ALGORÍTMICO / PERIODISMO ROBOT Revolución tecnológicaDescentralización de las redaccionesInteligencia artificial ### Cibernetización de los medios impresos Cibernetización de medios digitales con el paso de los años... - Compugrafía (imagen digital). - Primeras VDTs (visual display terminals). - PC. - Macintosh. - Adobe PageMaker. - QuarkXPress. - Primeros periódicos cibernéticos o digitales\... ### Redacción cibernética **Tecnología cibernética / digital** - Sustitución de equipamientos técnicos por otros de mayores prestaciones. - Descentralización de redacciones (ya no necesitan estar unidas físicamente entre sí y con los talleres de impresión). - Aparición de imprentas satélites (imprenta principal y otras empresas satélites, repartidas por el país pero relacionadas entre sí). Permiten la edición simultánea de los diarios en distintos puntos geográficos. - Mejora de contenidos redaccionales, diseño gráfico y tratamiento fotográfico. - Simplificación de las tareas redaccionales. - Aparición de bases de datos. - Aparición de ediciones web. ### Proceso de producción periodística **Cómo se hace un periódico en la actualidad** La **gestión editorial.** Esta parte del proceso consiste en la edición y redacción de todos los textos que se van a publicar en un periódico. Está constituida por: - Búsqueda de información. La información es recibida en la gestión editorial a través de fuentes propias, agencias de noticias o gabinetes de prensa. - Elaboración de noticias. Cuando el equipo de redacción tiene toda la información necesaria sobre un hecho, empieza el desarrollo del mismo (escritura), cuidando expresión y redacción. - Tratamiento gráfico. Además del texto, se pueden insertar imágenes, gráficos, dibujos, etc., para completar, ilustrar o representar la información sobre la pieza periodística. - Publicidad. Un elemento de suma importancia para un diario, pues es una financiación importante del mismo. Inserciones publicitarias. - Diagramación (maquetación). Consiste en dar forma estética a la información, ilustración y publicidad antes de pasar al proceso de impresión. La **impresión**. Antes de imprimir se encuentra la preimpresión (parte del proceso de producción de una publicación, posterior al diseño y anterior a la impresión). En esta fase se producen los positivos, negativos y las láminas litográficas. - Permite enviar cualquier diseño en las mejores condiciones para ser impreso en offset. ### Un día en la redacción de un periódico **CIERRE** - Con la excepción de los digitales, todos los medios tienen un horario de cierre en función de las necesidades de la impresión, la distribución, el montaje de vídeo, etc. para estar puntualmente en el quiosco o estar a tiempo para la emisión del programa. - Medios impresos: horario de cierre implica la imposibilidad de hacer ningún tipo de cambio (añadir/quitar noticias o cualquier modificación) en las páginas maquetadas, pues retrasaría el proceso de impresión y el periódico llegaría tarde al punto de venta. - Todos los horarios del periódico están condicionados por la hora en que llegan los ejemplares a los puntos de venta. - Cada proceso necesita un tiempo: para la distribución, para la impresión, para la producción de las noticias, para el diseño y maquetación, etc. - Conocer y ajustar perfectamente estos tiempos es imprescindible para que todo vaya bien en la producción de un medio impreso. Distribución y consumerización de la información ------------------------------------------------ Cuando termina el proceso de producción de un medio comienza el de distribución: la entrega del producto periodístico al destinatario. Según Manfredi: *"El conjunto de acciones que conforman la distribución se orientan a hacer posible que el medio y sus mensajes lleguen físicamente hasta el consumidor. Otra cosa es la difusión, que es la situación verificada del grado de propagación y consumo de los medios. La distribución tiene que ver con el soporte (impreso o en forma de señal radioeléctrica) y la difusión con el contenido"* El proceso de distribución está formado por todos aquellos procesos que conducen el periódico desde que se imprime hasta que llega al lector, que es quien lo consume. Los anunciantes necesitan saber a quién llega el producto antes de decidir invertir en uno o en otro medio. Control de difusión = base de la inversión publicitaria. - Debe estar en manos de organismos independientes. - Precio de la publicidad de un medio depende en gran medida de su difusión. ### Canales de distribución Conjunto de intermediarios que se encargan de que el periódico recorra el camino desde la imprenta (taller) al consumidor. Depende de si son periódicos de venta o gratuitos. - [Periódicos de venta]. Los canales de distribución, son, aproximadamente: Kioscos o tiendas de periódicos (71%). Librerías (19%). Hipermercados y supermercados (9%). Otros canales (1%). - [Periódicos gratuitos]. Cuentan con canales de distribución 100% gratuitos: calle, acceso a transporte público, etc. ### Información escrita en la prensa informativa [Receptividad del mensaje]. Abarca la comprensibilidad psíquica del lector en cuanto al contenido (permeabilidad del texto en su lectura) y al continente (impacto visual del diseño informativo).Se da en la información escrita impresa y cibernética. [Persuasión informativa]. Cada medio tiene su propia ideología, a pesar de intentar informar de forma objetiva. Maquetación ----------- - **Maquetar**: Consiste en realizar un modelo previo de un texto, libro, web o cualquier diseño que va a ser publicado. Según Ambrose: *"La maquetación es la disposición de los elementos del diseño en relación con el espacio de que se dispone, siguiendo un esquema estético global. También podría denominarse gestión de formas y espacios"* - **Pauta**: Documento que define las características de una publicación impresa (tipografía, títulos de capítulos, número de líneas por página, índice, posición de ilustraciones, etc.). No suele incluir diagramas. Se usa habitualmente para obras extensas y de estructura homogénea.  Para Martínez de Sousa (2005), la maqueta es un diagrama que sirve de base para la compaginación de obras impresas. Compaginación ------------- Consiste en armonizar las diferentes páginas que componen una publicación, tanto desde un punto de vista de forma como de contenido. **Antes** de los programas informáticos de autoedición, la compaginación se realizaba con la galerada (primera prueba de composición que se imprimía en los sistemas tradicionales para ajustar medidas y corregir posibles fallos). En la **actualidad**, los programas de autoedición han mejorado las técnicas de compaginación y han facilitado el proceso de maquetación, mejorando la calidad del trabajo y los resultados. No obstante, existen fallos habituales que no detectan los programas de autoedición: - Dos o más palabras iguales al principio o al final de líneas seguidas. - Mismo signo ortográfico al inicio o al final en líneas consecutivas. - Separación de palabras inaceptable mediante guiones. - Espacios en blanco irregulares. Según Martínez de Sousa: *"La compaginación es la ordenación y valoración de todos los elementos gráficos que conforman la información, dispuestos por un orden valorativo y con un grado de estética suficiente que haga grato al lector el continente y localizable el contenido en el orden y la forma que lo espera"* Según Alcázar Jiménez: *"La compaginación es tarea muy relevante en la preparación de un libro, pues consiste en componer las páginas de la obra tomando el material, añadiendo detalles, etc."* Existen una serie de normas que el redactor debe respetar al crear los contenidos de un texto: Conseguir que los renglones de un mismo párrafo queden juntos en la misma página o en la misma columna. Evitar las líneas huérfanas y las líneas viudas: - [Línea huérfana]. "Línea primera de un párrafo que queda sola al final de una página o de una columna" (RAE). - [Línea viuda]. "Línea última de un párrafo que queda sola al principio de una nueva página o de una nueva columna" (RAE). Para solventar estos desajustes, hay que recorrer o ganar líneas de texto: - [Recorrer texto]. Pasar letras o palabras de una línea a la siguiente. - [Ganar texto]. Pasar letras o palabras a la línea anterior. Cualquier modificación de un texto tiene repercusiones sobre él, por ejemplo al cambiar una palabra por otra aporta connotaciones distintas a una frase. Las modificaciones en espacios (interlineados y entre párrafos) repercuten sobre la forma del conjunto. **Es conveniente que exista una persona que sea coordinador y supervisor de todas las correcciones que se apliquen a un texto, página o unidad.**  Autoedición ----------- La autoedición, publicación de escritorio o *self-publishing*, consiste en sistemas informáticos de tratamiento gráfico que combinan un ordenador + un programa de maquetación de páginas + una impresora y un instrumento de encuadernación para crear documentos. Con la llegada de la informática revolución en el proceso tradicional de maquetación: - Se deslocaliza el lugar de diseño y edición. - Se produce la ruptura del carácter artesanal del trabajo en el taller. - El proceso informatizado se populariza. - Las herramientas del taller se sustituyen por las funciones de los programas informáticos. - El proceso de impresión se acelera. - Se agiliza la modificación o la corrección de fallos en la composición. **Desarrollo del mundo de la maquetación en las últimas décadas gracias a la expansión y el éxito de la informática**. Según Castro Tirado, 1985 es el epicentro de esta revolución, al coincidir 4 hechos: 1. El ordenador personal Macintosh, de Apple. 2. La impresora LaserWriter, de Apple. 3. El lenguaje PostScript, usado en impresoras y como formato de archivos gráficos. 4. La aparición de la primera versión de PageMaker, de Aldus Corporation. En los años siguientes aparecen nuevos programas informáticos de autoedición con un software similar a PageMaker para otros equipos informáticos. En los 90, la mayoría de las publicaciones periódicas funcionaban exclusivamente con programas informáticos de autoedición. Paul Brainerd (Aldus Corporation). Según Ferré Pavia, la autoedición aplicada a la redacción periodística presenta dos vertientes diferentes: 1. Cambio vivido en las redacciones, con la descentralización de los procesos de composición de textos. Ahora el redactor tiene más responsabilidad sobre sus producciones: escriben, editan y se encargan de la revisión y la corrección de sus textos sobre las pruebas impresas. 2. La posibilidad de llevar a cabo productos impresos de calidad semiprofesional de que puede disfrutar toda persona que cuente con los recursos (tecnológicos) necesarios. Los elementos utilizados en autoedición se pueden agrupar en 3 bloques según su contenido:  **Blanco**: El empleo armonizado de los espacios en blanco es un rasgo de distinción en el diseño y en la composición. Es un elemento fundamental para organizar contenidos, establecer jerarquías y facilitar la comprensión mejorando la legibilidad. Diversificación de las aplicaciones de la redacción periodística en 3 direcciones principales, gracias a la irrupción de las nuevas tecnologías: - [Publicaciones impresas]: Revistas, diarios y otras publicaciones destinadas a ser imprimidas en papel y ser consumidas de forma material. - [Sitios web]: Empresas informativas que ofrecen contenidos informativos creados exclusivamente para Internet. - [Blogs]: Publicación web que incluye contenidos de interés para su autor, actualizados con frecuencia. **Blog / bitácora**: Sitio web que incluye, a modo de diario personal de su autor o autores, contenidos de su interés, actualizados con frecuencia y a menudo comentados por los lectores. Tuvo un gran auge hace unos años, por su accesibilidad, simplicidad y versatilidad. Además, es fácil de crear y de mantener, fomentando la aparición de autores independientes. El primer weblog fue What's new in '92, publicado por Tim Berners-Lee en enero de 1992. **Un blog y una página web comparten características comunes, pero se estructuran de un modo diferente y no cumplen las mismas funciones.** ### Blog - Estructura más sencilla que un sitio web. - La tipografía tiene menos importancia. - La principal norma jerárquica es el orden cronológico de la publicación. - Las entradas más recientes se destacan y se muestran al usuario en primer lugar. - Maquetación rígida, porque suele publicarse desde una plataforma que ofrece unos parámetros tipográficos ya predefinidos. - No hay un límite de caracteres dentro de un artículo. Programas de diseño y maquetación --------------------------------- Existen cuatro categorías de programas relacionadas con el tratamiento de elementos que se usan en el diseño y la maquetación. - Autoedición. - Retoque fotográfico. - Revelado digital. - Ilustración vectorial. ### Programas de autoedición Permite la redacción, edición, diagramación o maquetación, composición, tratamiento a color y montaje de la publicación (periódico, revista, libro, etc.), así como dejarlo dispuesto para su impresión y reproducción. **Procesadores de texto** (Microsoft Word y Pages), con muchas opciones de maquetación. - Cumplen necesidades básicas de tareas administrativas. - Sencillez de manejo y de su interfaz. - No son recomendables para publicaciones complejas (libros, periódicos, etc.). **Programas de autoedición:** se encargan de facilitar el diseño y la maquetación de todo tipo de publicaciones (libros, revistas y periódicos. Algunos de estos programas se centran en el diseño y la maquetación (InDesign, QuarkXpress, etc.), aunque la mayoría de los medios impresos usan soluciones completas. Para Manfredi, los aspectos más importantes para elegir un programa de autoedición son: - [Interfaz]: velocidad, precisión y libertad de movimiento. - [Funciones de maquetación]: páginas maestras y versatilidad de cajas de texto. - [Creación y gestión de documentos]: tablas de contenido, referencias cruzadas, etc. - [Tipografía]: variedad de fuentes y precisión en grados de rotación, ampliación y reducción. - [Compatibilidad]: capacidad de exportar archivos y envíos a imprenta. - [Retoque de imagen y edición de color]: funciones propias y posibilidad de interconexión con programas especializados. Para la edición profesional de publicaciones complejas (libros, revistas, periódicos, guías, catálogos, etc.), se usan programas específicos para el tratamiento de textos, diseño, composición y montaje final de páginas. **Producción asistida por ordenador (PAO).** Algunos programas de autoedición: - PageMaker (1985). Creado por Aldus Corporation. En la actualidad pertenece a Adobe Systems. - Ventura Publisher (1986). Creado por Ventura Software. En la actualidad es propiedad de Corel, y es conocido como Corel Ventura. - QuarkXPress (1987). Producido por QuarkXPress. - InDesign (1999). Creado por Adobe Systems. Adobe sacó al mercado en 2017 una aplicación de diseño, maquetación y prototipado de páginas web y aplicaciones móviles, llamada Adobe XD. Estaba basada en Sketch, una aplicación muy conocida entre los diseñadores de páginas webs, pero que sólo estaba disponible para Macintosh y que no incluía funciones de prototipado. En 2016 ya estaba disponible la primera versión de Figma, una aplicación en línea que también aspiraba a desbancar a Sketch como estándar de la maquetación para medios digitales. La principal ventaja de Figma con respecto a XD es que es una aplicación en línea que se puede ejecutar desde cualquier ordenador conectado a Internet. Por lo demás, tanto Sketch como XD oFigma son muy parecidas en su funcionamiento. Figma tiene una gran comunidad de usuarios que ayudan a los recién llegados. Además, el uso individual para la creación de un proyecto es completamente gratuito. **El 16 de septiembre de 2022, Adobe anunció la compra de Figma por 20.000 millones de dólares.** Diseño en internet ------------------ 7. etapas en la evolución de las páginas web 1. Diseño lineal (1991-1995): En su origen, las páginas y los sitios web eran documentos únicos, con fondo gris y texto en su mayor parte. 2. El color (1995-1997): aparecen etiquetas nuevas como el blink o marquee. La primera hacía que el texto afectado parpadeara, mientras que la segunda hacía que el texto se moviera horizontalmente. El primer periódico que se ofrece en la Web es Avui, seguido por el periódico de Catalunya y la Vanguardia. El 4 de mayo de 1996 es una fecha fundamental en la historia del periodismo electrónico español, se pone en el aire la edición digital de El País, el primer periódico de tirada nacional que apuesta por Internet. 3. El concepto (1997-1998): se publica Creating Killer Web Sites, de David Siegel. La web se convierte en un formato creativo frente a los viejos documentos del pasado. 4. Flash, portales y blogs (1999-2003): aplicación informática desarrollada por Macromedia en el 97, que permite la creación de gráficos animados y textos que pueden ser reproducidos fácilmente en un navegador web. 5. Google y la Web (2004-2009): Tim O'Reilly define el concepto de Web 2.0. Se pierde creatividad y se gana en funcionalidad. 6. Diseño en movilidad (2010-hoy): no hay un tamaño estándar de pantalla. Diseño adaptativo 7. La Web en todas partes: IoT (2017-hoy): la automatización de objetos. ¿Cómo se organiza un medio digital? ----------------------------------- ### Páginas estáticas vs páginas dinámicas - Las páginas creadas manualmente en HTML son páginas **estáticas**. - Cuando creamos las páginas usando un formulario y se separa el continente y el contenido hablamos de páginas **dinámicas**. Se puede escribir HTML con un simple editor de texto, pero para hacer páginas dinámicas hace falta un Gestor de Contenidos.  ### Gestores de contenido Un gestor de contenido es una aplicación, generalmente alojada en Internet, que permite la creación y mantenimiento de páginas webs estructuradas de manera jerárquica y categorizada. Los contenidos se guardan en una base de datos al completar un formulario. La aplicación permite gestionar también multimedia, usuarios, comentarios, secciones, canales y otros elementos necesarios para la navegación y consulta de la web. [Tres tipos de CMS]: 1. **Gratuitos u open source**: Por ejemplo, Wordpress, Joomla, Moodle, Drupal, Magento, Django. 2. **Comerciales:** Por ejemplo, ARC de Amazon (Washington Post) u OpenText (antiguo Vignette). Suelen ser sistemas caros, pero tienen detrás una empresa que da soporte al producto y realiza una adaptación de diseño y funcionalidades para uso. 3. **A medida**: Son soluciones que se hacen a medida para cada medio. El desarrollo puede partir de la propia empresa que lo va a usar o se puede contratar a una empresa especializada en programar sistemas de gestión de contenidos. ### Diseño web responsive - Reestructura todos los elementos de la web para optimizar todo el espacio y asegurar una buena experiencia de usuario, un excelente aspecto visual y la funcionalidad. - Sólo necesita un único diseño que se adapta según la pantalla. - Utiliza tamaños proporcionales, en lugar de valores fijos en píxeles. Establece medidas de tipografías, imágenes y columnas en porcentajes. - Puede requerir mayor tiempo de carga. ### Diseño web adaptativo - Utiliza tamaños de pantalla fijos y preestablecidos para cada uno de los dispositivos. - Diferentes diseños de forma independiente, en los que podemos variar lo que mostramos, aumentando la calidad de la experiencia de navegación del usuario. - Utiliza valores fijos en píxeles. - No es tan flexible como el responsive y no se ajusta exactamente a cualquier resolución. - Menor tiempo de carga. El dispositivo recibe sólo lo necesario para su visualización. Maquetación de un medio digital ------------------------------- ### Sitio web - Maquetación más dinámica que las publicaciones impresas. - Empleo de módulos que se distribuyen en páginas web. Uso de imágenes. - Sin límites de extensión para el texto de la información. Es recomendable usar frases breves y párrafos cortos, pues la atención de un usuario de Internet suele ser más inestable y cambiante que la de un lector de una publicación impresa. - Las tipografías utilizadas son más estandarizadas. Los programas y plataformas informáticas predefinen los formatos tipográficos para cada tipo de contenido. - En Internet, a la hora de jerarquizar contenidos, los más importantes se localizan siempre en la parte superior. - En cuanto a la organización, un sitio web mantiene una barra lateral o superior que pone a disposición del usuario un índice permanente con enlaces hacia otros contenidos y secciones. Publicidad en internet ---------------------- ### Publicidad online [Ventajas]: - Publicidad segmentada. - Coste reducido. - Publicidad inmediata. - Publicidad flexible. - Publicidad medible. [Inconvenientes]: - Dificultad de encontrar los anuncios en la red, salvo que estén bien señalizados o ubicados. [Tipos de formatos]: - Integrados (usan una posición fija en la web). - Flotantes (no tienen una posición fija en la web, llaman más la atención y son más molestos). Todos ofrecen un enlace con la página web del producto o marca anunciada y tienen como objetivo que el usuario pinche en él e interactúe con la página viendo un vídeo, consultando la información disponible, registrándose o realizando una compra. ### Formatos integrados [Banner]: Es el formato más estándar en publicidad en Internet. Su tamaño más genérico es de 468x60 píxeles. Su formato ha ido evolucionando en tamaño y, actualmente, existen otros formatos como el superbanner (728x80 píxeles) o el minibanner (234x60 píxeles).  [Rascacielo] (skyscraper): Es un tipo de anuncio largo y vertical situado normalmente en los laterales de las páginas webs. Sus medidas son de 120x600 y 160x600 píxeles. [Robapáginas]: Es un espacio con formato de cuadrado, ubicado habitualmente en los laterales de la web, con unas medidas de 200x200 píxeles, 250x300 píxeles, 400x400 píxeles o 600x600 píxeles.  [Botón]: Es similar a un banner, pero de tamaño más pequeño (80x80 y 90x90 píxeles). Formato prácticamente en desuso. ### Formatos flotantes [Pop-up o ventana flotante]: Es una ventana que aparece repentinamente en la página web, mientras que el usuario espera que se cargue una página. El usuario se ve obligado a cerrarlo. Es un formato intrusivo. [Pop-under]: Es una ventana que se abre por detrás del navegador, mientras el usuario espera que se cargue la página. [Microsite]: Es un anuncio amplio que aparece ofreciendo información sobre una empresa o producto. [Layer]: Capa flotante sobre la pantalla. Aparece en cualquier lugar de la página web y se despega por encima del contenido, captando la atención del anunciante. Es muy impactante aunque también invasiva y cuesta trabajo cerrarla. Formato de 400x400 píxeles.  [Interstitial]: Es aquella que ocupa toda la pantalla del ordenador y que se sobrepone al contenido de la web. Resulta muy invasiva y es casi imposible escapar de su contenido. Medida estándar de 800x600 píxeles. Tema 2. Aspectos formales de la noticia periodística. El texto y las características tipográficas. ================================================================================================== Situación de los medios ----------------------- Los medios impresos (periódicos y revistas) viven una crisis mundial de modelo de negocio y de formato que es anterior a la aparición y comercialización de la World Wide Web (WWW) a mediados de los años 90 del siglo XX. La popularización de la radio, la televisión y ahora los medios digitales ha ido minando el formato y cada vez es más extraño ver a alguien comprando o leyendo un periódico. Sin embargo, resulta importante como paradigma de la producción periodística, escuela de periodismo y origen de la profesión. Papel y tamaño --------------  - En la actualidad el papel se fabrica con las fibras de celulosa que hay en la madera. Estas se mezclan con agua en un recipiente llamado "pulper". - Posteriormente, la mezcla pasará a la máquina papelera, donde se coloca sobre una larga banda conducida por rodillos. - A continuación, se va retirando el agua mediante varios procedimientos (gravedad, vacío, etc.). Finalmente se obtiene una gran hoja de papel, la cual se enrolla formando una bobina. El papel lo podemos encontrar en muchos tipos diferentes de formatos. Es posible clasificarlo según sus distintas características, como son: - [El gramaje]: hace referencia al grosor del papel, que mientras más grueso sea, más gramos por metro cuadrado tiene. Los más comunes se sitúan entre 50 y 90 g/m², y entre 100 y 320 g/m². - [El acabado]: el paquete puede presentar distintos tipos de acabado (liso, corrugado, satinado\...). - [El color]: aunque el más habitual es el blanco, también se ofertan otros colores de papel. La unidad de medida fundamental es la **resma** que tiene 500 hojas o 20 manos de papel. Una medida superior, menos usada, se denomina bala (5.000 hojas). Luego vienen las siguientes medidas: - Media resma (250 hojas). - Cuarta (125 hojas). - Quinta (100 hojas). - Mano (25 hojas). - Dedo (5 hojas). - Pliego (1 hoja).  El folio, la cuartilla o la holandesa son nombres de tamaño que van quedando en desuso. **El folio español original medía 215x315mm**. - La cuartilla era la mitad del folio. - Media cuartilla se llama octavilla. - La holandesa era más ancha y corta que un folio (220x280mm). ### Tamaños de papel y periódicos Los periódicos usan un papel especial llamado papel prensa con un gramaje de entre 40-50gr. y ligeramente coloreado. El papel que se usa para imprimir con gramajes inferiores a los 50gr. se llama papel biblia. ### El periódico según su tamaño El tamaño en que se imprimen los periódicos también tiene su propio nombre. [Tabloide o compacto] (280x430mm): Es el formato más popular en la actualidad. Un tamaño muy próximo a un A3 (ABC, Sur, La Razón). [Sábana o "broad sheet"] (600x750mm): Formato de prestigio, de origen inglés. [Berlinés, berliner o Midi] (315x470mm): Se usa mucho en toda Europa, ventajas en la maquetación y diseño. Las partes de una noticia ------------------------- Según Armentia Vizuete y Caminos Marcet hay 7 elementos básicos: 1. Titular: condensa en pocas palabras el hecho principal de una información y, además, pretende llamar la atención del lector hacia lo que se quiere destacar 2. Primer párrafo de la información: arranque de la información, donde deben encontrarse siempre los elementos más importantes de la noticia. 3. Entradilla: resumir el contenido de una información larga. No forma parte del cuerpo de la información. 4. Cuello de la información: apoyo al primer párrafo. Consiste en redactar uno o dos párrafos, que van tras el arranque. 5. Cuerpo: parte de la noticia que explica los detalles, normalmente en varios párrafos. 6. Párrafos de contexto: párrafos de antecedentes 7. Recuadro de apoyo: para informaciones complejas, que precisan textos más pequeños.  La información jerarquizada --------------------------- Un periódico es un cuadernillo compuesto por varias páginas de tamaño definido, y cuyo número es siempre múltiplo de cuatro. En teoría, el periódico más pequeño tendría 4 páginas, ya que su impresión se basa en dobles páginas cuya encuadernación consiste en un simple embuchado, excepto algunos medios que incluyen una grapa adicional. El tamaño de los títulos y su número de columnas nos informa sobre su importancia. Cuando un periódico titula a cinco columnas es un tema muy importante y no suele ocupar más de una línea. Los periódicos tienen secciones fijas (Política, Sociedad, Economía, Cultura, etc.). Ocupan una posición fija en la estructura. ### Elementos de titulación - [Corondel]: líneas verticales, normalmente separan columnas. - [Filete]: son líneas horizontales y también las que se usan en un recuadro. Pueden ser de diferentes grosores y combinaciones. - [Mancha:] es la parte escrita de la página. - [Titulillo o ladillo]: Títulos explicativos de partes de la noticia. - [Sumarios o destacados]: Abren espacio y relajan la lectura. - [Despieces, recuadros, apoyos]: Textos que complementan a la noticia principal. - [Cintillos]: No es el nombre de una sección ni un antetítulo. Hoy se podría considerar etiquetas. - [Engatillado, pie de foto engatillado]: Es un título en mayúsculas seguido de un párrafo.  **Mancheta**: también llamada staff, es el espacio que reserva el medio para informar sobre el organigrama y los nombres de los responsables del periódico y editores. Tipografía y tipos ------------------ Según Solomón: *"Arte de producir letras, números, figuras, símbolos y formas con la ayuda del conocimiento de los elementos, los principios y los atributos esenciales del diseño".* El origen de la tipografía se relaciona con 2 acontecimientos históricos: - Nacimiento de la **escritura**: cuneiforme (3200 a. C. en región de Sumer, Mesopotamia). Punto de partida de diversos estilos a la hora de realizar un texto. - Aparición de la **imprenta** de tipos móviles (Gutenberg, mediados del siglo XV). Paso de la actividad tradicional del escriba al desarrollo de un sector profesional estandarizado.  Elementos tipográficos ---------------------- A pesar de haber tantos nombres y elementos distintos dependiendo de clasificaciones de autores, existe un acuerdo general sobre los aspectos más importantes que definen la anatomía de las piezas: **El elemento tipográfico más importante es el remate (serif, serifa o terminal).** ### La letra Toda tipografía tiene una línea base, una [altura] para los rasgos ascendentes (que suele coincidir con la altura de las letras mayúsculas) y otra altura para los rasgos descendentes.  El [cuerpo] es el tamaño de la letra. Es la distancia entre el límite superior de las letras y el inferior, que debe estar en función de otros factores como la anchura de la columna a la que se compone el texto. [Letra capitular]: El primer carácter del párrafo va al doble del cuerpo del texto. No lleva espacio entre párrafos.  [Engatillado]: Las primeras palabras del primer párrafo van en versalita (letras con el cuerpo de la minúscula y la forma de la mayúscula o versal). No lleva espacio entre párrafos. ### División de los caracteres tipográficos Durante la historia de la tipografía se han intentado varias formas de clasificar las letras. El tipógrafo francés Francis Thibaudeau realizó a finales del siglo XIX el primer intento de clasificar la letras. Es un sistema muy simple que divide las letras en tres categorías básicas con algunas divisiones internas: - Letras con serif. Aquí estarían las romanas y las egipcias. - Letras sin serif. Desde la Futura a la Arial. - Otras letras. Aquí podemos encontrar las tipografías góticas y otras fuentes de escritura manual, así como tipos ornamentales o de fantasía.  ### División de los caracteres tipográficos Según el principio ortográfico. Hace referencia al tamaño del cuerpo, es decir, lo más o menos grande que sea la letra. - Según la tendencia de los rasgos. Hace referencia a la dirección en la que se encuentran los diferentes rasgos en un texto. En esta clasificación se encuentra la letra cursiva. - Según la fuerza o grosor de los trazos. Hace referencia al grueso de los caracteres. En esta clasificación se encuentra la letra negrita. - Según la anchura de las letras o signos. Hace referencia al espaciado entre letra y letra. En esta clasificación se encuentra la letra ultra condensada, extra condensada, condensada, normal, expandida y extra expandida. - Según su figura: Redondas: The quick brown fox jumps over the lazy dog Cursivas: *The quick brown fox jumps over the lazy dog.* Negritas**: The quick brown fox jumps over the lazy dog.** Versales: THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG (Son letras mayúsculas del tamaño de una minúscula). ### Fuentes - [Mayúscula]: comunica énfasis al fonema. Añade cierta dimensión oficial por referencia a su origen (capital romana). Cierto distanciamiento de la expresión vulgar. - [Minúscula (caja baja)]: conlleva la noción de simplicidad. Instaura una relación de igualdad entre emisor y receptor. Cierta idea de vulgarización: su uso es universal. Aleja la idea de autoridad, por comparación con la anterior letra. - [Redonda (romana)]: cierta rigidez plástica, masculinidad. Dimensión popular: empleo para texto común. Sensación de estabilidad: perpendicularidad de la letra sobre línea horizontal. En razón de esta estabilidad, lectura más fácil. - [Cursiva (itálica)]: expresión de una cierta flexibilidad plástica, de una cierta feminidad. Es la tipografía de la tradición oral. El ángulo oblicuo de la letra sobre la línea da sensación de dinamismo (también de inestabilidad). ### En función del grosor de sus rasgos [Según el dibujo del trazo:] - Superfina (extralight). - Fina (light). - Normal (regular). - Intermedia (medium). - Seminegra (semibold). - Negra (bold). - Supernegra (extrabold). - Intensa (black). [Según la dimensión de la caja:] - Condensada. - Expandida. Evolución de la escritura ------------------------- Entre los siglos II al IV se usa un alfabeto más estrecho llamado **rústico**, que permite aprovechar mejor el espacio en la piedra o el papiro. Este alfabeto ya empieza a tener algunos rasgos más curvos para facilitar la escritura con el cálamo. La escritura **uncial** se desarrolló entre los siglos IV y XIII. Es una tipografía de forma mucho más redondeada que la rústica. No está muy claro el origen de su nombre, que parece que podría deberse a que su altura era similar a la onza romana. Durante este periodo aparecen las minúsculas, pues hasta ahora sólo se escribía en mayúsculas que se definen por dos líneas paralelas. El uso de la letra minúscula obliga a hacer una pauta de cuatro líneas paralelas y tener muy en cuenta el concepto de interlineado.  Entre los siglos IX y XI surge la escritura **carolingia**, una escritura minúscula muy redonda, impulsada por el emperador Carlomagno para homologar una escritura en todo su imperio que fuera de fácil lectura. A partir de ésta, surge entre los siglos XII y XIV la escritura **gótica**, que muestra una escritura estrecha y angulosa. Su lectura es complicada y todavía se usa, pero sólo para textos ornamentales, como podría ser un diploma.  En 1462, en pleno Renacimiento, surge la tipografía (de estilo) **humanista**, que busca la recuperación de la letra latina, aunque todavía quedan rastros de la tipografía gótica. En 1470 Nicolas Jenson diseña una escritura inspirada en la columna de Trajano, en lo que sería el **alfabeto romano moderno** y el comienzo de la edad de oro de los grandes tipógrafos. En el siglo XVI el tipógrafo Claude **Garamond** realizó otra adaptación de la escritura romana, que es considerada una de las mejores versiones de este tipo de escritura. Esta tipografía nunca ha dejado de usarse. En 1930, Stanley Morison creó una tipografía propia para el periódico The Times (Times New Roman) que uniera lo clásico y lo moderno junto a una alta legibilidad y durabilidad de los tipos de plomo.  La tipografía **cursiva o itálica** fue inventada en 1501 por Aldus Manutius y fue muy popular en Europa durante todo el siglo XVI. En 1815 aparece la tipografía **Época o Antigua**, diseñada por Vincent Figgins. Esta tipografía pertenece a la familia egipcia, que se caracteriza por sus serifs cuadrados o rectangulares. El serif es la parte superior o inferior de la letra que coincidía con los remates que el artesano realizaba con el cincel y que tenía la misma forma que éste. En las tipografías romanas el serif tiene forma triangular, mientras que en las egipcias es rectangular. Cada tipógrafo adapta luego la familia a su estilo y encontramos variaciones en la suavidad de los remates y de los grosores de los trazos.  En 1816 aparece una nueva familia tipográfica, la tipografía de **palo seco, grotesca o sans-serif**, llamada así por carecer del típico remate de las letras romanas o egipcias. La consolidación de esta familia de letras llegó en 1927 con la tipografía Futura de Paul Renner, con gran influencia de los movimientos cubista y futurista, inspiradora del resto de tipografías sans-serif. **Helvetica, Univers, Folio o Arial** son ejemplos de tipografías creadas a partir de la Futura. La tipografía de palo seco original tenía todos los trazos del mismo grosor, pero con el tiempo han surgido variaciones con trazos de diferente grosor, que se asemejan a una letra romana sin remate o serif. Uno de los mejores ejemplos de este tipo de letra sans-serif sería la **Optima o Zapf Humanist**, creada por Hermann Zapf en 1952.  Principales familias tipográficas --------------------------------- Podemos diferenciar 5 familias tipográficas que podrían ser denominadas como las principales: - **Romana** (antigua y moderna). Presentan rasgos de distinto grosor y remates o serifs. La letra romana antigua se corresponde con el siglo XVI. En el pie de las letras de esta familia tipográfica se puede observar cómo la serifa es básicamente igual que la de la moderna, pero la distinción se encuentra en la curva, pues, si se observa detenidamente, presenta un basamento curvo. - **Caligráficas-góticas**. Están inspiradas en caligrafías clásicas. Forman parte también de los tipos de letra manuscritos o caligráficos del tipo Mistral, verdadero hallazgo del grabador Roger Excoffon. Este tipo de letra se utiliza en el mundo anglosajón. The New York Times utiliza este tipo de letra en su estilo (fachada, cabecera\...), aunque no es éste el único periódico que hace uso de este grupo. En el caso de España, La Voz de Galicia, El Norte de Castilla, Diario de León... hacen uso de esta familia tipográfica. - **Egipcias**. Rasgos de idéntico grosor. Presenta un basamento cuadrado a diferencia de la romana moderna. También se caracteriza por un espaciado ancho, el no contraste en sus astas y por la escasez de astas descendentes. - **Palo seco**. Carecen de remates. No presente serifa, ni diferencias de tamaño. Además, todas tienen el mismo grosor. Tiene como ventaja que es una letra mucho más clara. Existen diferentes tipos: letra grotesca, letra geométrica y letra humanística. Además, pueden presentar estilos diferentes: tradicional (mismo trazo) y moderno (diferente grosor). - **Fantasía**. Utilizan orlas y motivos decorativos. Interesa el impacto visual. Se utiliza mucho en publicidad. Un ejemplo es la letra del logo de Disney. Alcanzó esplendor en la primera mitad del siglo XX y en el XXI gracias a las opciones de la cibernética, pues con la tipografía digital aparecen muchos nuevos tipos de letras. Clasificación tipográfica ------------------------- Tipometría ---------- Conjunto de técnicas que se usan para medir aspectos formales de los procesos del diseño y de la impresión de textos. Aparece en el siglo XVIII. Anteriormente, la creación de tipos móviles se realizaba de forma artesanal, dependiendo el tamaño y la forma según el fundidor. En 1737 Pierre Fournier inventa un sistema de puntos. Cada unidad medía 0,349 mm. En la actualidad hay dos sistemas de medidas tipográficas: - Europeo. Puntos Didot (0,376 mm.). - Anglosajón. Punto de Pica (0,351 mm.). Aunque la tipometría ha quedado desfasada en algunas características, los puntos tipométricos se siguen utilizando como sistema de unidad para la medición de letras, párrafos, anchos de columna, espacios, etc. La tipometría adapta en la actualidad sus principios fundamentales a las nuevas tecnologías de la información y la comunicación. Instrumentos tradicionales como el tipómetro han sido reemplazados por los programas informáticos de autoedición.  La tipografía del mundo digital ------------------------------- El primer procesador de texto que se usó comercialmente en el entorno profesional fue WordStar, creado en 1978. El uso de estos primeros procesadores de texto en ordenadores sin interfaz gráfica de usuario no tenía nada que ver con la forma en que trabajamos hoy con texto. Lo más destacable es que las pantallas eran monocromas, por lo que sobre un fondo negro se veían los caracteres en blanco, verde o naranja y, por supuesto, sin tipografías. Al usar el procesador de textos, no se sabía cómo iba a quedar exactamente el texto, ya que las opciones de tipografía se aplicaban en la impresora en función de la cantidad de familias tipográficas que el dispositivo de impresión tuviera instalado. Ya en los años 80 aparecería el que, sin duda, se convirtió en el primer procesador popular, no sólo usado en la empresa, sino en los primeros ordenadores personales que empezaban a llegar a entornos educativos y domésticos: WordPerfect. Con la llegada de las primeras interfaces gráficas de usuario a los ordenadores, los procesadores de texto empiezan a mostrar ya previsualizaciones de la impresión de la página. Para poder usar determinadas familias tipográficas, todavía existía la dependencia de que la impresora las tuviera instaladas. Todo lo que se procesaba en un ordenador (textos, hojas de cálculo, etc.) estaba destinado a ser impreso en algún momento. En 1989 apareció la primera versión para Windows de Microsoft Word, el primer procesador que incluía la tecnología WYSIWYG, que permitía ver en pantalla exactamente lo que se iba a imprimir, cosa que no siempre ocurría, porque las fuentes de pantalla. ### Primeras fuentes en el ordenador - Mediados años 80: Adobe desarrolla Postscript, el primer lenguaje de descripción de páginas para impresión profesional desde ordenador. Permitía el uso de dos tipos de fuentes: **Type 1 y Type 3.** - Finales de los 80: aparecen las primeras fuentes **TrueType**, desarrolladas por Apple que, por primera vez, garantizan una equivalencia entre lo que se ve en la pantalla y lo que se imprime. - En 1992: la **impresora LaserJet 4** (HP) es la primera con capacidad de comunicación bidireccional con el ordenador y posibilidad de sacar partido de las tipografías TrueType en un ordenador doméstico. - En los años 90: Adobe y Apple competirán para quedarse con el mercado de las tipografías digitales en los entornos educativos y domésticos. - La aparición de **Adobe Type Manager** (ATM) en los 90 hizo que muchos usuarios se decantaran por este formato. - 1996: Se presenta el formato **OpenType**, una evolución de TrueType, desarrollado conjuntamente entre Microsoft y Adobe. Su objetivo era sustituir a TrueType y Type 1 con un formato abierto. Actualmente OpenType es compatible con todos. La forma en que las tipografías se mostraban en la web era realmente muy limitada. Esta limitación de la oferta tipográfica estaba relacionada con la estructura del código HTML con el que se hacen las páginas, que sólo podía mostrar tipografías que estuvieran instaladas en el ordenador que visualizaba el documento. Las primeras páginas web sólo permitían 6 tamaños de letras, y las referencias tipográficas se limitaban casi a serif o sans-serif. En 2010 Google lanza un proyecto que va a revolucionar la tipografía en Internet, llamado Google Web Fonts (Google Fonts). Pone gratuitamente a disposición de los usuarios más de 600 fuentes alojadas en sus servidores. Estas tipografías incluso se pueden descargar en formato OpenType para su uso en el ordenador. ### Creación de nuevas fuentes digitales Hay varios programas que se usan para el diseño de fuentes de ordenador. Existe Fontograper, una aplicación de pago o FontForge, que es gratuita. Reglas para escoger una tipografía ---------------------------------- 2 pautas básicas para la elección de una tipografía: - Los gustos personales no deben anteponerse a la finalidad del mensaje. - Evitar la combinación de tipografías diferentes en el mismo diseño. Según Dalley: - Proceso de impresión. - Volumen de texto. - Colores. - Concordancia. - Espacio de lectura. Hay que tener muy en cuenta 2 conceptos: - **Legibilidad**: cualidad de lo que se puede leer. - **Lecturabilidad**: facilidad que ofrecen los textos escritos para ser comprendidos sin necesidad de realizar grandes esfuerzos. Para que un párrafo sea legible y ofrezca un aspecto equilibrado y armonioso no sólo basta con elegir una familia tipográfica de alta legibilidad, también hay que tener en cuenta una serie de atributos que contribuyen a obtener una buena composición. Composición tipográfica ----------------------- - **Sangrado o sangría**: todas las líneas van justificadas, a excepción de la primera línea del primer párrafo, que va sangrada (con espacio al principio de la línea). **Sangrado francés**: la primera línea de cada párrafo va justificada y el resto del párrafo, sangrado. No lleva espacio entre párrafos. - **Alinear a la izquierda, a la derecha, al centro o a ambos lados (texto justificado)**: En los talleres de artes gráficas se suele hablar de texto en bandera derecha (alineado a la izquierda) y bandera izquierda (alineado a la derecha). La alineación a la izquierda da una sensación de informalidad, auqnue es el segundo tipo de alineación más legible; la alineación a la derecha es la tercera más legible, se pierde tiempo buscando cada principio de línea; el centrado al eje (bandera a la derecha e izquierda), es un tipo de alineación más difícil de leer, pues ni el principio ni el final aparecen constantes. - **Separación entre caracteres**: este parámetro se suele usar habitualmente en los programas de autoedición profesionales, donde suele aparecer por su nombre en inglés, tracking o letter spacing. - **Interlineado**: representa la altura de la separación entre las líneas del texto. - **Longitud de la columna**: la legibilidad del texto depende de dos factores: el tamaño del cuerpo de la letra y la anchura de la columna. En el siguiente ejemplo se pueden ver tres columnas. En la primera (izquierda) el tamaño de la letra no se ajusta al valor apropiado para esa longitud de columna, mientras que en la segunda (centro) la legibilidad es mucho mejor y no hay efecto río. \*Los ríos son espacios en blanco que coinciden entre líneas. Se producen porque las palabras están demasiado separadas. Estos ríos hacen que la lectura del párrafo sea más difícil.  Recursos tipográficos --------------------- - **Filetes**: cualquier línea horizontal que aparece en las páginas del periódico. - **Corondeles**: líneas verticales que separan columnas. - **Orlas o grecas**: es una variación decorativa de los filetes. Inspirados en temas y estilos de época. - **Blancos**: elemento que permite mejorar la calidad de un diseño periodístico y que ayuda a hacer más ágil la lectura de los textos. - **Capitulares**: letras más grandes que el resto que inician el texto de un artículo o de un comentario. Buscan llamar la atención sobre el mismo. - **Tramas (fondos)**: conjunto compacto de puntos o líneas individuales que, en general, se usan como elementos de fondo para realzar textos e ilustraciones. - **Topos, bolos o balines**: símbolos, signos o iconos usados para llamar la atención sobre los puntos claves de un texto o lista o para destacarlo tipográficamente. Pueden ser regulares (círculos, cuadrados, triángulos, etc.) o figurativos (formas de figuras).