Comunicación Visual
-
Upload
juliana-yepes -
Category
Documents
-
view
232 -
download
2
description
Transcript of Comunicación Visual
![Page 1: Comunicación Visual](https://reader033.fdocumento.com/reader033/viewer/2022042506/568bdb101a28ab2034ad192f/html5/thumbnails/1.jpg)
![Page 2: Comunicación Visual](https://reader033.fdocumento.com/reader033/viewer/2022042506/568bdb101a28ab2034ad192f/html5/thumbnails/2.jpg)
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](https://reader033.fdocumento.com/reader033/viewer/2022042506/568bdb101a28ab2034ad192f/html5/thumbnails/3.jpg)
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](https://reader033.fdocumento.com/reader033/viewer/2022042506/568bdb101a28ab2034ad192f/html5/thumbnails/4.jpg)
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](https://reader033.fdocumento.com/reader033/viewer/2022042506/568bdb101a28ab2034ad192f/html5/thumbnails/5.jpg)
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](https://reader033.fdocumento.com/reader033/viewer/2022042506/568bdb101a28ab2034ad192f/html5/thumbnails/6.jpg)
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](https://reader033.fdocumento.com/reader033/viewer/2022042506/568bdb101a28ab2034ad192f/html5/thumbnails/7.jpg)
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](https://reader033.fdocumento.com/reader033/viewer/2022042506/568bdb101a28ab2034ad192f/html5/thumbnails/8.jpg)
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](https://reader033.fdocumento.com/reader033/viewer/2022042506/568bdb101a28ab2034ad192f/html5/thumbnails/9.jpg)
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](https://reader033.fdocumento.com/reader033/viewer/2022042506/568bdb101a28ab2034ad192f/html5/thumbnails/10.jpg)
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](https://reader033.fdocumento.com/reader033/viewer/2022042506/568bdb101a28ab2034ad192f/html5/thumbnails/11.jpg)
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](https://reader033.fdocumento.com/reader033/viewer/2022042506/568bdb101a28ab2034ad192f/html5/thumbnails/12.jpg)
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](https://reader033.fdocumento.com/reader033/viewer/2022042506/568bdb101a28ab2034ad192f/html5/thumbnails/13.jpg)
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](https://reader033.fdocumento.com/reader033/viewer/2022042506/568bdb101a28ab2034ad192f/html5/thumbnails/14.jpg)
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](https://reader033.fdocumento.com/reader033/viewer/2022042506/568bdb101a28ab2034ad192f/html5/thumbnails/15.jpg)
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](https://reader033.fdocumento.com/reader033/viewer/2022042506/568bdb101a28ab2034ad192f/html5/thumbnails/16.jpg)
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](https://reader033.fdocumento.com/reader033/viewer/2022042506/568bdb101a28ab2034ad192f/html5/thumbnails/17.jpg)
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](https://reader033.fdocumento.com/reader033/viewer/2022042506/568bdb101a28ab2034ad192f/html5/thumbnails/18.jpg)
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](https://reader033.fdocumento.com/reader033/viewer/2022042506/568bdb101a28ab2034ad192f/html5/thumbnails/19.jpg)
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](https://reader033.fdocumento.com/reader033/viewer/2022042506/568bdb101a28ab2034ad192f/html5/thumbnails/20.jpg)
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](https://reader033.fdocumento.com/reader033/viewer/2022042506/568bdb101a28ab2034ad192f/html5/thumbnails/21.jpg)
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](https://reader033.fdocumento.com/reader033/viewer/2022042506/568bdb101a28ab2034ad192f/html5/thumbnails/22.jpg)
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](https://reader033.fdocumento.com/reader033/viewer/2022042506/568bdb101a28ab2034ad192f/html5/thumbnails/23.jpg)
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](https://reader033.fdocumento.com/reader033/viewer/2022042506/568bdb101a28ab2034ad192f/html5/thumbnails/24.jpg)
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](https://reader033.fdocumento.com/reader033/viewer/2022042506/568bdb101a28ab2034ad192f/html5/thumbnails/25.jpg)
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](https://reader033.fdocumento.com/reader033/viewer/2022042506/568bdb101a28ab2034ad192f/html5/thumbnails/26.jpg)
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](https://reader033.fdocumento.com/reader033/viewer/2022042506/568bdb101a28ab2034ad192f/html5/thumbnails/27.jpg)
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](https://reader033.fdocumento.com/reader033/viewer/2022042506/568bdb101a28ab2034ad192f/html5/thumbnails/28.jpg)
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](https://reader033.fdocumento.com/reader033/viewer/2022042506/568bdb101a28ab2034ad192f/html5/thumbnails/29.jpg)
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](https://reader033.fdocumento.com/reader033/viewer/2022042506/568bdb101a28ab2034ad192f/html5/thumbnails/30.jpg)
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](https://reader033.fdocumento.com/reader033/viewer/2022042506/568bdb101a28ab2034ad192f/html5/thumbnails/31.jpg)
60
Bibliografía
• TipografíaparaDiseñadores.TimothySamara.EditorialBlume.• FundamentosdeldiseñoBiyTridimensional.W.Wong,G.Gill.• Señalética.ConceptosyFundamentos.EditorialAlfagrama.• www.fotonostra.com