proceso para el diseño de medios impresos

49
PROYECTO FINAL MATERIA: DISEÑO DE MEDIOS IMPRESOS AMRELY ELIZABETH PÉREZ CHI DALIA TADEO LUGO CHETUMAL, Q. ROO 27 DE ABRIL DE 2015

Upload: diego-ivan-ceballos-hernandez

Post on 07-Sep-2015

228 views

Category:

Documents


0 download

DESCRIPTION

Proceso para el Diseño de Medios Impresos

TRANSCRIPT

  • PROYECTO FINAL

    MATERIA:DISEO DE MEDIOS IMPRESOS

    AMRELY ELIZABETH PREZ CHI

    DALIA TADEO LUGO

    CHETUMAL, Q. ROO 27 DE ABRIL DE 2015

  • NDICE

    1. PROCESO PARA EL DISEO DE MEDIOS IMPRESOS

    1.1 Brief1.2 Recopilacin de informacin1.3 Anlisis de informacin1.4 Diseo grfico1.5 Adaptacin para presentacin1.6 Impresin y produccin

    2. PLANEACIN DE LOS MEDIOS IMPRESOS2.1 La maqueta2.3 Determinacin del tamao2.4 Posicin de los elementos

    3. LA TIPOGRAFA3.1 Estilos y caractersticas3.2 Seleccin de tipografa

    4. APLICACIN DE COLOR4.1 Psicologa del color4.2 Significado de los colores

    5. FORMACIN DEL MEDIO IMPRESO5.1 Preparacin de archivos

    6. DISEOS

    Flyer

    Espectacular

  • 1. PROCESO PARA EL DISEO DE MEDIOS IMPRESOS

    1.1 Brief

    Un brief de diseo es un documento integral que rene los parmetroscon los que un diseador o un departamento de diseo, empieza aelaborar una pieza grfica. Este documento es esencial en todo elproceso de la cadena y garantiza al diseador una idea clara de lo quedebe hacer y le permite planear su trabajo desde conceptos concretos.Es clave para la elaboracin de una campaa, un diseo o para eldesarrollo de una pieza grfica que acompaara la estrategia.

    1.2 Recopilacin de informacin

    Dentro de las principales caractersticas que debe tener un brief dediseo estn las siguientes:Sobre la empresa o producto:1. Cul es la historia o antecedentes de la empresa?

    2. Cul es la misin?

    3. Cules son los objetivos de la empresa o producto

    4. Enumere sus productos y servicios, o los beneficios del producto

    5. Defina en una sola frase su empresa o productoSobre el mercado:1. Cul es su mercado objetivo?2. Cmo quiere ser percibido por sus clientes?3. Qu diferencia su producto o servicios sobre los dems?Sobre la competencia:1. Quin es su competencia?2. Cules son las ventajas que tiene sobre la competencia ?3. Cules son las desventajas contra la competencia?

  • 4. Existe algn competidor de referencia Quin es y por qu?Sobre el entorno o contexto:1. Qu tendencias o cambios afectan a la industria?2. Qu visin de su empresa tiene a corto y mediano plazo?3. existe alguna forma de medir la efectividad de su producto oservicio?4. Cul es?Sobre las estrategias de comunicacin:1. Ha implementado estrategias de comunicacin anteriormente,cules?2. Qu resultados obtuvo?3. Qu podra afectar el xito de su empresa o producto?4. Tiene planes de expansin de su empresa o desarrollos denuevos productos en un corto plazo?5. Cules?Informacin adicional:1. En este punto se anexa informacin pertinente sobre aportes delcliente, comentarios, gustos, tendencias, etc.Es importante resaltar que el documento brief debe ser flexible y esnecesario adecuarlo a las condiciones del trabajo en particular y lasnecesidades del cliente, en todo caso la anterior lista da una ideageneral sobre la cual se pueden hacer modificaciones o adiciones quepermitan concebir de una manera clara las pautas para un diseoexitoso, si una compaa de diseo se encuentra en un proceso decertificacin el brief pasa a ser un registro del sistema de calidad.

    1.3Anlisis de informacin

    1. DESCRIPCIN DEL PROYECTODe qu se trata en general la campaa, qu producto o servicio se vaa lanzar y si se va a reposicionar o establecer en el mercado.

  • 2. RETOCul es el problema a resolver por la campaa: acciones para generarventas, obtener una mayor participacin de mercado, cambiar unaimagen negativa, reforzar una imagen positiva, etc.

    3. OBJETIVO DE NEGOCIOQu se pretende lograr con el esfuerzo: crecimiento, mayor margen deutilidad, posicionamiento de un nuevo producto o servicio, enfrentar ala competencia, etc.

    4.OBJETIVO DE LA MARCAConocimiento, posicionamiento, diferenciacin.

    5. OBJETIVOS DE COMUNICACINQu mensaje deseamos transmitir con respecto al producto o servicioque estamos promoviendo qu imagen queremos que se tenga delproducto, servicio y, por supuesto, con todo ello la marca.

    6. TARGET A QUIEN LE ESTAMOS HABLANDO? Nivel socio econmico NSE ABC+ Perfil psicogrfico y de comportamiento de acuerdo a la categora deproducto

    7. QU QUEREMOS DECIRLE AL CONSUMIDOR?Mensajes clave con respecto al producto y/o servicio as como lasrazones para creer en l.

    8. INSIGTHS DE Y AL CONSUMIDORCmo se comporta el consumidor con respecto al producto o servicio(conductas y creencia). Sintonizar los mensajes con dichos insigths.

  • 9. CARCTER DE LA MARCACmo se define y posiciona la marca en cuanto a s misma y a lacompetencia con los dems productos o servicios de la categora:Joven, slido, dinmico, innovador, flexible, segura, institucional,preocupado por sus consumidores, etc.

    10. ESTILO Y TONOLa marca y el producto establecen un estilo de comunicacin deacuerdo a su carcter y se aplica en todas sus comunicaciones:divertido, humorstico, educativo, formativo, con un tono que puede seramable, alegre o solemne y serio.

    11. LOS NOQu elementos de comunicacin definitivamente no deben estarmostrados en la campaa, por ejemplo: tono y estilo rebuscadocuando la marca y el producto son alegres y cercanos a la gente o, porel contrario, falta de formalidad cuando se trata de un tema serio oprudencia cuando el tema lo requiere.

    12. BENEFICIOS:Tener claros los beneficios que brindan al consumidor el producto oservicio.

    13. MANDATORIOS De imagen corporativa, como el manejo de logotipo, colores, slogan De marco legal y autorregulacin

    14. PERIODO DE LA CAMPAATiempo de vigencia de la campaa y, en campaas promocionales,vigencia de concursos, rifas y sorteos.

    15 PRESUPUESTOAsignacin de recursos financieros al proyecto.

  • 16. ENTREGABLESMateriales informativos (investigaciones, anlisis, medicionesestadsticas), reportes de actividades y resultados, etc.Materiales Creativos: proyecto de la campaa estrategia decomunicacin, estrategia de medios.Produccin: materiales grficos, audiovisuales, desarrollos yaplicaciones tecnolgicas, herramientas para ejecuciones, vehculosbrandeados, etc.

    1.4Diseo grfico

    a) El diseador grfico revisar el brief de trabajo antes de empezar, elmaterial que dispone, los estndares (en caso de identidad corporativa otros) provistos por el cliente, los productos grficos actuales delcliente, para asegurarse que ha comprendido el contexto del proyectoy los requerimientos de diseo.

    b) El diseador desarrollar los primeros conceptos, ensayos oborradores y realizar diseos preliminares y elegir las opciones msadecuadas para el desarrollo posterior.

    c) El diseador presenta al cliente los bocetos realizados y explica elporqu de las decisiones de diseo que ha tomado.

    d) Justos evaluarn la presentacin visual en comparacin con el briefde trabajo

    e) Despus de la etapa de revisin y feedback, el diseador, seguirdesarrollando el material como se ha acordado y si es necesariopresentar nuevos diseos.

  • 1.5Adaptacin para presentacina) El diseador prepara los archivos del producto final y los presenta

    b) El cliente aprueba el trabajo firmando los ejemplares o marcandolos cambios que desea que el diseador realice.

    c) Se entregan otros archivos para su aprobacin formal de sernecesario.

    1.6Impresin y produccinEl diseador enva el producto final a una imprenta grfica.

    a) El diseador revisa la prueba que le enviar la imprenta grfica y sela pasa al cliente con anotaciones sobre sus percepciones o lascomenta en una reunin informal con su cliente.

    b) En algunos casos el diseador puede ir a supervisar el trabajo deimpresin mientras la produccin se est realizando.

  • 2. PLANEACIN DE LOS MEDIOS IMPRESOS

    2.1 La maquetaEstructura a base de lneas, generalmente verticales y horizontales, las

    cuales nos ayuda a ordenar coherentemente todos los elementos de lacomposicin como son: ttulo, subtitulo, cuerpo del texto, fotografas,pie y crdito de foto, slogan, ideas resaltadas y numeracin. Cadalnea sirve de gua para colocar mrgenes y medianiles (espacio entrecolumnas).

    A la hora de disear y armar la retcula tenemos que tener muy encuenta:

    Los Mrgenes: para margen Superior, Inferior y Exterior secolocan de 12,7 mm, en el margen interior le subimos a 15 mm,el margen interior siempre debe ser ms grande, hay que tomaren cuenta el acabado engargolado o pegado.

    Los Medianiles: Cada columna va dividida con un medianil de 5mm, lo mismo que el texto llevara una separacin de 5 mm conel ttulo o subtitulo y las fotografas. El pie de foto igual llevaraseparacin de cinco milmetros con la foto. Lo nico que casi nolleva separacin y va casi pegado, el crdito de foto.

    La Mancha Tipogrfica o Cuerpo del Texto: Una retcula bsicase puede conformar de 1 a 6 columnas, ajustando las fotos demanera que acompaen al texto y no que al revs, si estosucede se puede perder el inters por la lectura.

    Espacios en Blanco

    La retcula de L, U y T, son esquemas muy recomendados,mientras que invertidos no, debido a

    L invertida

    Porque la lectura se hace de arribaabajo, izquierdaderecha yen este tipo de retcula, se rompe y est separado el texto del ttulo.

    U invertida

  • No se recomienda por que se pierde la foto con el texto.

    T invertida

    Se pierde el ritmo de lectura y el titulo no est pegado al texto.

    Las retculas ms importantes que debemos realizar en funcin de supublicacin pueden ser:

    Retculas por bloques: Son retculas que ofrecen muchaversatilidad en la compaginacin se usan en pginas depublicidad de peridicos y revistas entre otras publicaciones, lasms comunes son las de 20 bloques y las de 40 bloques

    Retculas para pginas par/impar: En publicaciones que seeditan a doble pgina y contienen pginas pares e impares. Lapgina izquierda es la pgina par y la pgina derecha es lapgina impar, estas retculas se suelen realizar a doble pginaprincipalmente para el marcado de la foliacin de las pginas.

    Retculas por columnas: En la determinacin del nmero decolumnas por retcula debemos tener en cuenta la funcionalidadde la anchura de las mismas. El nmero de columnas en nuestraretcula depende del tipo de publicacin y nos viene especificadopor el diseador y/o cliente como ya hemos explicado en otrasocasiones. Normalmente se determina la cantidad de dichascolumnas por la comodidad en la lectura de los textos que tienerelacin entre cuerpo del texto de la columna y ancho de lamisma.

    2.3 Determinacin del tamao

    Existen muchos otros tipos de estructuras de repeticin, habitualmentederivadas de la retcula. Tales variaciones de la retcula pueden ser:

    a) Proporcin: Las subdivisiones cuadradas del enrejado bsicopueden ser sustituidas por rectangulares. El equilibrio de lasdirecciones verticales y horizontales quedan as transformado, y una

  • direccin consigue un mayor nfasis.

    b) Direccin: Todas las lneas verticales u horizontales, o ambaspueden ser inclinadas hasta cualquier ngulo. Tal modificacin sobrela inicial estabilidad verticalhorizontal puede provocar una sensacinde movimiento.

    c) Deslizamiento: cada fila de subdivisiones estructurales puede serdeslizada en una u otra direccin, regular o irregularmente. En estecaso, una subdivisin puede no estar directamente encima o contiguaa otra subdivisin en una fila adyacente.

    d) Curvatura o quebrantamiento: Todo el conjunto de lneas verticalesu horizontales, o ambas, puede ser curveado o quebrado en formaregular, lo que deriva a subdivisiones estructurales que continansiendo de la misma forma y el mismo tamao.

    e) Reflexin. Una fila de subdivisiones estructurales, como en loscasos b) y d) (y supuesto que los bordes exteriores de cada fila seanan rectos y paralelos entre s), puede ser reflejada y repetida, enforma alternada o regular.

    f) Combinacin: Las subdivisiones estructurales en un estructura derepeticin pueden ser combinadas para integrar formas mayores oquiz ms complejas. Las subdivisiones nuevas y mayores deben ser,desde luego, de iguales forma y tamao, ajustando perfectamenteentre si, si n intervalos en el diseo.

    g) Divisiones ulteriores. Las subdivisiones estructurales en unaestructura de repeticin pueden ser nuevamente divididas en formaspequeas o quiz ms complejas. Las subdivisiones nuevas y mspequeas deben ser tambin de igual forma y tamao.

    h) La retcula triangular: La inclinacin de la direccin de lneasestructurales y su nieva divisin en las subdivisiones que as seforman permiten obtener un enrejado triangular. Tres direcciones

  • equilibradas se distinguen habitualmente en tal retcula triangular,aunque una o dos de las direcciones pueden parecer msprominentes.

    i) La retcula hexagonal: Combinando seis unidades espacialesadyacentes de una retcula triangular se obtiene una retculahexagonal. Puede ser alargado, comprimido o distorsionado

    2.4 Posicin de los elementos

    Retcula de manuscritoLaretcula de bloque o manuscritoes la estructura ms simple. Suestructura de base est formada por un rea rectangular de un solobloque donde se insertan textos largos y contnuos, por los mrgenesque definen la posicin de este bloque en la pgina y por losmarcadores de obra/ttulo de captulo, numeracin de pginas y notas.

    Debe prestar especial atencin a la facilidad, comodidad y motivacinde la lectura:

    Estudio de la trada: longitud de lnea,cuerpo de la tipografa einterlineado.

    Ajuste de las proporciones de los mrgenes: mrgenes interioresamplios.

    El tratamiento de la informacin secundaria. El uso del color en la tipografa, el resaltado y la alineacin a la

    hora de percibir la jerarqua de la informacin en la pgina

    Retcula de columnas

  • La informacin dispuesta en columnas verticales puede establecerseentre columnas relacionadas o independientes. La retcula decolumnas es muy flexible y puede utilizarse para separar distintos tiposde informacin.

    En este tipo de retcula es muy importante cuidar:

    El ancho de columna en relacin al cuerpo de la tipografa en cadacaso y las particiones de palabra que origina.

    La medianil o espacio en blanco entre columnas. Las lneas de flujo horizontales que crean los cortes de la

    informacin.Laretcula de columnas compuestaforma una retcula de columnadiferente para distintos tipos de informacin en una misma pgina.

    Retcula modularSe utiliza para proyectos de gran complejidad. Es en esencia unaretcula de columnas con un gran nmero de lneas de flujohorizontales que dividen las columnas en filas creando una matrz deceldas que se denominan mdulos. Cada mdulo define una porcinde espacio informativo que se pueden utilizar como unidad simple (unslo mdulo contiene un nico tipo de informacin) o como unidadcompuesta (varios mdulos se agrupan para contener un determinadotipo de informacin).

  • En este tipo de retculas hay que prestar especial atencin a Las proporciones y nmero de modulos utilizados Los mrgenes y las medianiles La relacin y subordinacin de la informacin.Este tipo de retcula es adecuada para el diseo de informacintabulada (cuadros, formularios, programaciones, etctera). Ms alldesus usos prcticos, se utiliza para asignar un valor adicinal de orden,claridad, apariencia urbana, tecnolgica, cientfica, etctera.

    Retcula jerrquicaA veces, las necesidades de la informacin a organizar en undeterminado proyecto, exigen un tipo de retcula que no encaja en losanteriormente citados, y requieren un tipo de alineacin vinculada a lasproporciones y relaciones de los elementos informativos de los que separte. Por lo tanto en este caso, se parte de un material informativodado (textos, imgenes, grficos, tablas, jerarqua de ttulos ysubttulos, apartados informativos especficos) y se busca para elconjunto, una estructura racionalizada que lo coordine.

  • Este tipo de retculas se utilizan sobre todo en libros de arte, carteles,memorias y pginas web.

  • 3. LA TIPOGRAFA

    3.1 Estilos y caractersticasLosgruposrenen tipografas con caractersticas genricas en cuantoa la apariencia, como por ejemplo si presenta o no serif, si sondiseadas o escritas, etc. Cada uno de los grupos se encuentradividido en diferentesestilosque aglutinan tipografas que presentandeterminadas constantes formales. Son estos estilos los que agrupana la enorme cantidad defamilias tipogrficas. Es en el diseo de lasdiversas familias donde se distinguen distintos grados de regularidadmorfolgica y situaciones de repeticin en ciertos detalles formales. Engeneral las familias tipogrficas presentanvariableso deformacionesproyectivas, respecto al tono, a la proporcin y a la inclinacin.

    Anatoma tipogrfica

    Para afrontar con reales posibilidades un intento de clasificacin esnecesario tener en cuenta algunos elementos referentes a la anatomade la letra. Las partes de la letra, como su nomenclatura permitirnrealizar el anlisis formal de los elementos que determinan laapariencia de la misma, y por lo tanto posibilitar establecer suubicacin en la clasificacin de grupos y estilos.

  • Un intento de clasificacin

    Este intento de realizar una clasificacin elemental est basado encaractersticas relacionadas con la anatoma de la letra, y si bien tomacomo referente la clasificacin realizada por Maximilian Vox en 1954,apunta a lograr una simplificacin respecto a los estilos transicionales.La clasificacin aqu propuesta reconoce cuatro amplios grupos oconjuntos bsicos: TipografasSerif (Con Serif o Roman),TipografasLineales (Sin Serif o Paloseco), TipografasCursivas (oScript)y TipografasDecorativas (o Graphic)

    Cada conjunto est subdividido en estilos, de los cuales a continuacindar algunas caractersticas bsicas y ejemplos de fuentesdigitalizadas.

    Sin desmedro de la clasificacin propuesta, existen en laactualidadfamilias tipogrficas serialesosuperfamiliasque superantodas las barreras de los grupos clasificatorios, como por ejemplo latipografaRotis, diseada por Olt Aicher, que presenta un programatipogrfico de cuatro alternativas de estilo:Sans Serif, Semi Sans,Semi Serif y Serif.

    A Grupo:Tipografas Serif(Con Serif o Roman)

  • A.1 Estilo:Romanas Antiguas(Garaldas)

    Las Romanas Antiguas, son tipografas que poseen serif triangular ypresentan diferencias en los trazos. Derivan de las inscripcionesromanas, originalmente talladas en piedra. En general son tipografascon buena legibilidad y se utilizan habitualmente para textos de largoalcance. (Ejemplos:Garamond / Times / Bembo)

    A.2 Estilo:Romanas Modernas(Didonas)

    Las tipografas Romanas Modernas, presentan serif lineal o filiforme yuna gran diferencia entre los trazos gruesos y finos. Al igual que lasromanas antiguas, derivan de los textos esculpidos en piedra, en lasconstrucciones y monumentos romanos. (Ejemplos:Bodoni / Modern /Didot)

  • A.3 Estilo:Egipcias(Mecanas)

    Las tipografas Egipcias se distinguen principalmente por el serifcuadrangular. Pueden presentar o no diferencia en los trazos. Engeneral son ms pesadas que las romanas, y son utilizadasfrecuentemente para ttulos o rtulos. No es aconsejable su uso paratextos largos. (Ejemplos:Clarendon / Serifa / Schadow)

  • B Grupo:Tipografas Lineales(Sin Serif o Paloseco)

    B.1 Estilo:Geomtricas.

    Las tipografas de paloseco geomtricas no presentan ningn tipo deserif o remate ni diferencia en los trazos. Se caracterizan por unaconstruccin rgida, donde predominan las formas geomtricas enapariencia puras. Las rectas pronunciadas y las formas circulareshacen que no sea una tipografa aconsejable para la utilizacin enbloques de texto. (Ejemplos:Avant Garde / Futura / Kabel)

    B.2 Estilo:Neogrotescas.

    Las tipografas Neogrotescas, al igual que las geomtricas, nopresentan serif, sin embargo ostentan trazos con mayoresmodulaciones y una construccin mucho ms dctil y dcil, resultado

  • de cuidadosas correcciones pticas. Del grupo de las tipografas sinserif, son en general unas de las ms utilizadas para textos de corto ymediano alcance. Las tipografas Neogrotescas presentan muy buenalegibilidad en palabras o frases cortas, por lo que son consideradascomo las ms apropiadas para ser empleadas en sealizaciones.(Ejemplos:Helvetica / Frutiger / Univers)

    B.3 Estilo:Humanistas.

    Las tipografas de estilo Humanista, al igual que las geomtricas yneogrotescas, no presentan serif. Exhiben modulaciones en sustrazos, aunque puede o no existir diferencia entre ellos. Se distinguenpor un aspecto suficientemente orgnico como para ser consideradascomo las de mejor rendimiento de lectura, entre las tipografas sinserif. (Ejemplos:Optima / Gill Sans / Britannic)

  • C Grupo:Tipografas Cursivas(Script)

    El termino cursivas se utiliza para designar a las tipografas cuyaapariencia se asemeja o est inspirada en la tipografa hecha a mano.Las tipografas cursivas exhiben una fluidez y una gracia sensiblepropia del gesto manual, y una morfologa relacionada con el elementoescriptor.

    C.1 Estilo:Gestuales.

    Las tipografas gestuales expresan la fuerza y la gracia del trazohecho a mano. Las fuentes de este estilo, que aparecen en lossistemas informticos, imitan la escritura a mano puesto que, sindudas se basan en la escritura manuscrita, pero han sufrido una seriede correcciones y ajustes en el transcurso del proceso dedigitalizacin. (Ejemplos:Mistral / Brush / Choc)

  • C.2 Estilo:Caligrficas.

    Las tipografas de estilo caligrfico, al igual que las tipografasgestuales imitan o se inspiran en la escritura hecha a mano, aunqueen este caso su ejecucin ostenta una serie de normas estrictas encuanto a alineaciones e inclinaciones, al igual que una marcadautilizacin de la pluma recortada como elemento escriptor. El carctercaligrfico se encuentra acentuado por la existencia de empalmes,remates y florituras. (Ejemplos:Commercial Script / Shelley / Bickham)

  • C.3 Estilo:Gticas.

    Las tipografas gticas, al igual que las otras tipografas delgrupocursivas o script, se inspiran en la escritura manual, aunqueadems de presentar normas y reglas muy precisas en suconstruccin, exhiben una morfologa caracterstica, propia del estilo,producto del elemento escriptor utilizado en la escritura original y suparticular forma de uso. (Ejemplos:Cloister Black / Goudy Text / FetteFraktur)

  • D Grupo:Tipografas Decorativas(Graphic)

    En el conjunto de tipografasdecorativas, fantasa o graphics,entraran todos los tipos de letra cuyas caractersticas no se ajustan alas de los conjuntos anteriores. Son tipografas que en su mayora hansido creadas con fines especficos, y donde el aspecto de legibilidadno se ha tenido demasiado en cuenta. A menudo presentan una grancarga expresiva, a travs de atributos temticos. Definitivamente, noson tipografas adecuadas para bloques de textos. (ejemplos:Shotgun/ Umbra / Hobo)

    fig. Shotgun

    fig. Umbra

    3.2 Seleccin de tipografa

    En diseo grfico elegir la tipografa idnea tiene la misma importanciaque elegir los colores, las imgenes o el formato de un trabajogrfico.La eleccin de una tipografa u otra debe estar basada encriterios estticos y funcionales y adecuados al contenido y propsitogeneral de cada proyecto grfico.Elegir una u otra tipografa cambiar

  • completamente el aspecto y resultado final de tus diseos, por estarazn no debers elegir una tipografa guindote nicamente por tusgustos personales. En este post te damos pautas para que puedasescoger correctamente el tipo de letra que mejor se adapte a cada unode tus diseos grficos.

    Las tipografas pueden expresar estados de nimo, emociones, estilosde vida, asociarse a perodos histricos concretos o a productos ymarcas conocidas.Pueden ser comprimidas, expandidas, angulosas,redondas, refinadas, simples, modernas, elegantes, agresivas y enfuncin de los dems elementos de diseo grfico a los queacompaen transmitirn sensaciones y mensajes muy distintos.

    Una buena tipografa ayuda a comunicar la imagen que deseamos enuna identidad corporativa, refuerza el diseo de un folleto o un cartel,contribuye a mejorar la legibilidad de un libro y en ocasiones puedeconstituir el nico elemento de diseo grfico, como ocurre en muchasportadas y portadillas de libros o en algunos tipos de carteles ypancartas.

    Aspectos que influyen en la eleccin de la tipografa

    La audiencia a la que te diriges.El tipo de letra y el diseoen general deber ser acorde a los gustos del pblico al quequieras llegar, no es lo mismo disear y escoger tipografas paragente joven, mayores, personas de gustos tradicionales o gentemoderna.

    El tipo de texto.La tipografa que escojas deber estar enconsonancia con el mensaje que se comunique y el tipo de letravariar segn se trate de textos informativos, educativos,promocionales, divertidos...

    Las imgenes que acompaan al texto.A veces una fuentetipogrfica puede escogerse en funcin de la esttica y el estilode las imgenes a las que acompaa.

    La extensin del texto y la cantidad de espaciodisponible.En textos muy largos debers elegir tipografas queno cansen al lector, si tienes poca cantidad de espaciodisponible tendrs que escoger algn tipo de letra comprimidaque se lea bien pero ocupe poco. Aprovecha los titulares,

  • subtitulares y portadillas para usar fuentes ms estticas yoriginales.

    El soporte en el que se emplear la tipografa. No es lomismo elegir un tipo de letra para un libro, un cartel, un envase,un logotipo o una pgina web.Si por ejemplo vas a escoger latipografa para un libro debers fijarte que tenga buenalegibilidad y que incluya negritas, cursivas, versalitas,maysculas, acentos, nmeros Si la tipografa es para usar enel titular de un cartel o en el diseo de un logotipo primar msla esttica.

    El aspecto general del diseo grfico.La tipografa seconvierte en un elemento ms de diseo grfico y se eligen unostipos de letra u otros con la intencin de reforzar aspectosconcretos del diseo grfico o bien se juega con las tipografascomo elemento dinmico y rompedor.

    Claves para elegir la tipografa correcta

    Vigila la correcta relacin entre tamao de letra, ancho decolumna e interlineado.Si vara una de las tres cosas tendrsque adaptar las otras dos para que la proporcin sea siempre laadecuada y no cansar al lector. Un tamao entre 8 y 11 puntoses ideal para una buena legibilidad de los textos. El correctoespaciado entre letras y palabras tambin es importante, ya quelas tipografas demasiado comprimidas o muy expandidascansan ms y se leen peor, pero pueden funcionar bien enpequeos bloques de texto o para pies de fotos. La longitudideal de lnea es la que contiene entre 60 y 65 caracteres.

    Ten en cuenta el contraste de color entre las letras y elfondo, a menor contraste menos legibilidad.La mejorcombinacin en cuanto a legibilidad es el texto negro sobrefondo blanco. El texto negro sobre fondo amarillo se lee bien delejos, con letras grandes y en textos breves. Los textos enblanco sobre fondo negro se leen peor y cansan la vista, si losusas hazlo en textos cortos, con tipografas muy legibles y en untamao mayor y ms grueso que el de los textos en negro sobrefondo blanco. Los textos en color rojo o naranja cuesta leerlospero puedes usarlos en titulares y rtulos en los que quierasllamar la atencin.

  • No combines ms de dos tipos de letra.Aunque tipografasmuy diferentes bien combinadas pueden generar contraste ydiseos atractivos y dinmicos, utilizar muchos tipos de letra enun mismo trabajo genera confusin y desorden.Si necesitasms variaciones tipogrficas consguelas jugando con lostamaos de letra, el color, los espacios y la direccin deltexto,pero no atiborres tu diseo con muchas tipografasdiferentes.

    Utiliza con moderacin las maysculas, versalitas, negritasy cursivas.Estn bien para destacar palabras concretas oenfatizar una frase, pero usadas en exceso perjudican lalegibilidad y el diseo.

  • 4. APLICACIN DE COLOR

    4.1 Psicologa del color

    Campo de estudio que est dirigido a analizar el efecto del color en lapercepcin y la conducta humana. Desde el punto de vistaestrictamente mdico, todava es una ciencia inmadura en la corrienteprincipal de la psicologa contempornea, teniendo en cuenta quemuchas tcnicas adscritas a este campo pueden categorizarse dentrodel mbito de la medicina alternativa.

    Sin embargo, en un sentido ms amplio, el estudio de la percepcin delos colores constituye una consideracin habitual en disciplinas comoel diseo, la arquitectura, la moda, la sealtica, la publicidad y el arte.

    4.2 Significado de los colores

    Azules

    Confianza #88A394 136 163 148 147 17% 64%

    Amistad #989993 152 152 147 70 4% 60%

    Armona #9FA3A2 159 163 162 165 2% 64%

    Simpata #A17E5E 161 126 94 29 42% 63%

    Nombre Muestra HTML RGB HSV

  • Prctico #AFC0C7 175 192 199 198 12% 78%

    Masculino #7D758A 125 127 138 263 15% 54%

    Deportividad #B3C0D1 179 192 209 214 14% 82%

    Independencia #9CA9A0 156 169 160 138 8% 66%

    Concentracin #B1B3C0 177 179 192 232 8% 75%

    Ciencia #C5C6DB 197 198 219 237 10% 86%

    Inteligencia #d0d1e6 208 209 230 237 10% 90%

    Fro #a9accd 169 172 205 235 18% 80%

    Fantasa #aca8b7 172 168 183 256 8% 72%

    Grande #a89899 168 152 153 356 10% 66%

    Eternidad #C1C0D2 193 192 210 243 9% 82%

    Vasta Lejana #9098BC 144 152 188 229 23% 74%

    Fidelidad #929da1 159 163 162 165 2% 64%

    Felicidad #929DA1 146 157 161 196 9% 63%

  • Mrito #CCA9AF 204 169 175 350 17% 80%

    Anhelo #A698B1 166 152 177 274 14% 69%

    Pasividad #ACBCC9 172 188 201 207 14% 79%

    Descanso #B46F72 165 190 186 170 13% 75%

    Tcnico y Funcional #B8B9CE 184 185 206 237 11% 81%

    Rojos

    Calor #FB7C5B 251 124 91 12 64% 98%

    Atractivo #CC9C9A 204 156 154 2 25% 80%

    Valor #A08481 160 132 129 6 19% 63%

    Fuerza y Vigor #B6848F 182 132 143 347 27% 71%

    Odio #ED9482 237 143 130 10 45% 93%

    Amor #F93f42 250 63 66 320 75% 100%

    Nombre Muestra HTML RGB HSV

  • Ertico #D0575E 208 87 98 357 58% 82%

    Sexualidad #E26B6F 226 107 111 358 53% 89%

    Seductor #D47F84 212 127 132 356 40% 83%

    Prohibido #B46F72 180 111 114 357 38% 71%

    Peligro #CB7262 203 114 98 9 52% 80%

    Excitacin #F08679 240 134 121 7 50% 94%

    Agresividad #CE7F7B 206 127 123 3 40% 81%

    Ira #BD5E5A 189 94 90 2 52% 74%

    Extraversin #EF9976 239 153 118 17 51% 94%

    Grito (alzar la voz) #E2906A 226 144 106 19 39% 89%

    Cercana #E3A78B 227 167 139 19 53% 89%

    Deseo #B1B3C0 238 110 99 5 58% 93%

    Pasin #f25850 242 88 80 3 67% 95%

    Energa #e48871 228 136 113 12 50% 89%

  • Actividad #D6A47F 214 164 127 26 41% 84%

    Dinamismo #C47568 196 117 104 8 47% 77%

    Inmoral #BF7D8B 191 125 139 347 35% 75%

    Amarillos

    Celos #B2BF87 178 191 135 74 29% 75%

    Energa #E48871 228 136 113 12 50% 89%

    Envidia #B2CE84 178 206 132 83 36% 81%

    Veraniego #B7CE77 183 195 119 69 39% 76%

    Optimismo #B0C493 176 196 147 84 25% 77%

    Amabilidad #BEBFAD 190 191 173 63 9% 75%

    Placer #C7A889 199 168 137 30 31% 78%

    Divertido #FBB67D 251 182 125 27 50% 98%

    Nombre Muestra HTML RGB HSV

  • Anguloso #ABA9AC 171 169 172 280 2% 67%

    Mentira #ACA89C 172 168 156 45 9% 67%

    Ovalado #EFD5C6 239 213 198 22 17% 94%

    Redondo #FABB92 250 187 146 24 42% 98%

    Triangular #C9D9B4 201 217 180 86 17% 85%

    Presuntuoso #ECC395 236 195 149 32 37% 91%

    Impertinente #E8A393 232 163 147 11 37% 91%

    Espontneo eimpulsivo #BBC097 187 192 151 67 21% 75%

    cido #99D476 153 212 118 98 44% 83%

    Egosmo #C49E8B 196 158 139 20 29% 77%

    Avaricia #B0B889 176 184 137 70 26% 72%

    Verdes

    Nombre Muestra HTML RGB HSV

  • Triangular #86B4AA 201 217 180 86 17% 85%

    Recogimiento #97A399 151 163 153 130 7% 64%

    Tranqulizador #86B4AA 134 180 170 167 26% 71%

    Venenoso #87C68F 135 198 143 128 32% 78%

    Esperanzaen laconfianza #70B18F 112 177 143 149 37% 69%

    Egosmo #C49E8B 196 158 139 20 29% 77%

    Juventud #CBDEBE 203 222 190 96 14% 87%

    Refrescante y fresco #B2CE84 149 171 133 95 22% 67%

    Primavera #B2CE84 139 49 71 92 182% 121%

    Sano #B9907E 137 144 126 83 13% 56%

    Vivaz #B0C493 153 174 117 82 33% 68%

    Natural #BEBFAD 140 195 166 148 28% 76%

    Tolerancia #B1BBC7 177 187 199 213 11% 78%

    Agradable #A5AE9B 165 174 155 88 11% 68%

  • Invierno #D5D5E1 213 213 225 240 5% 88%

    Otoo #C2A853 194 168 83 46 57% 76%

    Fresco,verano #B7C377 183 195 119 69 39% 76%

    Primavera #5DB779 93 183 121 139 49% 72%

    Confianzaen lo seguro #9DB9AD 157 185 173 154 15% 73%

    Negros

    Magia #8A7E80 138 126 128 350 9% 54%

    Misterioso #9E8598 158 133 152 314 16% 62%

    Infidelidad #B3A48F 179 164 143 35 20% 70%

    Egosmo #C49E8B 196 158 139 20 29% 77%

    Duelo #544F53 84 79 83 312 6% 33%

    Finalizado #8B898A 139 137 138 330 1% 55%

    Nombre Muestra HTML RGB HSV

  • Pesado #787469 120 116 105 44 13% 47%

    Duro #85848A 133 132 138 250 4% 543%

    Anguloso #ABA9AC 171 169 172 280 2% 67%

    Estrechez y apretura #7F7B78 127 123 120 26 6% 50%

    Poder #A98472 169 132 114 20 33% 66%

    Violencia y brutalidad #8D706C 141 112 108 7 23% 55%

    Elegancia #B9B6AD 185 182 173 45 6% 73%

    Conservador #A6A39C 166 163 156 42 6% 65%

    Maldad #7D7A75 125 122 117 37 6% 49%

    Introversin #9E99AD 158 153 173 255 12% 68%

    Blancos

    Comienzo #C8EAD9 200 234 217 150 15% 92%

    Nombre Muestra HTML RGB HSV

  • Ligero #E8D8C1 232 216 193 35 17% 91%

    Objetividadneutral #C7CAD3 199 202 211 225 6% 83%

    Inocencia #FDE9F2 253 233 242 333 8% 99%

    Pureza #EDEDF5 237 237 245 240 3% 96%

    Susurro #D9C8DB 217 200 219 294 9% 86%

    Exactitud #7D7A75 125 122 117 37 6% 49%

    Univocidad #B2A1A9 178 161 169 332 10% 7O%

    Honestidad #CCCACB 204 202 203 330 1% 80%

    Ideal y perfecto #D6D2C9 214 210 201 42 6% 84%

    Verdad #C8C5C0 200 197 192 38 4% 78%

    Bien #D3D2D0 211 210 208 40 1% 83%

    Nuevo/ Novedad #B0CEB6 176 206 182 132 15% 81%

  • Naranjas

    Actividad #D6A57D 21165 125 27 42% 84%

    Extraversin #EF9976 239 153 118 17 51% 94%

    Original #D9A6AB 217 166 171 354 24% 85%

    Frvolo/Convencional #DFAEA7 223 174 167 7 25% 87%

    Inadecuado/Subjetivo #D09FA3 208 159 163 355 24% 82%

    Llamativo #E8A393 232 163 147 11 37% 91%

    Alegre #FCB77E 252 183 126 27 50% 99%

    Sociabilidad #BEBB91 190 189 145 59 24% 75%

    Divertido #CAAC8A 202 172 138 32 32% 79%

    Aromtico #B9BB89 185 187 137 62 27% 73%

    Gusto #BFAB86 191 171 134 39 30% 75%

    Nombre Muestra HTML RGB HSV

  • 4Cercana #E3A78B 227 167 139 19 39% 89%

    Violetas

    Moda #B59B9A 181 155 154 2 15% 71%

    Original #DFB3A8 223 179 168 12 25% 87%

    Frvolo/Convencional #E3B7AC 227 183 172 12 24% 89%

    Fantasa #AB9DAC 171 157 172 296 9% 67%

    Oculto #9A8594 154 133 148 317 14% 60%

    Magia #8A7E80 138 126 128 350 9% 54%

    Vanidad #DAA99B 218 169 155 13 29% 85%

    Singular #CBAEAA 203 174 170 7 16% 80%

    Extraversin #D3B7C3 211 183 195 334 13% 83%

    Devocinyfe #BCB0BA 188 176 186 310 6% 74%

    Nombre Muestra HTML RGB HSV

  • Inadecuado y subjetivo #D0A2A4 208 162 164 357 22% 82%

    Ambigedad #CAA2AD 202 162 173 343 20% 79%

    Artificial #D5A8AF 213 168 175 351 21% 84%

    Rosas

    Erotismo #D0575E 208 87 94 357 58% 82%

    Seductor #CA909E 202 144 158 356 29% 79%

    Infancia #F9DDDC 248 179 184 356 28% 97%

    Tierno, dcil y manso #F9DDDC 249 219 198 26 20% 96%

    Pequeo #F6DBC6 246 219 198 26 20% 96%

    Femenino #F3AFBC 243 175 188 349 28% 95%

    Ilusinyensueo #D7AECE 215 174 206 313 19% 84%

    Romanticismo #DA889E 218 136 158 344 38% 85%

    Nombre Muestra HTML RGB HSV

  • Barato #E2B6B3 226 182 179 4 21% 898%

    Artificial y natural #D5A6AE 213 166 174 350 22% 84%

    Benigno #DDC4BD 221 196 189 13 14% 87%

    Dulcey delicado #EDAA90 237 170 144 17 39% 93%

    Encanto #C6ACB5 198 172 181 339 13% 78%

    Ambigedad #CAA2AD 202 162 173 343 20% 79%

    Cortesa #D1D2D4 209 210 212 220 1% 83%

    Sensibilidad #EFE0DB 239 224 219 15 8% 239%

    Delicadeza #DA95B1 218 149 177 336 32% 85%

    Vanidad #DBA79A 219 167 154 12 30% 86%

    Oro

    Felicidad #D0BF91 208 191 145 44 30% 82%

    Nombre Muestra HTML RGB HSV

  • Presuntuosidad #E4C38E 228 195 142 37 38% 89%

    Lujo #CFA889 207 168 137 27 34% 81%

    Solemnidad #D1CCAF 209 204 175 51 16% 82%

    Belleza #E6BF94 230 191 148 31 36% 90%

    Pompa (funeral) #E4C5A9 228 197 169 28 26% 89%

    Mrito #D7B2AA 215 178 170 11 21% 84%

    Orgullo #D8BCAE 216 188 174 20 19% 85%

    Plata

    Tcnico y funcional #AEAFC1 174 175 193 237 10% 76%

    Moderno #C7C1C5 199 193 197 320 3% 78%

    Dinamismo #C993A0 201 147 160 346 27% 79%

    Velocidad #D7AB9E 215 171 158 14 27% 84%

    Nombre Muestra HTML RGB HSV

  • Extravagante #D2B8C1 210 184 193 339 12% 82%

    Singular #CAACAA 202 172 170 4 16% 79%

    Elegancia #B8B4A8 184 180 168 45 9% 72%

    Marrn

    spero #ABB1A2 171 177 162 84 8% 69%

    Acogedor #A0AE8D 160 174 141 85 19% 68%

    Necedad #C2ACA9 194 172 169 7 13% 76%

    Pereza #ADA08F 173 160 143 34 17% 68%

    Desagradable #9EA29B 158 162 155 94 4% 64%

    Antiertico #C4C7B4 196 199 180 69 10% 78%

    Antiptico #B5A1A1 181 161 161 0 11% 71%

    Feo #A59C96 165 156 150 24 9% 65%

    Nombre Muestra HTML RGB HSV

  • Anticuado #BFB9A5 191 185 165 46 14% 75%

    Corriente #BF6A7F 191 106 127 345 45% 75%

    Amargo #B4CAA1 180 202 161 92 20% 79%

    Gris

    Vejez #ABA8A1 171 168 161 42 6% 67%

    Insensible e indiferente #C0BEBF 192 190 191 330 1% 75%

    Inseguro #D5C5AE 213 197 174 35 18% 84%

    Reflexivo #B2B1B9 178 177 185 247 4% 73%

    Feo #A59C97 165 156 151 21 8% 65%

    Desapacible #A7A49B 167 164 155 45 7% 65%

    Soledadyvaco #A8A7AD 168 167 173 250 3% 68%

    Aburrido #ADAAA5 173 170 165 37 5% 68%

    Nombre Muestra HTML RGB HSV

  • Prctico #B0C3C9 176 195 201 194 12% 79%

    Conservador #A6A39C 166 163 156 42 6% 65%

    Corriente #C9BCAB 201 188 171 34 15% 79%

    Honradez, probidad yconformismo

    #C6C2B6 198 194 182 45 8% 78%

    Modestia #DCCECD 220 206 205 4 7% 86%

  • 5. FORMACIN DEL MEDIO IMPRESO

    5.1 Preparacin de archivosSi ests escaneando t mismo las imgenes, es mejor salvarlas en tiff eps.

    Estos formatos conservarn mejor el color y nitidez de tus fotos.Formatos como gif o jpg compactan el color y los pixeles de la foto (laresolucin) esto puede causar cambios de color y que la imagen sevea borrosa. Como jpg y gif son los formatos ms comunes eninternet, no sirve copiar una imagen de un sitio de internet y usarla enel diseo que vas a imprimir.

    Debes escanear tus imgenes a 300 dpi al tamao original de tudiseo para que los colores sean suaves y la imagen ntida. Noescanees a 300 dpi y luego crezcas la imagen en el programa dediseo. De igual manera, no debes usar imgenes tomadas de sitiosde internet que seguramente tienen 72 dpi de resolucin y se vernmuy borrosas cuando se impriman.

    Si utilizas fotos de tu cmara digital, se vern bien si estn en formatojpg la calidad de las imgenes jpg de las cmaras digitales es muchomejor que los jpg que se usan en internet. Debes convertirla a 300 dpial tamao original que necesitas para estar seguro de que tiene laresolucin adecuada.

    Si tu archivo est en un programa que no permite convertir las fuentesa curvas, debes enviar una copia de tus fuentes junto con el archivo.

  • Existen unas pequeas diferencias. Los scaners y cmaras digitales,crean imgenes utilizando solo 3 colores: rojo, verde y azul (RGB).Estos son los mismos colores que las computadoras usan paramostrar las imgenes en el monitor. Pero la imprenta utiliza un modelodiferente de colores: cyan, magenta, amarillo y negro (CMYK). Por lotanto, en algn momento tus archivos RGB deben convertirse a CMYKpara imprimirse. Esto es fcil de hacer en programas como PhotoShopo Corel PhotoPaint.

    Tendrs mayor control sobre la apariencia de tu diseo impreso, siconviertes todas las imgenes de RGB a CMYK antes de enviarnostus archivos.

    Cuando recibimos imgenes RGB las convertimos a CMYK pero elresultado puede no ser el esperado. Queremos que quedes contentocon el resultado, as que por favor toma el tiempo para preparar tuarchivo adecuadamente.

    No podemos responsabilizarnos por malos resultados si nosproporcionas imgenes de baja resolucin o en RGB.

    Toma en cuenta que es posible hacer colores en RGB que no puedenreproducirse en CMYK, se les llama colores fuera de la gama CMYK.Lo que sucede es que el convertidor a CMYK crea un color lo msparecido posible al original, por lo tanto, es importante que los coloresque elijas para los objetos, las imgenes y la tipografa en tu diseo,sea del modelo CMYK para evitar resultados inesperados.

    Es mejor no usar color en texto menor de 12 pts. En todas lasimprentas existe una mnima variacin de registro, el resultado sonpequeos halos de color alrededor de la letra. Es correcto usar textode color en ttulos grandes y en texto hasta de 12 pts., en tamaosms pequeos el halo ser muy notorio y no te gustar. Lo mismoocurre con texto calado en blanco sobre fondo obscuro, se puedehacer sin utilizar tipografa menor de 12 pts., de otro modo laspalabras seran difciles de leer y se ver poco profesional.

  • Ten cuidado al usar fotografas como fondo. Si pones texto decualquier color encima de la foto, puede ser difcil de leer. El secretoes aclarar la foto bastante ms de lo que puedes pensar que esnecesario.

    7. DISEOS

    Flyer

    Tipo de retcula:Colores:Tipografa:

    Espectacular

    Tipo de retcula:Colores:Tipografa: