Comunicación Visual

31

description

Módulo Comunicación Visual

Transcript of Comunicación Visual

Page 1: Comunicación Visual
Page 2: Comunicación Visual

2

3

COMUNICACIÓNVISUAL

Guía del estudiante

Realizado por la formadora

Juliana Yepes Huertas

Instituto Colombiano de AprendizajeINCAP

Programa Técnico Laboral en Comunicación Gráfica Publicitaria

Page 3: Comunicación Visual

4

5

1. Mensaje Visual.2. Elementos Básicos de la Comunicación Visual.3. Elementos de Relación.4. Composición.

1. Psicología del Color.2. Percepción Visual.

1. DiseñoTipográfico.2. Señalética.

Comunicación y Composición

Terminología de La Percepción Visual

Diseño Tipográfico y Señalética

Uni

dad1EL SIGUIENTE MATERIAL SE PREPARÓ CON FINES ESTRIC-

TAMENTE ACADÉMICOS, DE ACUERDO CON EL ARTÍCULO 32 DE LA LEY 23 DE 1982, CUYO TEXTO ES EL SIGUIENTE:

ARTÍCULO 32:

“Espermitidoutilizarobrasliterarias,artísticasopartedeellas,atítulodeilustraciónenobrasdestinadasalaense-ñanza,pormediodepublicaciones,emisionesoradiodi-fusiones,ograbacionessonorasovisuales,dentrodeloslímitesjustificadosporelfinpropuesto,ocomunicarconpropósitodeenseñanzalaobraradiodifundidaparafinesescolares,educativos,universitariosydeformaciónper-sonalsinfinesdelucro,conlaoblicacióndemencionarelnombredelautoryeltítulodelasobrasutilizadas”.

Comunicación Visual

InstitutoColombianodeAprendizajeIncap

Elaborado por:Juliana Yepes Huertas

InstitutoColombianodeAprendizajeIncapAvenidaCaracasN°63-66

Prohibidalareproducciónparcialototalbajocualquierforma(Art.125ley23de1982)

Bogotá-ColombiaEnero 2011 - Versión 02

Tabl

a de

Con

teni

do

Uni

dad2

Uni

dad3

Page 4: Comunicación Visual

6

7

GUÍA METODOLOGÍCA

• FDH (El Formador dice y hace): Correspondealaexplicacióndelcontenidoyeldesarrollodelosejerciciosporparte del Formador.

• FDEH (El Formador dice y el estudiante hace): ElestudiantedesarrollalosejerciciospropuestosyelFormadorsupervisa.

• EDH (El estudiante dice y hace): Eseltrabajoprácticoquedesarrollanlosestudiantesfueradelaclase,atravésdetalleres,desarrollodecasos,lecturasyconsultasdelostemas,loscualesdebenserevaluadosporelFormador.

LaestrategiametodológicadelINCAP,paralaformacióntécnicadelaprendizme-diantecompetenciaslaborales,comprendedoscaminos:

1. Las clases presénciales dictadas por el Formador haciendo uso del métodoinductivo–activo

2. EltrabajoprácticodelosestudiantesdirigidoyevaluadoporelFormador, atravésdetalleres,desarrollodecasos,lecturasyconsultasdelostemas declaseetc.Conesto,sebuscafomentarenelestudianteelanálisis,elusodeherramientastecnológicasylaresponsabilidad.

1. Acadaunidaddeaprendizajelecorrespondeunlogrodecompetencia laboralelcualvienedefinidoantesdedesarrollarsucontenido.Seguida mentesedefinenlosindicadoresdelogroosealasevidenciasdeapren dizajerequeridasqueevaluaráelFormador.

2. Glosario:Definicióndetérminosopalabrasutilizadasenlaunidadque son propias del tema a tratar.

3. Desarrollodelaunidaddivididaencontenidosbrevesseguidosporejer cicios,referenciadosasí:

LosmódulosguíautilizadosporelINCAP,paradesarrollarcadaunodeloscursos,seelaboranteniendoencuentaéstametodología.Suscaracterísticasyrecomen-dacionesdeusoson:

Alfinaldecadaunidadsepuedepresentarunresumendeloscontenidosmásrele-vantesyejerciciosgenerales.

PRESENTACIÓN: Es la información general sobre los contenidos, lametodología, losalcanceslaimportanciayelpropósitodelmódulo.

GUÍA METODOLÓGICA: Orienta la prácticapedagógica en el desarrollo del proceso de formación evaluación y se complementaconel documentode ladidácticapara laformación por competencias de manejo del formador.

DIAGNÓSTICO DE ESTILO DE APRENDIZAJE: Que lepermitiráutilizarlaestrategiamásade-cuada para construir sus propios aprendi-zajes.

AUTOPRUEBA DE AVANCE:Esuncuestionarioquetienecomofinalidadqueustedmismodescubra,quétantoconoceloscontenidosdecadaunidad,ylesirvedeinsumoparalaconcertacióndesuformaciónyelreco-nocimientodelosaprendizajespreviosporparte de su formador (talleres que se en-cuentranalfinaldecadaunidad). EVALUACIÓN DIAGNÓSTICA: Permite registrar tantoelestilodeaprendizajecomolaautopruebadeavance.

ElINCAP,leofreceademás,recursosparaqueustedalcancesusmetas,esdecir,loquesehayapropuestoyparaellodispondrádemódulosguía,audiovisualesdeapoyo,sis-temasdeevaluación,aulayespaciosadecuadosparatrabajosindividualesydegrupo.Éstemóduloguíaqueconstituyeademásunportafoliodeevidenciasdeaprendizaje,estádistribuidodelasiguientemanera:

PLAN DE FORMACIÓN: El plan de for-maciónyevaluaciónesconcertadocon el formador.

RECOLECCIÓN DE EVIDENCIAS DE APRENDIZAJE: Permite registrar las evidenciasde los logrosobtenidosen cada una de las unidades.

CONTENIDOS: Son el cuerpo de la unidadyestánpresentadosasí:

Unidad

N Logrodecompetencialaboral N Indicadores de logro: Eviden-

cias N Didácticadelmétodoinductivo Activoparaeldesarrollodelas competencias:

FDH: Formadordiceyhace,FDEH: Formador dice y estudiantehace,EDH: Estudiantediceyhace.

APRECIADO ESTUDIANTE

UstedescogióalINCAPparaqueloorienteenelcaminodelaformaciónprofesional.Lainstituciónleproporcio-naráunformador,quienleayudaráadescubrirsuspro-piosconocimientosyhabilidades.

Page 5: Comunicación Visual

8

9Cuando se habla deCOMUNICACIÓN VISUAL, se hace refe-renciaatodoloqueelserhumanove,dandoléunvalorysig-nificadodistinto,segúnlascircunstanciasyelpensamientodecada persona.

La COMUNICACIÓN VISUAL,quetienecomoprincipalcarac-terística elmensaje visual,mayor objetivo de un diseñador,haceque,tantoeldiseñadorcomoelmensajevisualestendelamanoenlacreacióndepiezasgráficas(piezaspublicitarias,informativas,comerciales,etc)conelfindeinformarodaraconocerunproductooservicioanivelglobal.

Enestemóduloencontrará informaciónsobre los iniciosdeldiseñobásicoyestádesarrolladoparautilizarlocomotextodeconsultayqueasuvezelestudiantepuedarealizarprácticasdentro de él.PR

