Bitácora PARCIAL-3
DiseÑo Editorial
MA
ER
AF
RÍ
ría
Ma
rn
ÍA
RC
GA
da
an
A ND NA
Fe
ía
rc
Ga
PARCIAL 1
tor ia Hi s
IX
Chinos imprimen masivamente
Manuscri tos iluminados Había copistas y escribas Copiaban y decoraban -Han marcado la historia
se está viviendo -Hoy en día se conserva su estructura
xx
-Estilo Suizo -Nacen escuelas de Diseño
Empieza a haber otro tipo de libros. Se extienden a otros campos y salen del ámbito religioso.
XV Johann es Gutenberg
-Inventó la impenta -Revolucionó la escritura y el lenguaje escrito. -Producción crece y más personas tienen acceso. -Crea los “tipos móviles”. -Reproducción de texos de manera masiva. -Biblia de 42 líneas. -Acelera el proceso
-Rompimiento del Diseño tradicional con el nuevo. -Cambia la forma de hacer las cosas
Sistemas de Reproducción Tipos móviles
Tarea inform e anual
1450 Gutenberg
Las empresas publican cada año informes anuales sobre sus actividades. El informe anual es el principal documento corporativo de una compañía. Comunica una visión dinámica de la empresa y sus perspectivas. La versión
Composición en caliente
Características principales de formato y contenido Contenido.
1700 Monotype Fundición en placa/bloques
Comienza con una carta recapitulando el año anterior y proporcionando un avance sobre el próximo. Explican los objetivos de la compañía.. Clara descripción de lo que hace la compañía y sus principales cifras.
1886 Linotype Fundición el línea
Formato
-Título y subtítulos de cada sección -Párrafos cortos y destacados. -La información crítica debe destacarse usando colores, cajas, o cualquier otro recurso que atraiga la atención del lector. -Escoger un cuerpo de letra muy legible -Componer en columnas, con líneas no muy anchas y en párrafos cortos. -Diferenciar la sección de cuentas anuales por tipo de papel, color, etc… - Usar tinta oscura para el texto. Será más legible y fácil de fotocopiar. Objetivo de comunicación-¿Para qué fue diseñado? • Es el principal documento corporativo de una compañía. • Comunica la visión de la empresa y sus perspectivas. • Oportunidad para reforzar su reputación corporativa ante sus públicos. • Atraer a inversores, el informe anual sirve para reclutar nuevos empleados y generar orgullo de pertenencia.
Composición en frío 1874 Máquina de escribir 1915 Fotocomposición
1956 Transferibles Composición en seco
¿QUÉ ES?
Hay que saber a que tipo de lector Arquitectura de la información que guiará al lector
Diseñar experiencias
1 Estrategia Creatividad 3 24 Investigación Técnica
FORMA
Diseñar publicaciones ya sea físicas o digitales que estén destinadas para ser disfrutadas en el tiempo durante el cual el lector tiene control sobre el ritmo y la secuencia de la experiencia.
Es un proceso Armonía entre el texto, imágen, diagramación que permite expresar el mensaje del contenido, que tenga valor estético y que impulse comercialmente a la publicación.
DiseÑo Editorial Tener en cuenta... Es importante el dominio de la tipografía Condiciones de impresión y recepción
CR CONTENIDOS-Función Edición- ¿Por qué vamos a hacer lo que vamos a hacer? Estructurar la parte del contenido ¿De qué estmos halando? ¿Para qué me va a servir? Que la persona lo pueda leer Saber adaptar el mismo contenido a diferentes plataformas
Producción: Imprenta, red Distribución: tiendas, librerías
CONSTRUCCIÓN Elementos que van a construir mi página Anatomía de la publicación a diseñar -Formato -Retícula -Márgenes -Tipografía -Elementos de construcción
NARRATIVA Saber que estoy diseñando. Intención de lo que quiero comunicar. Historia que quiero contar -jerarquía -niveles de lectura -identidad
ELEMENtOS DEL DISEÑO EDITORIAL
TIEMPO Frecuencia de la publicación, número nuevo reemplaza al anterior. -Diseñar siendo congruente -Crear identidad pero seguir el estilo
INTERFAZ Impresa, digital, pared, exposición, mural, etc...
Antes de empezar a diseñar... Dejar de lado los “me gusta”, “no me gusta” Las imágenes van de la mano con el contenido. Si no lo tienen se pueden prestar a malas interpretaciones
MODELO DE COMUNICACIÓN DE JACKSON (cliente)
Em (de productor)
Aunque una imágen vale más que mil palabras... las palabras en los medios impresos siguen dando mucho de que hablar.
(lector)
r
(usuario interprete) (Saber que le gusta al lector)
Estructurar la información para que un usuario(lector) lo comprenda.
Usuario:¿Para quién voy a diseñar? Concepto: ¿Qué voy a diseñar? Configuración: ¿Cómo lo voy a diseñar?-Estilo
La “historia” no solo es el interior, sino el exterior con su:formato
¿Quién es mi usuario? ¿Cuál es el tema? Propósito y objetivo del diseño
¿QUIÉN?
Estilo
¿QUÉ?
¿CÓMO?
Contenido Concepto de diseño Estrategia de cómo
Todo empieza y termina con el LECTOR(son distintos) Decisiones de forma y diseño: acotadas a él. La forma en que leemos está cambiando, esto nos ha dado lectores más curiosos por eso... TENEMOS QUE ESTUDIAR A NUESTRO LECTOR
FORMA-¿Cómo voy a diseñar? Idea en general de contenido y diseño 1. Ver a quién va dirigido 2. Objetivos comunicativos del cliente/marca
ESTILO DE DISEÑO Adejetivos se trasladan a decisiones de diseño en la página: Colores brillantes: juventud Colores terrosos: madurez Los colores tienen connotaciones ya definidas
ESTILO DE PÁGINA
FORMATO-FORMA -Flyer -Programa -Folleto y catálogo -Periódico
FUNCIÓN-CONTENIDO
-Web/Blog -Boletín -Libro
-DIVULGACIÓN Dar a conocer algún tipo de contenido Fin-Informar -Promoción Vender algo
Boletín -Dar a conocer información específica en cierto tiempo -Mantener contacto e informar a los usuarios
FOLLETO
PERIÓDICO -Contenidos informativos -Formato característico: Sabana/ tabloide/carta -Diseño claro y simple para que se pueda leer rápidamente -Contenido más profundo e intelectual -Tamaño delimita sensación o contenido Los pequeños: más juveniles Tabloide: más serio
-Breve y conciso -Se diseña por módulos-información distinta -Datos de contacto, links y páginas
Es importante conocerlos para saber que puedo diseñar y qué necesita mi cliente
GÉNEROS DE DISEÑO EDITORIAL
-Generalmente es una lectura selectiva -Contenido especializado. Se dirige a un segmento específico. -Público objetivo: depende el género -Un número viejo pierde vigencia -Manejable
Usuario y contexto donde se va a difundir la publicación Concepto enfocado a la funcionalidad del mensaje-Producto de calidad Tipo de diseño delimitado por: -contenido -usuario al que me voy a dirigir
REVISTA
LIBRO Conocer el contenido para darle formato y estructura. Tomar en cuenta: -Encuadernación, grosor de papel, cantidad de libros a imprimir. -Funcionalidad: decorativo, de consulta, etc. -Portada
-Múltiples focos de lectura”Highlights” -Llamar la atención del usuario con varias cosas -Contenido-diferentes secciones -Innovar en cuanto a diseño -Utilizar otros recursos(fotografía)
INFORME ANUAL
WEB/BLOG
-Las empresas publican cada año informes anuales sobre sus actividades. -El informe anual es el principal documento corporativo de una compañía. -Información del rendimiento financiero. -Explican los objetivos de la compañía.. -Clara descripción de lo que hace la compañía y sus principales cifras.
MANUAL
-Delimitados por contenidos, lo que quieren dar a conocer -Generalmente son de procedimientos
-Crear línea visual y pensar en la navegación de la página -Se actualizan constantemente -Etiquetas
GÉNEROS DE DISEÑO EDITORIAL
EXPOSICIÓN
POSTALES
Tomar en cuenta: epacios, objetos y púbicos
INFOGRAFÍA Hay otras maneras de contar contenidos Contestan a las preguntas de ¿Qué? ¿Cómo? ¿Cuándo? ¿Dónde?
-Estilo Suizo -Nacen escuelas de Diseño -Rompimiento del Diseño tradicional con el nuevo. -Cambia la forma de hacer las cosas
Xilografía Pimeros impresos versiones letra Gótica No ajustaba la longitud de espacios o renglones, sino las letras.
-Religión: libros con dibujos -Seglar: calendarios, carteles, barajas
Tipógrafos comenzaron a trabajar para más de un taller.
Tipos diseñados por Garamond
A1
xx
Corea: Tipos móviles de bronce, plomo, hierro y aluminio
Finales
TU R
-Geometría -Completaban los párrafos con adornos
XV IMPRENTA
XIV
XII
LEC
IM P REN DE G TA Y UTE A NBE LFABE RG A TIZA GAR CIÓN AMO ND La industria Editorial perdió terreno ante otros medios y tuvo que adaptarse a la situación económica
LIBROS MANUSRIT OS
LECTURA 2
LA LETRA
China-tipos móviles Uso poco viable , miles de carácteres distintos Biblia de Gutenbeg Letra Gótica Textura errática ligaduras NICOLÁS JENSON Adaptó las letras Alemanas a la moda Italiana -más ligeras -más redondas
TIPOGRAFÍA ROMANA
CENTAUR Enfatiza el contraste del trazo de Jenson RUIT Formato Digital GOLDEN TYPE William Morris Recuperar densidad ADOBE JENSON Menos decorativa
XV Rechazan caligrafía gótica. LETTERA ANTICA: estilo manuscrito clásico.
ILUSTRACIÓN Jenson: tradición gótica con gusto Italiano. 1ros y más exquisitos ejemplos de letra ROMANA
Letras Humanísticas: -Garamond -Bembo -Platino -Jensont
XIX
XX
Boom de la publicidad Exageran contraste Tipos llamativos, grandes y negros.
Bahaus-Formas geométricas básicas
Escritura Formal Retícula del Rey: letras Romanas sobre retícula muy precisa
Ordenadores personalesImpresoras de baja resolución
Impresoras láser de alta resolución
FORMATO DEL PERIODISMO VISUAL
¿Q
UÉ
Cada producto editorial tiene una función diferente
ES
EL
-Dotar de expresión y personalidad al contenido -Atraer atención -Estructurar información de una manera clara
DI
SE
ÑO
“Conocimiento profundo de lo que la revista dice y es capaz mediante el diseño, de influir en
cómo lo dice.”
Esto genera un: producto editorial útil o informativo
ED
ITO
RI
AL
?
en la que se produce Con la llegada del internet, Diseñadores y Editores perdieron el control, con las tablets y iphones ya está controlado.
JEFE DE ESTUDIO Coordinador y supervisa interacción entre el:
estudio, seción de fotografía, departamento de producción
LEC TUR A
Comunicar una idea y contar una historia a través de palabras e imagenes
3
“Diseño de publicaciones periódicas: revistas impresas que salen a la venta en más de una ocasión y que, por lo general, tienen una apariencia y transmiten unas sensaciones características y únicas” -Vince Frost
TAREASDISEÑO DE RECTEA CUBISMO
EMOTIVA Ti empo de elaboración | 2 hor Dificultad | Fáci l
Créme Brûlé Receta tradicional frances
I ngredientes para 4 pe • • • • • •
as
e
In gr e dientes para 4 personas
a
• 200 g de leche enter a • 100 g de yemas de huev o • 75 g de azúcar blanquill a • 250 g de nat a • c anela en rama • azúcar moreno para requemar
rs onas
200 g de leche en te ra 100 g de ye mas de hue vo 75 g de azúcar blanq u ill a 250 g de nata canela en ram a azúcar moreno para requemar
Cómo hacer créme brûlée Se hie rv en la leche y la nata en un cazo jun to con la rama de canela. Una ve z que hier va dejamos reposar media hora tapado el cazo par a que infusione la canela. Precalentam os el horno a 1 00 grados con calo ye mas junt o con el azúca r, e a rriba y abajo.En ot ro bol batimos las incorporamos la leche y nata colándola a tr av és de un colado r. Re llenamos unos ram eq uines o cazuelitas refractarias y las tapamos c f ilm de cocina resis te nt e al calor . Horneamos duran te una hora y medi Una ve z fríos o ligeramen te t emplados espol vo reamos la sup er ficie de crema con el azúcar moreno y r eq uemamos con un sopl et e de cocina .
r on a. la
Créme Brûlée
Receta tradicional frances
Se debe de consumir fría o a si no te gusta la canela con una
Es realmente deliciosa!
t emperatura ambien te , puedes a ro matizarla va i na de va inilla o algún lic or .
Tiempo de elaboración | 2 hor Dificultad | Fáci l
a
as
Me gustó mucho ésta tarea porque nos ayudó a plasmar el mismo contenido pero experimentando con distintos estilos. Para esto tenemos que investigar previamente y saber de que se trata cada estilo, y con esto crear una composición.
ANÁLISIS DE ESTILOS Estilo Juvenil
Estilo Prestigioso
Este es un ejemplo de estilo juvenil, el texto está acomodado de forma distinta y no tan convencional, se encuentra un poco inclinado y utiliza colores diferentes, los cuales hacen que tanto las palabras que comforman el título como el fondo contrasten más. Podemos observar una combinación de blancos y negros tanto en el texto como en las imágenes que al no estar pegadas totalmente generan un pequeño espacio blanco entre ellas.Es una composición más divertida y juega de una manera más libre con sus elementos.
Estilo Clásico En este ejemplo podemos ver un estilo Prestigioso, el título del artículo esta en letras mayúsculas y, tanto la tipografía como el uso de espacios blancos la vuelven una composición elegante. No hubo necesidad de rellenar estos espacios con más texto o fotografías y esto no genera que se vea vacía o sin chiste al contrario, le da simplicidad, elegancia y protagonismo al título.
Con esto empezamos a conocer los distintos tipos de cotidianos. En esta composición podemos ver un estilo Clásico. El texto está distribuido en dos columnas, el título está colocado de manera centrada y en la parte de arriba. En este caso no hay una fotografía en el centro, pero sí podemos ver el espacio que pudo haber ocupado y en su lugar tenemos una frase con letras negritas. Es una frase importante que necesita ser destacada y está colocada en un lugar donde llama mucho la atención y sobresale.
Conoce México
VIAJA A GUANAJUATO Entre calles, túneles, plazas, templos y callejones de la época virreinal, el estado de Guanajuato se caracteriza por ser el lugar donde convergen la historia y la cultura de México. Ubicado en el corazón del país, Guanajuato cuenta con atractivos turísticos de gran relevancia histórica. Varias de sus ciudades, como las de Guanajuato y San Miguel de Allende, contienen una gran riqueza que las ha convertido en Patrimonio Mundial por la Unesco. En cada uno de sus sitios turísticos se conserva y respira la herencia novohispana del México colonial. Descubre uno de los estados más ricos y emblemáticos de México. Su herencia histórica y natural, aunadas a sus tradiciones convierten a Guanajuato es en uno de los destinos mas ricos de México.
Ciudad de Guanajuato La ciudad de Guanajuato es única en el país. Su infraestructura colonial ha hecho de ella un lugar histórico y de gran atractivo para el visitante. Al recorrer sus templos, callejones, túneles y monumentos históricos uno puede entender por qué fue declarada por la Unesco como Patrimonio Mundial. Además de la rica historia con la que cuenta, Guanajuato es un lugar obligado para cualquier asiduo a la cultura. Su desarrollo artístico e intelectual ha hecho de la ciudad sede de eventos importantes que celebran el arte en todas sus expresiones, como el Festival Internacional Cervantino. El ambiente universitario y artístico la convierten en un punto de desarrollo cultural de México. San Miguel de Allende y alrededores las más importantes expresiones artísticas, políticas y sociales de México. Sus cual se combina con una intensa vida nocturna y una gran propuesta cultural durante todo el año. Al noreste de San Miguel de Allende, sobre aguas termales y alrededor de múltiples balnearios, se encuentra el Charco del Ingenio: un enorme
ESTILO DE PÁGINA Minimalista ESTILO DE PÁGINA Prestigioso
actividades ecoturísticas.A 10 minutos de San Miguel de Allende, esta el santuario de Atotonilco. León y alrededores La ciudad de León –Capital Mundial del Calzado- cuenta con un gran desarrollo urbano que le ha permitido ofrecer a sus visitantes diferentes atractivos turísticos. Es sede de importantes eventos empresariales, deportivos y culturales, cuenta con un Centro Histórico que data de 1576, es famoso por la elaboración de artículos de piel y cuenta con un espacios de gran atractivo, como el Museo y Centro de Ciencias Explora y el Parque Metropolitano. Cerca de León se puede entrar en contacto con la naturaleza en dos espacios de gran belleza: Cañada de Negros, una hacienda localizada a 30 min. de la ciudad y en la que se puede acampar y realizar diversas actividades de ecoturismo. Otros atractivos imperdibles Celaya e Irapuato
son dos ciudades muy importante para el turismo de negocios. Cuentan con una sólida infraestructura turística para la celebración de congresos, convenciones y reuniones empresariales de gran magnitud. Además de sus principales destinos, el estado cuenta con grandes atractivos turísticos. Es cuestión de viajar fuera de las ciudades principales para descubrir pueblos y monumentos de gran valor histórico. Por ejemplo, Mineral de Pozos es un pueblo fantasma donde uno puede descansar en exclusivos hoteles boutique, o bien, Dolores Hidalgo, C.I.N., donde se dio el Grito de Independencia. guanajuatoexperience.mx
// 01800VIVEGTO
Conoce México,
Viaja a Guanajuato Entre calles, túneles, plazas, templos y callejones de la época virreinal, el estado de Guanajuato se carac-
ESTILO DE PÁGINA
teriza por ser el lugar donde convergen la historia y la cultura de México. Ubicado en el corazón del país, Guanajuato cuenta con atractivos turísticos de gran relevancia histórica. Varias de sus ciudades, como las de Guanajuato y San Miguel de Allende, contienen una gran riqueza que las ha convertido en Patrimonio Mundial por la Unesco. En cada uno de sus sitios turísticos se conserva y respira la herencia novohispana del México colonial.
Kitsch
Descubre uno de los estados más ricos y emblemáticos de México. Su herencia histórica y natural, aunadas a sus tradiciones convierten a Guanajuato es en uno de los destinos mas ricos de México.
Ciudad de Guanajuato La ciudad de Guanajuato es única en el país. Su infraestructura colonial ha hecho de ella un lugar histórico y de gran atractivo para el visitante. Al recorrer sus templos, callejones, túneles y monumentos históricos uno puede entender por qué fue declarada por la Unesco como Patrimonio Mundial. Además de la rica historia con la que cuenta, Guanajuato es un lugar obligado para cualquier asiduo a la cultura. Su desarrollo artístico e intelectual ha hecho de la ciudad sede de eventos importantes que celebran el arte en todas sus expresiones, como el Festival Internacional Cervantino. El ambiente universitario y artístico la convierten en un punto de desarrollo cultural de México.
Desde la época del Virreinato, es un lugar donde han siones artísticas, políticas y sociales de México. Sus ación del México colonial, lo cual se combina con una intensa vida nocturna y una gran propuesta cultural durante todo el año. Al noreste de San Miguel de Allende, sobre aguas termales y alrededor de múltiples balnearios, se encuentra el Charco del Ingenio: un fauna regional y practicar diversas actividades ecoturísticas.A 10 minutos de San Miguel de Allende, esta el santuario de Atotonilco.
GTO12·2012
La ciudad de León –Capital Mundial del Calzado- cuenta con un gran desarrollo urbano que le ha permitido ofrecer a sus visitantes diferentes atractivos turísticos. Es sede de importantes eventos empresariales, deportivos y culturales, cuenta con un Centro Histórico que data de 1576, es famoso por la elaboración de artículos de piel y cuenta con un espacios de gran atractivo, como el Museo y Centro de Ciencias Explora y el Parque Metropolitano. Cerca de León se puede entrar en contacto con la naturaleza en dos espacios de gran belleza: Cañada de Negros, una hacienda localizada a 30 min. de la ciudad y en la que se puede acampar y realizar diversas actividades de ecoturismo.
ESTILO DE PÁGINA Agresivo
Otros atractivos imperdibles Celaya e Irapuato son dos ciudades muy importante para el turismo de negocios. Cuentan con una sólida infraestructura turística para la celebración de congresos, convenciones y reuniones empresariales de gran magnitud. Además de sus principales destinos, el estado cuenta con grandes atractivos turísticos. Es cuestión de viajar fuera de las ciudades principales para descubrir pueblos y monumentos de gran valor histórico. Por ejemplo, Mineral de Pozos es un pueblo fantasma donde uno puede descansar en exclusivos hoteles boutique, o bien, Dolores Hidalgo, C.I.N., donde se dio el Grito de Independencia.
guanajuatoexperience.mx / / 01800VIVEGTO-
después de realizar una investigación y saber en que consiste cada uno, poder acomodar nuestros elementos para crear una composición adecuada que dé el mensaje que nosotros queremos. Para eso tenemos que hacer distintas elecciones tanto en la tipografía, el color, las imágenes, etc...
IAL
PAR C 2
Formalidad Tamaño del diseño
Delimita: texto, márgenes, fotos, etc... Delimitado por presupuesto 1. Investigar en que papel
Primer paso que necesita un análisis preciso
Medida a partir del pliego. Doblas el pliego y sacas medidas.
FORMATO
Impacta en los costos y en cómo se va a imprimir
2. Medidas del pliego
3. Medida adecuada para optimizar papel
Resistencia:
Peso:
Depende de las características de sus materiales. Influyen dobleces y costura
500 hojas= resma Peso-densidad Mientras más pesado más rígido y opaco
Hidratación: Retener humedad para que no se deformme cuando hay mucha tinta
Estucado: Textura: Refinado (Bond)
Hay papeles blancos y lisos que son para detalles finos, fotografías e ilustraciones. 3 texturas básicas: áspero, rugoso y alisado.
PAPEL
Sistema ISO
Dimensiones utilizadas en Europa
Son parte del diseño. Se utiliza la doble página, es un patrón estético y se ve más armonioso. Evita que partes del texto se pierdan en el guillotinado. Regulan el peso visual
1. Delimitan la caja de texto. 2. Enmarca la caja en una forma que le convenga al diseño. 3. Protege la caja para que sea fácil de identificar.
Van de la mano con la retícula
Antes se dejaba más espacio a los lados para evitar que los dedos tocaran el texto, ahora se busca aprovechar la página.
MÁGENES
-Proporción áurea
Salen de la medida del pliego.
-Sistema ternario
Trabajar con formatos normalizados: -Estandariza tu trabajo -Compatibilidad entre varios productos -No delimita tu diseño.
Ventajas de conocer la medida del pliego: -Reducir costos -Saber el rendimiento -Diseño, formato
DIMENSIONES
RETÍCULAS Escala Universal
Van der Graaf
3 4 2
6
2,3,4,6
2 modulos en el inferior y exterior, 1 módulo interior y supeior.
Invertidos
Diagonal dentro de la página, más espacio parte interna
3er horizonte aúreo 2ndo horizonte aúreo 1er horizonte aúreo
Gerstner Simétrica Asimétricos
Tipografica Contemporánea Se basa en la clásica
Asignas valores de forma libre
REGLAS PARA EL DISEÑO DE RETÍCULAS CLÁSICAS
1. Diagonal de la página con diagonal de la caja 2. Altura igual que anchura 3. Márgen exterior mide el doble que el interior 4. Diseño muy armónico con mucho blanco
RETÍCULA
Estructura de la página Da forma y ayuda a acomodar los elementos
Después de las vanguardias artísticas hay mucha exploración del espacio. xx-Estudio de retículasBauhaus, Escuela Suiza. BOOM!
Líneas que forman módulos que forman columnas. Distancia entre módulo y columna: calle o medianil
La retícula como la conocemos hoy, en tiempos atrás no había sido descubierta pero si había una tendencia a la máxima ordenación y a la economía en la aplicación de los medios tipográficos.
Su desarrollo y aplicación comenzó en Suiza después de la 2nda Guerra Mundial. En los 40s se hicieron los primeros materiales impresos configurados con la retícula.
Se mide en pts o picas
Cálculo tipográfico: Planeación de cuánto espacio va a ocupar mi texto
TEXTO LEGIBILIDAD: Facilitar la laectura, no cansar la vista
Brockman : 10 palabras por renglón. Emil ruder 50-60 letras Bringhurst 66 IDEAL 1 columna menos de 26-28 ni más de 52-54 caracteres por línea
o
nch
cio
or)
u
r (C
Se
e
la
pa
po
, ti
o erp
os , gr
a Esp
e ntr
o
,gr
s bra
,a sor
LONGITUD DE LÍNEA
Buena tipografía Factores que determinan la legibilidad
INTERLINEADO
BUEN TAMAÑO DE TEXTO
cur
rs
s, iva
if (
ser
)o
to tex
no
tas
, al
r) tiza
nfa
f (e
i ser
ión
, ju
jas
a ob
cac stifi
FACTOR TIPOGRÁFICO número de caracteres por línea/ ancho de columna
LÍNEAS TOTALES número de golpes (caracteres totales)/ número de caracteres por línea
Núemero de columnas líneas totales/ profundidad de columna
Wiro
/
Lomo Canutill o d plásti e metal(w : co(can iro), util docum ento. lo) une el
Encuadernación a la Americana: Los pliegos se sujetan con un adhesivo que fija la cubierta de papel al lomo
Franc
Hoja c esca o e n o perpe n dos plieg cruz: ndicu u es la pliegu e (cua res, se cose se cos derno por el e 4 super por el plie páginas), iores g plega ue, borde dos si s n abri r.
Encuadernación a caballete: Pliegos se igualan y se engrapan por todo el lomo
Canadiense: Encuadernación en espiral. Espiral cubierta
Semicanadiense: Espiral a la vista
Japonesa:
Páginas se cosen con un hilo continuo. Método decorativo y lujoso
LECTURA 4
FORMATOS DE LIBRO
Se puede present ar un solo diseño en distinto s tamaños y tendrán un efec to distinto. Influye el tamaño del papel y el número de ve ces que se dobla
e n: reduc ió ic s o p Plan de im e pliegos que se ro d la tinta el núme imir con r p im a van especial. r el planifica e u q y a H proceso.
REVISTA Tiene cuerpos adicionales que se doblan hacia el lomo con pliegues paralelos de modo que se encuentran en el centro de la página CARTEL DESPLEGABLE Hoja que se dobla e inserta en un a publicación
Mediados XV-XVIII
Manuscritos -Márgen derecho-gran tamaño (espacio de anotaciones) -Texto caligráfico alineado a la izquierda -Énfasis en color y tamaño de letras -Páginas-gran modernidad -Más de una columna -Más tarde adoptan simetría (textos justificados)
1917
XX
Principios de la imprenta y Rev. Industrial -Texto en 1 columna justificada por página y se colocaba simétricamente en la doble página -Márgenes exteriores mayores que interiores y márgen inferior mayor que superior -Geometría
Jan Tschichold
-Exploración de la forma como un factor determinado por la función -Simplicidad de la forma -Minimalismo -Formas rectilíneas -Rechazo a la decoración
-Coherencia tipográficacompresnsión -Asimetría -Estética y dinámica -Sutiles alineaciones horizontales y verticales -Gama limitada de fuentes tamaños y pesos de tipos
-Unidad más pequeña-10 ptos -Subdivisión del cuadrado en 58 unidades iguales
Corrientes artísticas Proporción general de la página y márgenes del libro clásico
Suiza 2da Guerra Mundial
Finales 20´s principios 30´s
De Stijl
Karl Gertsner
-Proporciones y márgenes dictados por la geometría -Rectángulo de sección aúrea -Secuencia de Fibonacci
-Retícula-respuesta natural a un problema de diseño, metáfora de la condición humana -Pueden usarse con flexibilidad -Rigor científico
50´s y 60´s
-Las corrientes artísticas tuvieron influencia en el desarrollo de las retículas -Paso a un sistema novedoso y más racional -Espacio-componente dinámico de la maquetación tipográfica -Rompen con enfoques anteriores
Retículas Contemporáneas -Subdividen la página en pequeñas unidades elementales que se pueden combinar de varias maneras
80´s y 90´s
Wim Crowel
Diseñadores 8vo
-Retícula a la vista --Base para la creación de letras
-Retícula usada en fondos de páginas -Inserción de coordenadas
La Retícula
XIV
Con esta lectura pudimos entender de una manera más visual la historia de la retícula, como ha ido cambiando y transformandose a lo largo del tiempo hasta hoy en día. Siempre ha sido algo de gran importancia y uso en la elaboración de libros.
PLEGADOS
8 Page French Fold
12 Page Concertina Letter Fold
Plegado en ventana cerrada
INVESTIGADO
Hay distintas formas de doblar nuestro pliego y dependiendo de ellas tendremos cierta cantiad de pรกginas. Es importante conocerlas para poder presentar presentar nuestras publicaciones en los formatos correctos.
TAREA EL MOMENTO DECISIVO de HENRI CARTIER - BRESSON
“No hay nada en este mundo que no tenga un momento decisivo” Cardenal de Retz.
Fotografía
Henri Cartier Bresson WEST GERMANY. 1962
El comienzo Siempre he tenido una pasión por la pintura. Cuando era chico pintaba todos los jueves, día en que no había clases, y los domingos, y pensaba en la pintura los otros días. Tenía como muchos chicos una cámara Brownie box, pero solo la utilizaba cada tanto para llenar pequeños álbunes con mis recuerdos de vacaciones. No fue sino mucho más tarde que empecé a mirar mejor a través de la cámara, entonces mi pequeño mundo se amplió y fue el fin de las fotos de vacaciones.
Existía también el cine. “Los misterios de Nueva York”, con Pearl White, los grandes films de Griffith, “Pimpollos Rotos”, los primeros films de Stroheim, “Codicia”, los de Einsenstein, “Potemkim”, después “Juana de Arco” de Dreyer; me enseñaron a ver. Más tarde conocía fotógrafos que tenían fotografías de Atget, las cuales me impresionaron mucho. Compre entonces un trípode, tela negra, una cámara 9 x 12 de nogal lustroso, equipada con una tapa de objetivo que servía de obturador; esta particularidad me permitía afrontar solamente lo que no se movía. Los otros temas eran demasiado complicado o me parecían demasiado “de aficionados”; creía de esa manera dedicarme al arte. Revelaba y copiaba las fotos yo mismo en una cubeta y todos esos trabajos manuales me divertían. Tenía una vaga sospecha de que ciertos papeles tenían contraste y que otros eran suaves; por otra parte, eso no me preocupaba pero me daba mucha rabia cuando las imágenes no salían.
Henri Cartier Bresson
Reportajes Fotográficos África 1931 En 1931, a los veintidós años, partí para África. En Costa de Marfil compré una cámara que estaba llena de moho (de lo que me di cuenta de vuelta, al cabo de un año); todas mis fotos estaban sobreimpresas con helechos arborescentes. Después me enfermé y tuve que cuidarme; una pequeña mensualidad me permitía arreglármelas; trabajaba con alegría y para mi propio placer. Había descubierto la Leica, que se convirtió en una prolongación de mi ojo y que no me abandona ya más.
Henri Cartier Bresson, África
Brownie - box
1
Caminaba todo el día con el espíritu tenso, buscando tomar en la calle las cosas al natural, in fraganti. Deseaba, sobre todo, tomar en una única imagen lo esencial de una escena que surgía. Hacer reportajes fotográficos, es decir, contar una historia en varias fotos, es una idea que nunca tuve; fue más tarde, mirando el trabajo de mis colegas y las revistas ilustradas, y trabajando a mi vez en ellas, que poco a poco aprendí a hacer un reportaje. Yo he andado mucho pero no se viajar; me gusta hacerlo lentamente, preservando las transiciones entre los países. Una vez llegado al lugar tengo casi siempre el deseo de establecerme, para poder vivir como se vive allí. Yo no podría ser una especie de globe - trotter. Con otros cinco fotógrafos independientes, en 1947, fundamos nuestra cooperativa, Magnum Photos, que difunde nuestros reportajes fotográficos a través de revistas francesas y extranjeras. Sigo siendo un aficionado pero ya no soy un diletante.
2
EL MOMENTO DECISIVO de HENRI CARTIER - BRESSON
Reportajes Fotográficos
“No hay nada en este mundo que no tenga un momento decisivo” Cardenal de Retz.
El comienzo Siempre he tenido una pasión por la pintura. Cuando era chico pintaba todos los jueves, día en que no había clases, y los domingos, y pensaba en la pintura los otros días. Tenía como muchos chicos una cámara Brownie - box, pero solo la utilizaba cada tanto para llenar pequeños álbunes con mis recuerdos de vacaciones. No fue sino mucho más tarde que empecé a mirar mejor a través de la cámara, entonces mi Vivian Maier holding a Brownie-Box a ver. Más tarde pequeño mundo Fotografía conocí a fotógrafos se amplió y fue el tenían fin de las fotos de Existía también el que de vacaciones. cine. “Los misterios fotografías de Nueva York”, Atget, las cuales con Pearl White, los me impresionaron Compre grandes films de mucho. un Griffith, “Pimpollos entonces Rotos”, los trípode, tela negra, una cámara 9 x 12 primeros films de Stroheim, “Codicia”, de nogal lustroso, los de Einsenstein, equipada con una “ P o t e m k i m ” , tapa de objetivo que de después “Juana de servía esta Arco” de Dreyer; obturador; me enseñaron particularidad me
permitía afrontar solamente lo que no se movía. Los otros temas eran demasiado complicado o me parecían demasiado “de aficionados”; creía de esa manera dedicarme al arte. Revelaba y copiaba las fotos yo mismo en una cubeta y todos esos trabajos manuales me divertían. Tenía una vaga sospecha de que ciertos papeles tenían contraste y que otros eran suaves; por otra parte, eso no me preocupaba pero me daba mucha rabia cuando las imágenes no salían.
Henri Cartier Bresson
África 1931 En 1931, a los veintidós años, partí para África. En Costa de Marfil compré una cámara que estaba llena de moho (de lo que me di cuenta de vuelta, al cabo de un año); todas mis fotos estaban sobreimpresas con helechos arborescentes. Después me enfermé y tuve que cuidarme; una pequeña mensualidad me permitía arreglármelas; trabajaba con alegría y para mi
propio placer. Había descubierto la Leica, que se convirtió en una prolongación de mi ojo y que no me abandona ya más.
Caminaba todo el día con el espíritu tenso, buscando tomar en la calle las cosas al natural, in fraganti. Deseaba, sobre todo, tomar en una única imagen lo esencial de una escena que surgía. Hacer reportajes fotográficos, es decir, contar una historia en varias fotos, es una idea que nunca tuve; fue más tarde, mirando el trabajo de mis colegas y las revistas ilustradas, y trabajando a mi vez en ellas, que poco a poco aprendí a hacer un reportaje. Yo he andado mucho pero no se viajar; me gusta hacerlo lentamente, preservando las
transiciones entre los países. Una vez llegado al lugar tengo casi siempre el deseo de establecerme, para poder vivir como se vive allí. Yo no podría ser una especie de globe - trotter. Con otros cinco f o t ó g r a f o s independientes, en 1947, fundamos nuestra cooperativa, Magnum Photos, que difunde nuestros reportajes fotográficos a través de revistas francesas y extranjeras. Sigo siendo un aficionado pero ya no soy un diletante.
Henri Cartier Bresson, simiane la rotonde, france, 1969
1
Apartir de estos trabajos empezamos a jugar y experimentar con el uso de las retículas para acomodar textos. Es importante escoger la retícula adecuada a partir de tu contenido. Es muy interesante como nos pueden dar efectos dstintos aunque usemos el mismo texto.
2
Al realizar este suplemento apliqué todos los conceptos aprendidos en clase y fue más fácil entenderlos al ponerlos en práctica. Hacer el cálculo tipográfico, la selección de retícula, márgenes, etc... me ayudaron a tener un diseño más completo y estructurado.
PARCIAL 3
JERARQUÍA Marca la pauta de cómo Una buena jerarquía guía al lector sobre a dónde va a dirigir su mirada primero a través del contenido, en un modo sistemático y dinámico.
es leído tu texto
Gracias a la retícula podemos acomodar los elementos graficos
Priorizar elementos y estructuras
Contenido en escala de MAYOR a menor importancia
Localizar niveles de información y ...
PRIORIZAR
HERRAMIENTA CLAVE EN EL DISEﾃ前 EDITORIAL
1. Leer el texto 2. Conocer al usuario 3. Tener conocimiento de las herramientas
TIPS PARA JERARQUIZAR Buen balance o equilibrio gráfico (doble página)
Per
ot
am d én bi
micos iná
Ser consistentes
ÉNFASIS
CREAR EN INFORMACIÓN IMPORTANTE
Crear códigos para diferenciar información
¿Cómo podemos hacer ésto? Escala= IMPACTO
Jugar con la TIPOGRAFÍA Identificar niveles de Información
establ
Espacio positivo-negativo= mapa
Posici贸n
A=flujos de informaci贸n Color: Aleja o
acerca un contenido
lecer importancia
Jugar con: Escala(tamaño) Posición Tipografía Color Forma Contraste-mayor contraste=más legibilidad Textura
Antes de jerarquizar o diseñar... -Tema -Usuario -Objetivo
van de la mano para sacar un concepto comunicaivo y de ahí gráfico
¿Qué voy a decir y cómo? Hay que organizarla información-priorizar ¿Qué quiero que vean y lean primero?
Jerarquía visual
Ayuda al lector a ver la forma y luego se va al contenido Decisiones coherentes a lo largo del texto
¿Por qué jerarquizamos?
-Determinar órden -Crear énfasis -Si los elementos se colocan de manera uniforme el usuario pierde interés -Códigos visuales-navegar
Variables jerárquicas: escala y tono. Le das más peso al elemento más grande o más pequeño, el más fuerte y el más claro Variables de distinción: Color diferente, formas diferentes pero una no es más que la otra
Aspectos fundamentales
de la lectura de un texto
Legibilidad: facilidad para reconocer letras (problema perceptivo) Forma de la tipografĂa, letras, composiciĂłn tipogrĂĄfica Leibilidad: facilidad con que se puede comprender un texto (problema cognitivo) Tiene que ver con el lector
Cuando leemos un texto interfieren muchos elementos
Leer el texto cuándo termines el diseño
Cuidar que no haya ríos, ya que hace muy difícil la lectura
Ayudar al lector a que sea más fácil acercarse al texto
Variaciones tipográficas(curivas, negritas)
Anchos y mínimos de columna
Elementos que componen mi doble página
Cambios de línea: si se queda una palabra solo, subirla.
Número de palabras por línea
Anchos de columna muy reducidosAlineación a la derecha(no justificado)
Justificación: más rígida, formal, científica
Diferencia de forma tipográfica: familia Tono: normal, negrita, blanca Tamaño
Sangría a partir del segundo párrafo
El uso de la tipograf铆a depende de la funci贸n
Forma de la letra expresa algo, escogerla a partir de lo que quiero comunicar
La letra nos crea expectativas
Herramientas para escoger tipografía
-Riesgo de confusión: IL -Riesgo de confluencia: rn Proporciones: hn Similitud: adg (ojos grandes, lectura pesada). Interlínea más grande que los ojos
Medianil: más grande que el espacio entre mis letras Tracking: espacio entre palabras
Ojos grandes: textos pequeños Astas altas: aires innecesarios
Helvetica: textos cortos, subtítulos Gill Sans: textos un poco toscos, diferencia entre caracteresreconocible Frutiger: textos largos y cortos Rockwell: muy tosca
IINTERLETRADO
Modificarlo cuando sea necesario -Mayúsculas -Versalitas -Tipografía donde el diseño es muy cerrado
Para ver si está bien hechocomparar
-Justificado:
Más trabajo tipográfico-libros de lectura prolongada más comúnes
-Alineación a la derecha: No se silaba
-Texto centrado:
Sin silabar Que no te queden líneas cortas y largas
-Alineación a la izquierda:
Hacerlo más natural, mejor no silabar
-Subrayado:
En color, en variaciones de línea, etc... Cuidar que no sean muy largos
-Versalitas:
No todas las tipografías la traen
-Mayúsculas o versales -Combinación de tipografías: Que combinen, contrasten, se vean bien
-Texto centrado:
Sin silabar Que no te queden líneas cortas y largas
-Negritas:
No mezclar cursivay negrita
-Color:
Contraste, se le cambia el peso de la letra
,
en
Pr
egu
r nta
en
q
j
ina
l ue
e em
lo
m pri
s lo
e no
o:
m
ism
un
o,
r lib
un
ico
贸d
ri pe
ev
ar
n ,u
, ista
...
etc
im
DUOTONO
300 dpi 2 canales de color pantones o tintas directas que puedes mezclar
CMYK
Imprimir
Factores que determinan la legibilidad
Escala de grises 300 dpi Solo tenemo 1 canal de color: negro
RGB
Pantalla 72 dpi
ESCALA DE GRISES Convertir a escala de grises a partir del canal de luminosidad: Image-Mode-Lab color Channels-luminosity Image-Mode-Grayscale Desde Id: Seleccionas la flecha blanca y seleccionas 1 color
Convertir imรกgen a escala de grises Image-Mode-Duotono Tipo:Duotono Seleccionar color A veces se considera cรณmo un tono mรกs, los pantones se agregan
DUOTONO
FALSO DUOTONO DESDE ID Imรกgen en escala de grises, a cada uno le pones 1 color, las alineas y en efectosmultiply
RGB
CMYK
QUITAR EL FONDO Seleccionas la imágen. Object-Clipping Path-Options-Photoshop path Copiar y pegar trazado de ilustrador. Edit-Paste into Pegas la imágen dentro del trazado
TEXTO Hacer caja de texto Click derecho-Fill with placeholder text Window-Text Graph. Seleccionas el texto y la opción que quieras
et anit mos cumquo modis esciat inimiliquia pel id que imos experit volorae pratis eium re consequ amusdanis magnimporum que dolupti atquat venducime lab in reperfero cuptam, auda voluptiiscim quid et fuga. Luptate etus, officium quundem quatur aribusam nest qui imaximus ent. Arundelibus eum quam nonsequatur aut arum fugitias porro min eos por reheni od es eiust, coreriorepe experatio. Nam qui iscipsusdae nonsed ut lique nihicabo. Atet quam quodi dolor maximus corem. Tia coressime modis aut int, quiatiur abo. Nam quis ma dolupta
Te pones en la orilla del círculo y pegas el texto para que siga su contorno Para que quede alejado del círculo(borde) Párrafo-1ra opción
IMÁGEN
IMÁGEN-TEXTO -Seguir columnas trazadas en la retícula Depende del contenido de la imágen Utilizar retícula lo más que puedas, decisiones de acuerdo a la retícula -Evitar patrones de continuidad, efecos ópticos se corrigen en el encuadre -Trabajar segun la intención Posición central más fuerza que ponerlo en un costado -Podemos describir, contraponer o potencializar un texto con la imágen -
Siempre están relacionados
Estos ejemplos plasman muy bien la importancia de verificar el acomodo de las imĂĄgenes, ya que van de la mano con el texto y pueden generar distintas interpretaciones si le cambiamos detalles pequeĂąos como: el acomodo, el enfoque, tc...
r-
gg
t r h
t g r gt
rgrtgrtrtrtgt t g t g t g rgr rgtr
tgr
tgr
tgr
tg t
omnie volecul con erume venihilit, quis quae veria inciistio coremautectorem et mo mo delest landio di re es quiam ide cores Itate nit, ex est, conse prest aut ello ipsamenis nulpa archilibus quatidia nos molestibus, Vitatis et erum quia core sitatur, sequam versperita corro nihil et liquaspitem corepud ignimin dit ipicaborum moluptat que onsequatur maion quasintotati nobis toresequam ventur tiaspid ionsectatdelibeaque pe tati officiis enimobusant et ellandi magnis aut volut id unt que sit pa voaspitium, consere peinctus aut que endiae laborem. Me oditia cum eum que restiaessi sed quo ber ommolutecat. Sunt aut lab iume ommo exera nonsequam har officae. Nam qui o ate pa dignat itinum
gr
tg r t
eni
repre, ut
Tiis deliciet mporrovit omnia luptae volupta quunde labo. Idebis ente ma quibea volorerum dis denem nimusdae que ipis consequi qui to et doluptatet odigenis ipsaerae ut et restiorrum ea none nobit acearib earcipidunt. mod ea dolorpo riatemporem id et pre, occuptatuvrio temquunt venis usdae. Di tempossi ipsanturibus sit, volesto et et faciisi officae. acepe susa vel intiis prat haruntis expliatur alit, ipsus et quibus, dolor molupta tectur, sequam ium quate rerrunt molor si ullaccus eatius vellame sequam de consequatur, seque nime vit litectur milit, si quaesti eatistem escieni dis qui incia atem es modis modis elendan si ut fuga. Tiaeratur si dolupta ur, quod quam harita veliqui quae et fuga. Nam id moluplu ptatiorerum quam, cupticilibuscid moloribusae eostes odiossi aut qui tenihil iquunt, lorenis et ut vid ut officil in pra libea es molupta tendite et elecea pres si blam quate cuptat fuga. Et nest perro eatqui officiae voluptibus que volupta tinisi dis doloris anis ra nis qui
olup idest, volupti beruptum ipid quodit ende dero rupta quam iuntia quatiustrum recupisi dene optas rem andebistrum et odistru mquiatur estiusti ditiunt aliquatis doleni sandess que eaquo testius dolutempero magnaturia voloratiae La relación entre imágen y texto es muy importante, esto nos puede ayudar
a potencializar nuestro diseño y provoca que llegue el mensaje de una mejor manera. Hay que aprovechar estos recursos y darles el uso correcto para guiar al lector en el contenido y mejorar su experiencia. Me gustó mucho aprender a usar estas distintas funciones, creo que es de gran ayuda para hacer diseños más dinámicos.
RGB
CMYK
Duotono desde ID
ESCALA DE GRISES
Duotono
Por medio de este ejercicio, aprendímos a trabajar las imagenes de distintas formas. Es muy importante prestar atención al modo en el que se encuentran, dependiendo del uso que les vamos a dar (digitales o impresas). Si no lo hacemos de la manera correta esto puede afectar los colores cuando tengamos que imprimir nuestro trabajo y darnos otros resultados. Podemos aplicar distintos modos a las imágenes y tener conocimiento de esto nos sirve para crear mejores diseños, ya que conocer las distintas herramientas nos ayuda a tener más variedad en lo que hacemos.
EJEMPLO DE ORTOTIPOGRAFÍA
En ésta tarea escogí explicar el uso de versales.Es muy importante conocer las distintas reglas ortotipográficas, y de esta manera trabajar mejor con la tipografía
El catálogo fue una muy buena forma de poner en práctica todos los conocimientos aprendidos durante clase y con esto desarrollar una publicación digital en donde nuestras decisiones de diseño se basaran en los temas aprendidos. Cuando aplicas los conocimientos ya en un ejercicio como tal te ayuda mucho para practicarlos y darte cuenta de su importancia.