ESEN

TACI

óN

Page 6: Comunicación Visual

10

11

Regional_____________Programa________________Módulo_____________ Estudiante________________________Formador_______________________

EVALUACIÓN DIAGNÓSTICAEstilo de aprendizaje______________________________________________

DIAGNóSTICO INfORMACIóN GENERAL

Evidencia de aprendizaje_______________________________________________________

1. Identificarloselementosbásicosdelacomunica-ciónycomposiciónvisual.

2. Reconocerlasdefinicionesbásicasparalacrea-cióndeunaimagenopiezagráfica.

3. Desarrollarpiezasgráficas,teniendoencuentalosconceptosbásicosparalacreacióndelamis-ma.

FDH:FormadorDiceyHaceFDEH:FormadorDiceEstudianteHaceEDH:EstudianteDiceyHace

Conocimiento

Conocimiento

Desempeño

Logro de competencia Laboral:

Método Inductivo Activo

Indicadores de Logros Evidenciasde

Conocerycomprenderlosaspectosbásicosparalacreacióndeunmensajeyunaimagenvisual.

Comunicación

Uni

dad1

Page 7: Comunicación Visual

12

13

Comunicación y Composición

Uni

dad1

1. Mensaje Visual.2. Elementos Básicos de la Comunicación Visual.3. Elementos de Relación.4. Composición.

Mensaje Visual

AlhablardeCOMUNICACIÓN VISUAL, sehace referencia al desarrollo, la elabora-ción,difusiónyrecepcióndemensajesvi-suales,principalescomponentesdelaCO-MUNICACIÓN VISUAL. El mensaje visual, se divide en: La infor-mación y El soporte visual (conjunto deelementos que hacen que el mensaje sea visible;latextura,elmovimiento,laforma,elvolumen,etc.)

Para que exista unmensaje visual se ne-cesitan los siguientes componentes:

MENSAJEVISUAL

RelacionesCompositivas

Observación

Lectura de la idea.

Imágenes realistas,abstractas o símbolicas.

Símbolos

RelaciónInteractiva

Características

COMUNICACIÓNVISUAL

Color, forma, textura.

Comprensión de la idea. Estímulos visuales yorganismo humano.

•Emisor: Emite el mensaje.•Receptor:Recibeelmensaje.• Mensaje: Lo que se trasmite.• Código: Conjunto de normas yprocedimientos que relacionan sig-nificantes con significados (Signifi-cante: parte sensible del mensaje./ Significado: conceptogeneraldelmensaje).•Canal: Soporteatravésdelcualsetrasmiteelmensaje(periódicos,tv,cine,etc).

Page 8: Comunicación Visual

14

15

LA IMAGEN

Provienedellatínimago,ensingularsignifica“imagen”yen“imágenes”.Esunarepresentaciónquemanifies-ta la apariencia de un objeto, algoreal o imaginario basándose en laluzysuefectosobrelavisiónhuma-na.

Conjuntodeelementosvisualesconunsignificadoespecifico,locuallle-vaapensarenuna representaciónquemanifiesta (oquetiendea ex-presar).

“Lasimágenes,contrariamentealaspalabras,sonaccesiblesatodos,entodas las lenguas, sin competenciani aprendizaje previos” (DREBARY, Ré-gis.VidayMuertedelaImagen.Historiadela

Mirada en Occidente).

Conlaimagensepuedeevocaraladescripción,elretratoylaimagina-ción.Existen las siguientes formas de Imágenes:

LA IMAGEN COMO TEXTO: Es cons-truiruntexto,desdeunossignifica-dos,enimagen.

LA IMAGEN PICTÓRICA:Apartirdeelementoscomolíneas,colores,tra-mas,dispuestosenunespacio,tie-neunsignificadoenparticular.Este

tipo de imagen, tiene relacióncon los objetos de las obras ar-tísticas.

LA IMAGEN FOTOGRÁFICA: Es captar un momento para eterni-zarlo.

LA IMAGEN VISUAL: Constituyeunplanodeexpresión;esunsím-bolo,unsignoounicono.

LA IMAGEN SONORA: Concepto relacionado con la percepción. Es una imagen subjetiva (cadapersona,ledaunsignificadodis-tinto) y ella llega como un esti-mulosonoroaalgovisual.

MANIfESTACIONES EXPRESIVAS

FUNCIONES DE LA IMAGEN

Funciones con las que semanifiesta unaimagen y con las cuales cumple su papeldentrodeunmensaje visual y son las si-guientes:

•Funciónexpresivaoemotiva: Su princi-palobjetivoestransmitiremociones.Imá-genesutilizadasconfinalidadsentimental.

• Función conativa, apelativa o exhor-tativa: Es aquella relacionada con la

persuasión, cuyo objetivo es conven-cer. Los mensajes publicitarios son losusuarios por excelencia de esta función.

• Función referencial o informativa: Son imágenes cuyo objetivo es infor-mar. Su función es ilustrar un texto o una noticia. Su uso es acusado en librosde texto o prensa y en la señalización.

•Funciónpoéticaoestética:Imagen que busca con sentido artístico y estético.

Imag

en P

ictó

rica

Imag

en c

omo

Text

oIm

agen

Vis

ual

• Función fática: Su objetivo esllamar la atención. Esmuyutiliza-da en los mensajes publicitarios.

• Función metalingüística: Es aquella función que se refie-re al código, hay que otorgar-le un significado a ese código.

• Función descriptiva: Ofrece in-formacióndetalladayobjetivaso-

Page 9: Comunicación Visual

16

17

breaquelloquerepresenta.(dibujoscientíficos,mapas).

BOCETACIÓN

Se denomina BOCETACIÓN, al pro-cesocreativodeunaidea,desdesunacimiento hasta su maduración,paraconcluirenunArteFinal.

BOCETO

Eselborradordelaidea,esteleper-mitedesarrollaralmáximolaideayhacercambios.Etapasdebocetación:

Boceto Rápido: La primera etapa de la idea,este solobuscacapturar laidea .Se pueden desarrollar hasta 20 bocetosrápidosparaunasolaidea.

Boceto Detallado: De los bocetosrápidosseseleccionan3o5,sobreestossetrabajamasbuscandopulirla idea, seagregandetalles, letraycolor.

Arte Final: Es la pieza definitiva,estanopermiteerrores,serálaqueselepresentealclienteyposterior-menteal impresorparasupublica-ción.

FORMATOS DE COMPOSIÓN

Elformatosedefine,comoeltama-

ñodeun impreso, expresadoen relacióncon el número de hojas que comprendecada pliego o indicando la longitud y an-chura de la plana. Todo esto se resume al espacioquesedisponepararealizarundi-seño.

Losformatos,puedentenerlassiguientesmedidas:

Pliego 100 cm x 70 cm1/2Pliego70cmx50cm1/4dePliego50cmx35cm1/8dePliego35cmx25cm1/16dePliego25cmx17.5cm1/32dePliego17.5cmx12.5cm

Elementos Básicos de laComunicación VisualPUNTO

Unidad mínima de información visual, yestácaracterizadoporsu forma(general-mente circular, pero también puede serrectangular, como ocurre en los monito-res,triangularounamanchasinformade-finida),porsutamaño,porsucoloryporlaubicaciónquetengadentrodelacomposi-cióngráfica.

Características:

•Granpoderdeatracciónvisual,creandotensión sin dirección.

• Cuando se sitúan próximos dos puntospueden producir sensaciones de tensión o de dirección, creando en la mente delespectador una línea recta imaginaria que los une.

•Sisesitúandiferentespuntosenprolon-gaciónsugierenunadirección,uncamino,más acentuada cuanto más próximos es-tén los puntos entre sí.

•Cuandoseagrupanvariospuntospuedendefinir formas, contornos,tonos o colores.

LÍNEA

Estáformadaporlaunióndevariospuntos. La Línea tiene largo, perono ancho, tiene posición y direc-ción.

Lascaracterísticasdelalíneason:

•Contienegranexpresividadgráfi-caymuchaenergía.

•Expresadinamismo,movimientoydirección.

•Creatensiónenelespaciográficoen que se encuentra.

•Creaseparacióndeespaciosenlapiezagráfica.

Page 10: Comunicación Visual

18

19

•Larepeticióndelíneasgenerapla-nosytexturas.

Hay diferentestipos de líneas, talescomo:

Línea rectaLa línea recta horizontal expresaequilibrio,calma,equilibrioestable.La línearectaverticalsugiereeleva-

ción,movimientoascendente,actividadyequilibrio.La línea recta inclinada, expresa tensión,inestabilidad,desequilibrio.

Línea curvaEsunalíneadinámica,generamovimientoconorden, hastaunmovimiento caótico,sin reglas.Estámuyasociadaalserhumano,quees-cribeydibujacasisiempreconlíneascur-vas.

Línea mixta Launiónentrelíneacurvaylínearecta.

CONTORNO

Elcontornotienecomo funcióndarvolu-mena losobjetosquedibujamoso crea-mos por medio de unión o aproximación de líneas.

Haytresfigurasgeométricas,quetambiénsondenominadascontornosbásicos;Elcir-culo,ElcuadradoyelTriangulo.

VOLUMEN

Recorridodeunplanoenmovimiento(enladireccióndistintaalasuyaintrínseca)seconvierteenunvolumen.Tieneunaposi-ciónenelespacioyestálimitadoporpla-nos. Enundiseñobidimensional, el volu-men es ilusorio.

fORMA

Todoloquepuedaservistoposeeunafor-maqueaportaunaidentidadprincipalennuestra percepción.

MEDIDA

Determina el tamaño de una for-ma.Eltamañoesrelativosilodes-cribimosentérminosdemagnitudypequeñez.

TEXTURA

Permite crear una adaptación per-sonalizadade la realidadañadien-dodimensiónyriquezaaldiseño.Existendostiposdetextura:táctilyvisual.

Textura táctil: Son aquellas per-ceptiblesaltacto.Porejemploladeunasuperfícierugosa,conrelieve.

Textura Visual: Aquellas texturasimpresas que se parecen a la rea-lidad, como la arena, las piedras,rocas.Entreestaclasedetextura,pueden surgir texturas que real-mente existen y otras que sonirreales.Textura mosaico o patrónUnpatrónomosaicoseríauntipodetexturavisual.Cuandounaima-genounalínea,deltipoquesea,serepitemuchasveces,acabacrean-dounatexturavisual.

Textura

Page 11: Comunicación Visual

20

21

Elementos de Relación

DIRECCIÓN

La dirección de una forma depende de cómoestárelacionadaconelobservador,conelmarcoque lacontieneoconotrasformas cercanas.

POSICIÓN

La posición de una forma depende del ele-mento o estructura que la contenga.

ESPACIO

Todas las formas por más pequeñas que seanocupanunespacio,elespacioasímis-mopuede ser visible o ilusorio (para darunasensacióndeprofundidad).

GRAVEDAD

Elefectodegravedadnosolamenteesvi-sual, sinoque tambiénpsicológica.Pode-mos atribuir estabilidad o inestabilidad auna forma o a un grupo de ellas.

RELACIÓN ENTRE PLANOS

SUPERPOSICIÓN

Las formas planas que están delante impidenlavisióndelasqueestándetrás.

TRANSPARENCIA

Las formas planas que están detrás seaprecianatravésdelasformasdispuestas delante.

PENETRACIÓN

Lasformasplanassemezclanentresí.

Unacomposiciónimplicacombinarlasformasdentrodeláreadetrabajo.Algunasdeestascaracterísticaspuedenserpercibidas,comoladirecciónyla

posiciónyotrassentidascomoelespacioylagravedad.

ComposiciónLacomposiciónsedefinecomounadistri-buciónodisposicióndetodosloselemen-tosquese incluyenenundiseño,deunaformaperfectayequilibrada.

RETÍCULA COMPOSITIVA

Sepuededefinircomounaplantilla,muyútil,cuandosenecesitacomponerundo-cumentoopiezagráfica,paraquetengaunorden,seaclaroylegible.

Unaretículaimponeorden,uniformidadycoherencia.Unapáginaconretículatrans-mite estructura y una cierta mecánica,frenteaalgodesordenado,desestructura-doocaótico.

LA ESCALA

Sedicequehayescala cuandosedaunarelación de proporción entre las dimen-sionesdedistintoselementos.Unaescala,portanto,sepuederepresentarmedianteunnúmeroounafórmula.

La escala normalmente se usa en carto-grafía,planos,mapas...parapoderrepre-sentar una medida proporcional al tamaño real.Escuandocitamos,porejemplo,esteplano está en escala 1:10. Este conceptohacereferenciaaque,pararealizarelpla-no,sehaaplicadounfactordereducción

determinado (en este caso, divi-dirpordiez),parapoderlodibujarenunlugarmáspequeño,sinquepierda sus proporciones.

SECCIÓN AUREA

Esunaproporciónentremedidas,una relación de tamaños dentro de una composición.

Ladivinaproporciónoproporciónaurea,esconsideradacomolapro-porción perfecta. Se encuentra enfigurasgeométricas,partesdel

Ejemplos de Retícula Compositiva

Page 12: Comunicación Visual

22

23

cuerpoynaturaleza,comorelaciónde las proporciones morfológicas armoniosas.

Su uso data desde la antigüedad,existe indicios desde hace más de 2000años.Losgriegosloutilizaronpara diseñar las proporciones de sus templos. Platón consideró a la sección aurea como la relación ma-temáticaperfecta.

Elnúmeroáureorepresentalapro-porción que existe entre dos seg-mentos,talesqueelsegmentome-noresalmayorloqueelmayoresala totalidad.

RITMO Y SIMETRÍA

RITMO

Composición en donde existe cierta secuenciarepetitivadesuselemen-tos, sin que necesariamente seaniguales.

SIMETRÍA

Disposiciónespacialregularyequili-bradadeloselementosqueformanlacomposicióngráfica.

EQUILIBRIO

Setratademantenerenunapiezagráfica, una correcta organización

espacial de contenidos, formas y textos,así como unas cantidades adecuadas decada uno de ellos. Y de esta manera mantener una jerarquía dentrodelacomposicióngráfica. CONTRASTE

Intensidad de visualización de cada ele-mentoconrelaciónalosquelerodeanyalapiezagráficacompleta.

POSITIVO Y NEGATIVO

ElconceptodePOSITIVO,significacuandoenunacomposiciónopiezagráficasetra-baja sobre fondo blanco, con tinta negray el concepto de NEGATIVO, se definiríacomounapiezagráficasobrefondonegroperoenblanco.

Se trabajacon lafinalidaddeencontrarleuncontrastealaformaqueseestátraba-jando, mirándola desde diferentes desdediferentespuntosdevista.Nonecesariamentesedebeutilizarelne-gro y el blanco, se debe utilizar un tonooscuro y un tono claro, para entender ladiferencia.

Ejemplos de Ritmo

Ejem

plos

de

Posi

tivo

y N

egat

ivo

Page 13: Comunicación Visual

24

25

EVIDENCIA DE APRENDIzAJE

FDEH: Formador Dice el .estudiante hace

EDH: Estudiante Dice y hace

Valoración de la evidencia

Valoración de la evidencia

Responderalosiguiente:

1.¿AquéseledenominaMensajeVisual?

2.Mensione3elementosbásicosdelaCOMUNICACIÓNVISUAL

3.¿Quédefinelacomposición?

4.¿AquéseledenominaEquilibrio?

N Realizarcontintachinaunapiezagráficaenpositivoynegativo. N Aaprtirdelconceptoderitmo,generarunapiezaconpapelquelorepresente.

NOTASD

MA

Page 14: Comunicación Visual

26

27

NOTASD

MA

1. Identificarlosconceptosbásicosdepsicologíadelcolor.

2. Identificarlasprincipalescaracterísticaslaper-cepciónvisual.

3. Desarrollarpiezasgráficas,teniendoencuentalosfundamentosdepercepciónvisualypsicolo-gía del color.

FDH:FormadorDiceyHaceFDEH:FormadorDiceEstudianteHaceEDH:EstudianteDiceyHace

Conocimiento

Conocimiento

Desempeño

Logro de competencia Laboral:

Método Inductivo Activo

Indicadores de Logros Evidenciasde

Entenderelsignificadodelapsicologíaypercepcióndelcolorden-trodeunacomposiciónypiezagráfica.

Terminología dela percepción visualU

nida

d2

Page 15: Comunicación Visual

28

29

Psicología del ColorEL COLOR

Esunatributoquesepercibedelosobje-toscuandohayluz.Algunoscolorestomannombredelosobjetososustanciasquelosrepresentan naturalmente.

Noesunacaracterísticadeunaimagenuobjeto,sinoqueesmásbienunaaprecia-ciónsubjetivadelaspersonas.

Sepuededefinircomounasensación,queseproduceenrespuestaalaestimulacióndel ojos y de susmecanismos nerviosos,por la energía luminosa de ciertas longitu-des de onda.

TEORIA DEL COLOR

Esungrupodereglasbásicasusadasenlamezcladecoloresenelterrenodelapintu-ra,eldiseñográfico,lafotografía,elcine,latelevisión,lapublicidad,etc.

Mediante el conocimiento y el uso de lateoríadelcoloryaplicandoelmodelodecolor correspondiente, se consiguen losefectos deseados mediante la combina-ción de colores.

PROPIEDADES DEL COLOR

Tono: Grado de luminosidad de un color que está determinado por su longitud de onda o por la longitud de onda dominante en su compo-sición.Eltonovieneexpresadoporel nombre con que conocemoscadacolor:azul,verde,amarillo.Saturación:Intensidadcromáticaopurezadeuncolor.

Valor: Claridad u oscuridad de un color,estádeterminadoporlacan-tidaddeluzqueuncolortiene.Va-loryluminosidadexpresanlomis-mo.

Luminosidad: Cantidad de luz re-flejadaporunasuperficieencom-paración con la reflejada por unasuperficieblancaenigualescondi-ciones de iluminación.

Brillo:Cantidaddeluzemitidaporunafuentelumínicaoreflejadaporunasuperficie.

1. Psicología del Color.2. Percepción Visual.

Terminología de La Percepción Visual

Uni

dad2

Page 16: Comunicación Visual

30

31

MEZCLAS ADITIVAS / COLORES LUZ (RGB)

Comosumismonombreloindica,son colores que provienen de ladescomposición cromática de unrayodeluzblanca.Esdecir,quesise proyecta sobre una superficieblanca las radiaciones luminosasde todos los colores primarios, seobtienecomoresultadolaluzblan-ca.

Loscoloresaditivossonelrojo,elverde y el azul (RGB: Red, Green,Blue), colores que producidos porluz,sonloscoloresquedanlavisi-bilidadenelmonitordelcomputa-dor,eltelevisor,lapantalladecine,etc.

MEZCLAS SUTRACTIVAS - COLOR MATERIA (CMYK)

Son colores basados en la luz re-flejadadelospigmentosaplicadosa lassuperficies.Estoscoloresab-sorbenentre sí las radiaciones lu-minosas, de forma que se restanluminosidad.Poreso lascombina-cionesdecolor–materiasecono-cencomomezclassustractivas.

Al mezclar entre sí los colores –pigmento primarios, se obtiene elnegro,queeslaausenciadecolor.

Apareceelnegroporquetodosloscoloresse restan entre sí luminosidad.

COLORES PRIMARIOS (CMYK:Cian,Ma-genta,Yellow,Key)

Loscoloresprimariossonelcyan,magentayamarillo, comúnmenteconfundidosconelazul,rojoyamarillo.Mezclandopigmen-tosdeéstoscoloresseobtienentodoslosdemás colores.

COLORES SECUNDARIOS

Loscoloressecundariosseobtienendelamezclaenunamismaproporcióndelosco-lores primarios.

ROJO+AMARILLO=NARANJAAMARILLO+AZUL=VERDEAZUL+ROJO=VIOLETA

COLORES TERCIARIOS O INTERMEDIOS

Surgen de la combinación en unamismaproporcióndeuncolorprimarioyotrose-cundario. Los colores terciarios son: rojo violáceo,rojoanaranjado,amarilloanaranjado,ama-rilloverdoso,azulverdosoyazulvioláceo.

COLORES COMPLEMENTARIOS

Los colores complementarios se forman mezclandouncolorprimarioconelsecun-darioopuesto,segúnelcírculocromático.

AZUL=NARANJAAMARILLO=VIOLETAROJO=VERDE

GAMAS CROMÁTICAS

COLORES CÁLIDOS Y FRÍOS

Sellamancolorescálidosaquellosquevandel rojoalamarilloy loscolo-resfríossonlosquevandelazulalverde.

Esta división delos colores en cálidos yfríos radica s implemente en la sensación yexperiencia hu-mana. La cali-dezy la frialdadatienden a sen-saciones térmicas subjetivas.

GAMAS MONOCROMÁTI-CAS

Son las diferentes gradaciones de un colorcuandosemezclaconelblancoo

con el negro.

GAMAS ACROMÁTICAS

Formadas por diferentes gradaciones de grises, situadasentreel blanco y el ne-gro.

PSICOLOGÍA DEL COLOR

Elcolor,esunodelosmediosmássubje-tivosconelquecuentaeldiseñador.Tie-nemuchopoderdeatracciónorechazo

Page 17: Comunicación Visual

32

33

dependiendo del uso que se le dé. Despiertan respuestas emocionales específicasenlaspersonas.

•Blanco:Eselcolorquemayorsen-sibilidadposeefrenteala luz.Es lasuma o síntesis de todos los colo-res,yelsímbolodeloabsoluto,delaunidadydelainocencia,significapazorendición. • Negro: Símbolo del silencio, au-sencia. En ocasiones, puede signi-ficar impuro ymaligno. En algunoscasospuededenotarnoblezayele-gancia.

•Gris: Simbolizaneutralidad, inde-cisión y ausencia de energía. Mu-chasvecestambiénexpresatristeza,duda ymelancolía. El color gris esuna fusióndealegrías ypenas,delbienydelmal.Da la impresión de frialdad metáli-ca,pero también sensacióndebri-llantez,lujoyelegancia.•Azul: Significaprofundidadyfrío.Simboliza sabiduría, amistad, fide-lidad, serenidad, sosiego, verdad,inmortalidadydescanso.Mezcladoconblancoespureza, fe, y cielo, ymezcladoconnegro,desesperación,fanatismo e intolerancia. No fatigalos ojos en grandes extensiones.

•Violeta: Elvioleta,eselcolordelatemplanza, la lucidezy lareflexión.

Transmiteprofundidadyexperiencia.Tie-nequeverconloemocionalyloespiritual.Esmístico,melancólico y se podría decirquetambiénrepresentalaintroversión.Ensu variación al púrpura, es realeza, digni-dad,suntuosidad.Mezcladoconnegroesdeslealtad,deses-peraciónymiseria.

Mezcladoconblanco:muerte,rigidezydo-lor.

•Verde: Color de extremo equilibrio, yaque está compuesto por colores que deno-

tanemoción(amarillo=cálido)ydeljuicio(azul = frío).Se leasocia con laprimaveraylaclaridad,producereposo,calma,tran-quilidad,paz,naturaleza,amor,esperanzaysalud.

• Amarillo: Es un color que se asocia con la inteligencia.Significaenvidia,ira,cobardía,ylosbajosimpulsos,yconelrojoyelna-ranjaconstituyeloscoloresdelaemoción.Tambiénevoca satanismo (esel colordelazufre) y traición. Es el colorde la luz, elsol,laacción,elpoder.Esuncolorqueseutilizaparadarseñales

de alerta y simboliza arrogancia,oro, fuerza, voluntad y estimulo.También se asocia como un colorafectivo,excitanteeimpulsivo.

•Rojo:Simbolizasangre,fuego,ca-lor, revolución, alegría, acción, pa-sión, fuerza, peligro, disputa, des-confianza, destrucción e impulso,asímismocrueldadyrabia.Evocalaguerra,eldiabloyelmal.Mezclado con blanco es frivolidad,inocencia,yalegría juvenil, yensumezclaconelnegroestimulalaima-ginaciónysugieredolor,dominioytiranía. Expresa sensualidad, virili-dad y energía y está consideradocomosímbolodepasión.•Naranja: Simboliza entusiasmo yexaltaciónycuandoesmuyencen-didoorojizo,ardorypasión.Poseeunafuerzaactiva,radianteyexpre-siva,decarácterestimulanteycua-lidaddinámicapositivayenergética.

Mezclado con el negro sugiere en-gaño, conspiración e intolerancia ycuandoesmuyoscuro,opresión.

Page 18: Comunicación Visual

34

35

LA EXPRESIÓN DEL COLOR

COLOR DENOTATIVO

Elcoloresdenotativocuandoseuti-lizacomorepresentacióndelafigu-ra,uotroelemento,esdecir,incor-porado a las imágenes reales de la fotografíaolailustración.Sepuedendistinguirtrescategoriasdecolordenotativo:Icónico,satura-doyfantasioso.

Color icónico: Definimos un coloricónicoa laexpresividadcromáticacomofuncióndeaceleraciónidenti-ficadora:latierraesmarrón,lacere-zaesrojayelcieloesazul.Elcolores un elemento fundamental de la imagenrealistayaque la forma in-colora aporta poca información en el desciframiento inmediato de las imágenes. La adición de un color na-turalacentúaelefectoderealidad,permitiendo que la identificaciondel objeto o figura representadasea más rápida. Por lo tanto el co-lor ejerce una función de realismo que se superpone a la forma de las cosas:unamanzanaserámásrealsise reproduce o plasma en su color natural.

Color saturado: Es un color alterado omanipuladoensuestadonaturalyreal.Másbrillante,soncoloresmásdensosymáspurosyluminosos.El

color saturado nace de conseguir una exa-geracióndeloscoloresycaptarlaatenciónconestas.Elentornoresultamásatractivo,alterandoelcolordeestaforma,elcine,lafotografía,lailustración,carteles,etc,obe-decenaunarepresentacióngráficacromá-ticaexageradaquecreaeuforiacolorista.

Color fantasioso: La fantasía y manipu-lación, nace como nueva forma expresi-va, por ejemplo, las imágenes coloreadasamanoen lasquenosealterasuforma,pero si el color. De esta forma se crea un ambigüedad entre la imagen o fotografíarepresentada y el color expresivo que seleaplica,creandoasíuna fantasía, respe-tando las formas pero alterando el color natural.

COLOR CONNOTATIVO

La connotación es la acción de factores no descriptivos, sino psicológicos, simbólicoso estéticos que hacen suscitar un ciertoambiente y corresponden a amplias sub-jetividades. Es un elemento estético queafectaalassutilezasperceptivasdelasen-sibilidad.

Page 19: Comunicación Visual

36

37

Nadapuededecir tantoni tanbiende lapersonalidaddeundiseñador,delcaráctery cualidadesdesumentecreadoracomoelusoydistribucióndesuscolores,laten-denciadeéstosysuscontrastes,lamúsicaqueenellossecontiene.Unavezquesetieneelconocimientodel

color,suspropiedades,interacciónysigni-ficados,esnecesarioaprenderaaplicarloen las piezas gráficas, para conseguir losresultados deseados.

Elcoloreneldiseñoeselmediomásva-liosoparaqueunapiezagráficatransmitalas mismas sensaciones que el diseñador experimentó frente a la escena o encargo original; usando el color con buen cono-cimientodesunaturalezayefectos,ydemaneraadecuada,seráposibleexpresarloalegreo triste, lo luminosoo sombrío, lotranquilooloexaltado,entreotrasmuchascosas.

MANEJO DEL COLOR EN PIEZAS GRÁFICAS

Page 20: Comunicación Visual

38

39

PercepciónVisual

SÍMBOLO

Sellamasímboloatodaimagen,fi-guraodivisaqueposeeunsignifica-doconvencional.La palabra símbolo proviene dellatín symbŏlum, y éste del griegoσύμβoλoν.

Un símbolo es una forma de exte-riorizarunpensamientooidea,conrasgos asociados por una conven-ción socialmente aceptada. Es una ideaconsignificadopropio.Muchosgrupostienen símbolos que los re-presentan; existen símbolos refe-

rentes a diversas asociaciones culturales:artísticas,religiosas,políticas,comerciales,deportivas,etc.

Lautilidaddelossímbolosenlasociedadmundial, esta tecnológicamente desarro-llada, con su exigencia de comprensióninmediata,sonmuyeficacesparaproducirunarespuestarápidaaconsumidores,se-guidoresypersonasquedebentenerclaroelsignificadoyusodeunsímboloenpar-ticular.Suestrictaatencióna loselemen-tos visuales principales y su simplicidadestructural,proporcionanfacilidaddeper-cepción ymemoria. Son específicamentehumanosytienenunsignificadomásam-plio que los signos.

Los símbolos pueden componerse de in-formación realista,extraídasdelentorno,fácildereconocer,otambiénporformas,tonos, colores, texturas..., elementos vi-suales básicos que no guardan ningunasimilitudconlosobjetosdelentornonatu-ral.Noposeenningúnsignificado,exceptoel que se les asigna. Existen muchas for-mas de clasificar a los símbolos; puedensersimplesocomplicados,obviosuoscu-ros,eficacesoinútiles.

Símbolo de Reciclaje

ÍCONO

La palabra ícono proviene deldel griego εἰκών, eikon: ‘ima-gen’. El ícono es una imagen o representación de cualquier tipo.

Son representaciones que des-empeñan argumentos convin-

centes dentro de una cultura. Es transcri-birunobjetomedianteelementosgráficoslaspropiedadesqueseleatribuyen.

Enelcampodelainformática,uniconoesunpequeñográficoenpantallaqueiden-tifica y representa a algún objeto (pro-grama, comando, documento o archivo),usualmenteconalgúnsimbolismográficoparaestablecerunaasociación. Por extensión, el término icono tambiénes utilizado en la cultura popular, con elsentidogeneraldesímbolo;porejemplo,un nombre, cara, cuadro e inclusive unapersona que es reconocida por tener una representación o encarnar ciertas cualida-des.

SIGNO

Lapalabra signoprovienedel griego “se-mion”. El signo es todo lo que se puedeinterpretar;unacosa,unhechoounaper-sona. Está compuesto de un significado(momento cultural) y un significante (no

siempre tiene que ser lingüístico,puedeserunaimagen).

Todocaráctergráficoqueporsufor-ma, convenio o naturaleza evoqueen la conciencia la idea de algo.

Es una información (acerca de un objeto) o una diferencia (manifes-tada en el entorno por un objeto)que produce una información o una diferencia,encadaunade lasper-sonas que lo interpretan. Cualquier cosa que genere significado es unsigno. Los signos pueden ser, naturales yartificiales; la principal característi-caque loshacediferentes,nopar-ticipacióndirectadelhombreen lacreacióndeestossignos(naturales)

Signo de Peso

Signo deInterrogación

Page 21: Comunicación Visual

40

41

y laparticipacióndirectaen lacrea-cióndedichossignos(artificiales).Enambos casos el hombre lo interpre-ta,peronosiempre loscrea,yaseacomoactividadconscienteo incons-ciente.

Lossignosnaturalesrecibentambiénla denominación de indicaciones o índices.Asíelhumocomoindiciodequehayfuego,lasnubescomoindi-cio de lluvia, las arrugas de la caracomo síntomas de envejecimiento,etc.

Los signos artificiales se dividen enlingüísticos (las lenguas o idiomas;escritura, morse, braile, etc) y nolingüísticos (señales, símbolose ico-nos).

ÍNDICE

Signo determinado por un objeto y esteobjeto tiene una relación real con él. Seutilizaparaindicarlapresenciadeunasi-tuación que no puede ser medida en for-ma directa.

IMAGEN

Representación de una realidad captada atravésdelossentidos.Lasimágenesen-dógenasestáncargadasdesubjetividad,yson frecuentes en elmundo artístico, lasexógenascaptandemaneramásobjetivael entorno.

Ensuorigenlatino,lapalabra“imago”alu-día a la representación figurativadeunapersonamuerta,osea,alu-diendo a tener presente algo que yanoestá.

IDEOGRAMA

Es una representación gráfica deuna ideaopalabra.Enciertases-crituras,comolachina,lajapone-sao lansibidi,determinadossím-bolosrepresentanpalabrasoideascompletas,loquequieredecirque

Ideograma chino (significa Dragón)

suescrituraestábasadaenideogramasoideasgráficas.

Los ideogramas suelen formarse por la combinación de pictogramas, caracteresque indican una idea mediante una repre-sentacióngráficadelamisma.Ambasestánmuyligadashistóricamente,aunque los Ideogramas son posteriores.

PICTOGRAMA

Un pictograma es un signo que represen-taesquemáticamenteun símbolo,objetorealofigura.Eselnombreconelquesedenomina a los signos de los sistemas alfa-béticosbasadosendibujossignificativos.

En la actualidad es entendido como un signo claro y esquemático que sintetizaunmensaje sobrepasando la barrera dellenguaje;conelobjetivode informary/oseñalizar.

También llamada gráfica de imágenes opictografía. Es un diagrama que utilizaimágenes o símbolos paramostrar datospara una rápida comprensión. Unpictograma,seutilizaunaimagenounsímbolopararepresentarunacantidades-pecífica.

Pictograma Deportivo

Page 22: Comunicación Visual

42

43

EVIDENCIA DE APRENDIzAJE

FDEH: Formador Dice el .estudiante hace

EDH: Estudiante Dice y hace

Valoración de la evidencia

Valoración de la evidencia

Responderalosiguiente:

1.¿Quésedefinecomocolor?

2. Mencione los colores primarios

3.¿Quémezclassustractivas?

4.¿Aquéseledenominacolordenotativo?

N Realizarelcírculocromáticosegúnlascarcaterísticasdadasporelformador. N Generarunapiezagráficaaplicandolasfuncionesdecoloresdenotatisoyconnotativos.

EVIDENCIA DE APRENDIzAJE

FDEH: Formador Dice el .estudiante hace

EDH: Estudiante Dice y hace

Valoración de la evidencia

Valoración de la evidencia

Responderalosiguiente:

1.¿Aquéseledenominasímbolo?

2.¿Cuálessonlasdiferenciasentresigno,íconoeíndice?

N Realizarunideogramayunpictogramaylasdiferenciasentreambos.

Page 23: Comunicación Visual

44

45

NOTASD

MA

1. Conocerlasdefinicionesquehacenpartedelaanatomíadelasletrasysuscarcateristicas.

2. Entendereltérminoseñaleticayseñalización.

3. Desarrollarunapiezagráficaquecontengaalgúnelementodepercepciónvisualyseapliqueden-trodelaseñalizaciónyeldiseñotipográfico.

FDH:FormadorDiceyHaceFDEH:FormadorDiceEstudianteHaceEDH:EstudianteDiceyHace

Conocimiento

Conocimiento

Desempeño

Logro de competencia Laboral:

Método Inductivo Activo

Indicadores de Logros Evidenciasde

•Comprenderelmanejo,desarrolloydefinicióndeldiseñotipo-gráfico.•Conoceladefinicióndeseñaléticaycreapiezasgráficasdeseña-lización.

Diseño Tipográficoy SeñaléticaU

nida

d3

Page 24: Comunicación Visual

46

47

Definimos latipografía comoel arteotécnica de reproducir la comunicación mediantelapalabraimpresa,transmitircon ciertahabilidad, elegancia yefica-cia,laspalabras.

Diseño Tipográfico

Elcampotipográfico,abarcalarealizaciónde libros, periódicos, anuncios publicita-rios, revistas, etc. y cualquier otro docu-mento impreso que se comunique con otrosmediantepalabras.

1. DiseñoTipográfico.2. Señalética.

Diseño Tipográfico y SeñaléticaU

nida

d3

Page 25: Comunicación Visual

48

49

Los orígenes de los tipos de letra,llegana travésde lasprimerascul-turas(Mesopotamia,Grecia,Egipto,Roma), como las primeras formasde escritura.

EnlossiglosXIIIyXIVsecomienzanagenerarnuevasmanerase inven-tos para la reproducción de la escri-tura:laxilografíaylaimprenta.

Apartirdeestemomentosediounaconstanteevolución,delaimprenta,favoreciendolasideasdeldiseño.

Hoyendía, latipografíaesunare-presentación importante dentro deundiseñoy lagranvariedaddediseños tipográficos hacen que eldiseñador este en la capacidad de escoger la fuente tipográfica másimportanteparasudiseño,hastaelpuntodeconvertirseenundiseña-dor de fuentes.

FUENTE

Unafuentetipográfica,eslaquesedefine comoestiloo apariencia deun grupo completo de carácteres,númerosysignos,regidosporunascaracterísticascomunes.

FAMILIA

Conjunto de tipos basado en unamismafuente,conalgunasvariacio-

PARTES DE UNA LETRA

Altura de las mayúsculas: Es la altura de las letras de caja alta.

Altura X:Alturadelasletrasdecajabaja,las letras minúsculas, excluyendo los as-cendentesylosdescendentes.

Anillo: Eselastacurvacerradaqueformanlasletras“b,pyo”.

Ascendente: Astaquecontienelaletradecajabajayquesobresaleporencimadelaalturax,talescomolasletras“b,dyk”.

Asta: Rasgo principal de la letra que la de-finecomosuformaopartemásesencial.

Astas montantes: Son las astas principales ooblicuasdeunaletra,talescomola“L,B,VoA”.

Asta ondulada o espina: Es el rasgo prin-cipaldelaletra“S”enmayúsculao“s”enminúscula.

Asta transversal:Rasgohorizontaldelasletras“A,H,fot”.

Brazo: Parte terminal que se pro-yectahorizontalmenteohaciaarri-bayquenoseencuentra incluidadentro del carácter, tal como sepronunciaenlaletra“E,KyL”.

Cola: Asta oblicua colgante queformanalgunas letras, tales comola “ R o K “.

Descendente: Asta de la letra decajabajaqueseencuentraporde-

bajodelalíneadebase,comoocurreconlaletra“pyg”.

Inclinación: Ángulo de inclinación de un tipo.Línea base: Lalíneasobrelaqueseapoyala altura.

Oreja o Bucle: Es la terminación o terminal que se le añade a algunas letras tales como “g,oyr”.

Partes de una letra

nes,talescomo,elgrosoryanchura,peromanteniendocaracterísticascomunes.Losmiembrosqueintegranunafamiliasepa-recenentresíperotienenrasgospropios.

Page 26: Comunicación Visual

50

51

Rebaba: Es el espacio que existe entreelcarácteryelbordedelmis-mo.

Serif, remate o gracia: Esel trazooterminadeunasta,brazoocola.

ANATOMÍA DE LAS LETRAS

CAJA:Cadaletradelalfabetoocci-dental,sepresentaenunformatogrande (letramayúscula)yun for-mato pequeño (minúscula). La le-tramayúscula requieremás espa-cio entre las letras para facilitar la lectura. Las minúsculas presentanmás variaciones y se reconocenconmayorrapidezeneltexto.

PESO:Lasvariacionesdelpesoayu-dantantoaañadircontrastevisual,comoadistinguirentreloscompo-nentesinformativosdentrodeunajerarquía.

CONTRASTE: Las astas de una letra pueden ser uniformes en cuanto al grosor o pueden variar de for-masignificativa.Cuantomayorseaesta variación,mayor seráel con-traste que la letra muestre.

ANCHO: El ancho proporcional de lasletrassebasaenlaanchuradelaMmayúscula.Lasletrasmáses-trechas se dice que están conden-

sadas,mientrasquelasmásanchasestánextendidas o expandidas.

POSTURA: Las letras romanas son aquellas cuyoeje vertical formaunángulode90°conlalíneabase.Lasletrascursivas,sein-clinande12-15°aladerecha,paraimitareltrazodelaletramanuscrita.

ESTILO:Seutilizaestetérminopara:•Lasdosprincipalesclasesdeletras,laro-manaylapaloseco.•Elperíodohistóricoenelqueelcaráctertipográficofuecreadoodibujado.•Laneutralidadodecoracióndeuntipodeletra.

Las letras neutras se acercan más a la es-tructura base,mientras que las que pre-sentancaracterísticasexageradas,sedicenquesonestilizadas,idiosincrásicasodeco-rativas.

CLASIfICACIóN TIPOGRÁfICA

Lascaracterísticas formalesdecadatipodeletra(elcontraste,elpeso,laformadelos terminales, etc.) varían considerable-mente de una letra a otra. En ocasiones,estasdiferenciasparecenmínimas,peorsuefectogeneralesuncambiodepresenciaque aunquepotencialmente sutil, afectaa las sensaciones que provoca la letra y,comoconsecuencia,alasasociacionesquepuedeevocarenelpúblico.

Laclasificaciónengruposde losti-posde letra puede ayudar a acen-tuar las diferencias entre los mismos estilosydeestamaneraorganizar-los,paraelegireltipodeletraade-cuadoparacadaproyecto.

A lo largo de los años se han de-sarrollado numerosos sistemas de clasificación de los tipos de letra.Actualmentehayunagrancantidad

decategoríaotiposdeletraperohayunascategorías que semantiene constantes yhacenquedeestamaneraseclasifiquelatipografía.

ANTIGUA O ROMANA: Tipo de letra que se caracteriza por el contraste orgánicodelgrosordelasastas,desdeeltrazoconpincelopluma,unejeenángulouoblicuoen las formascurvas,yunaalturade laxnotablementereducidaparadefinirlasmi-núsculas.Losterminalessonenformade

Page 27: Comunicación Visual

52

53

lágrimaylasaberturasdelasminúsculasson pequeñas.Ejemplos:Garamond,Calson,Trajan.

DE TRANSICIÓN: Estas letras muestran un contraste en las astas más aumentado queenelestiloANTIGUA(tienenunritmomáspronunciado).Laalturadelaxdelasminúsculas esmayor, el eje esmás rectoylosrematessonmásagudosydefinidos.

Ejemplos:Baskerville, TimesNewRoman,Century.

MODERNA: Lasastasfinassonmuydel-gadasylasastasgruesassonmuyaparen-tes. Los terminales de muchas de las letras minúsculassoncompletamenteredondea-dos.Ejemplos:Bodoni,Caxton,Didi.

PALO SECO: Se caracteriza por la faltade remates o serifa, donde estos termi-nales acaban rectos y sin ningún adorno.Elgrosordesusastasesuniformeysuejeescompletamenterecto.Lostiposdepaloseco se disponen de manera más apretada altextoysonlegiblesentamañospeque-ños. También sonutilizadas para lecturasextensas.Ejemplo:Arial,Helvética,Franklingothic.

EGIPCIA:Estetipodeletraeselresultadodel grosor redondo de una letra palo seco ylosrematesdeunaletraromana,suprin-cipalcaracterística,eselgrosordeltrazo.Tantolosrematesylasastastienenelmis-mo grosor.Ejemplo:Elephant,CooperBlack,Claredon.

FANTASÍA O LETRAS ORNAMENTADAS: Pertenecealtipode letraexperimental ydecorativa.Suscualidadessonexpresivas,pero no adecuadas para la lectura de un texto largo.Ejemplo: Kristen ITC, Lucida Calligraphy,Broadway.

CUADRICULA TIPOGRÁfICA

Seutilizaparaorganizarloselemen-tos tipográficos y demás ilustracio-nes que integraran una página o una piezagráfica.

La configuración de la cuadrícula,depende de la información que se ha de transmitir y las propiedadesfísicas de cada elemento tipográfi-co. Las cuadrículas tipográficas deformato estándar, tienen móduloscuadrados,columnasdetexto,már-genes,lineasdecontornoymediani-les(elespacioquequedaenblancoentredoscolumnasdetexto).

Paraqueun trabajoopiezagráficasealegible,undiseñadordebesaber,quiénloleerá,desdedondeyaqué

distancia lo leerá.

Lostiposdeletraclásicos(Antigua,Moder-na,Paloseco)son losqueofrecenmayorlegibilidad.Lasletrasredondasyminúscu-lassuelenserlasmáslegibles.

Loscoloresadecuadosparaunatipografíason;lasletrasencoloroscurosobrefondoblanco,reflejanmayorlegibilidad,elefectocontrario,textoblancosobrefondooscu-ro,haceperdervisibilidad,perosepuedeutilizar siempre y cuando sea para casosdondeeltextonoesmuyextenso.

Enel tamañode la letra, sieltipoesde-masiadogrande,opequeña,cansamuchoal lectoryreduce la legibilidad.Untexto,todoennegrita esmuydenso y tambiéndificultalalectura.

Page 28: Comunicación Visual

54

55

Señalética

Laseñaléticaes laramadeldiseñográficoqueestudiaydesarrollaunsistemadecomunicaciónvisualsin-tetizadoenunconjuntodeseñalesosímbolosquecumplenlafuncióndeguiar,orientaruorganizaraunapersonaoconjuntodepersonas,endeterminadoespacio.Ejemplo:cen-troscomerciales,fábricas,parques,universidades, aeropuertos, ban-cos,oficinas,etc).

Los símbolosdiseñadospara la se-ñalética varían según si son paraunaseñalización internaoexterna,

si es para guiar transeúntes o para guiarvehículos.Enlasempresas,normalmenteestossím-bolossiguenloslineamientosdelaimagencorporativa(colores,tipografía,etc)obienpueden contener el distintivo visual (lo-gotipoomarca)delaempresadentrodecada señal o rótulo.

SEÑALIZACIóN

Conjunto de señales utilizadas dentro deun espacio determinado. La señalizaciónestádirigidaaregulareltráficohumanoy

Tipos de señales

motorizadoenunespacioexteriordeter-minado.

SEÑAL

Unaseñalesunsímbolo,ungestouotrotipodesignoqueinformaoavisadealgo.La señal sustituyepor lo tanto a la pala-braescritaoallenguaje.Ellasobedecenaconvenciones, por lo que son fácilmenteinterpretadas.

Cuando se tratade símbolos, las señalesestáncolocadasenlugaresvisiblesyestánrealizadasnormalmenteendiversoscolo-resyformas.Enelcasodelosgestos,sonhechas por las personas mediante las ma-nosylosbrazos.ClasificacióndeseñalesLasseñalesseclasificanen;segúnelsen-tidoporelquesepercibenysegúnsusig-nificadoasí:

Elsentidoporelqueseperciben.

ÓPTICA:Sistemabasadoenlaapreciacióndeformasycolorespormediodelsentidodelavista.

ACÚSTICA: Emisión de señales sonoras acordes con un código conocido que in-forman de un determinado mensaje sin intervencióndevozhumana.

OLFATIVA:Sebasaenladifusióndeolorespredeterminadosquesonapreciablesporelsentidodelolfato.

TÁCTIL:Sebasaenladistintasen-saciónquesetienecuandosetocaalgo con cualquier parte del cuer-po.

Segúnsusignificado.

SEÑALES DE PROHIBICIÓN: Prohí-beuncomportamientosusceptibledeprovocarunpeligro.Seutilizanconcolorrojoyenformadecírcu-lo.

SEÑALES DE ADVERTENCIA: Ad-vierten un peligro. Se utilizan enformatriangular,pictogramanegrosobre fondoamarillo yaveces seutilizanbordesnegros.

SEÑALES DE OBLIGACIÓN:Obligana un comportamiento determina-do. Son de forma redonda, picto-gramablancosobrefondoazul.

SEÑALES DE SALVAMIENTO: Indi-canlaSalidadeemergencia,pues-tos de socorro o dispositivos desalud. Son de forma rectangular o cuadrada,sobrefondoverdeypic-togramablanco).

SEÑALES DE RIESGO: Son seña-les utilizadas enmaterialeso sus-tancias que pueden tener alguna alteración en la persona que está haciendo uso de ellas. Son de color

Page 29: Comunicación Visual

56

57

Señales de Transito

naranja con pictograma negro.

SEÑALES DE TRÁFICO: Son las seña-lesutilizadasenlascarreterasocallespara dar información y orden sobrevías,direccionesoprohibicionesquesedebentenerencuentaaltransitarestos lugares.

Seutilizandelasiguientemanera:

Señales reglamentarias: Indican a los usuarios de las vías las limitaciones,prohibicionesorestriccionessobresuuso.

Señalespreventivas: Tienenporob-jeto advertir al usuario de la vía laexistencia deunpeligro y la natura-lezadeéste.

Señalesinformativas:Tienenporob-

jeto identificar lasvíasyguiaralusuario,proporcionándole la información que pue-da necesitar.

Señales transitorias: Pueden ser regla-mentarias, preventivas o informativas yserán de color naranja.

SEÑALES CORPORATIVAS:Sonseñalesuti-lizadasenoficinas, empresas, universida-des, bancos, etc., en donde se informancargosyubicacionesdentrode la institu-ción. Estas son diseñadas con los colores y formas corporativas de una empresa oinstituciónenparticular.

EVIDENCIA DE APRENDIzAJE

FDEH: Formador Dice el .estudiante hace

EDH: Estudiante Dice y hace

Valoración de la evidencia

Valoración de la evidencia

Responderalosiguiente:

1.Nombrelaspartesdeunaletra

2.¿Quéseentiendeporfuentetipográfica?

3.¿Quéseentiendeporfamiliatipográfica?

4.¿Aquéseledenominatipografíadetransición?

N Realizarunapiezacontintachinaendondeestentresclasificacionestipográficasdiferentesysussprincipalescarcaterísticas.

N Crearunafuentetipográficaapartirdelconceptotipografíafantasíaoletraornamentada,segúnlosmaterialesqueindiqueelformador.

Page 30: Comunicación Visual

58

59

EVIDENCIA DE APRENDIzAJE

FDEH: Formador Dice el .estudiante hace

EDH: Estudiante Dice y hace

Valoración de la evidencia

Valoración de la evidencia

Responderalosiguiente:

1.¿Cuálesladiferenciaentreseñaléticayseñalización?

2.Lasseñalesseclasificansegúnsu:

3.Laseñalqueadvierteunpeligroysedistingueporsucoloramarillo,sedenomina:

4.Lasseñalesreglamentarias,preventivas,informativasytransitoriashacenpartede:

N HecergruposdeatresestudiantesyescojerunapartedelIncapdondeimplementaralgúntipodeseñalizaciónyrealizaraescalatresseñales.

NOTASD

MA

Page 31: Comunicación Visual

60

Bibliografía

• TipografíaparaDiseñadores.TimothySamara.EditorialBlume.• FundamentosdeldiseñoBiyTridimensional.W.Wong,G.Gill.• Señalética.ConceptosyFundamentos.EditorialAlfagrama.• www.fotonostra.com