SlideShare una empresa de Scribd logo
INTRODUCCIÓN
Diseñar consiste en adecuar distintos elementos gráficos
dentro de un mismo área visual, un área que previamente
habremos seleccionado para desarrollar nuestra
composición, combinándolos de tal forma que todos ellos
sean capaces de aportar un significado que pueda ser
transmitido gráficamente.
Todo mensaje de diseño visual se elabora siempre basado en
una combinación, dotada de una estructura coherente y
premeditada, de los elementos vitales con los que hayamos
decidido trabajar. Estos elementos pueden tomar forma de
imágenes, textos o espacios, o, por el contrario, constituirse
como la ausencia deliberada de alguno de los elementos
arriba indicados.
Peso de los Elementos
Cada elemento que se
ubique en el área de diseño
(en este caso la pantalla del
ordenador) adquiere un peso
visual en la composición.
Nuestro diseño debe
constituir un todo en el que
cada uno de los elementos
gráficos de que nos servimos
posea una función
específica, sin interferir en
importancia y protagonismo
a los elementos restantes.
Peso de los Elementos
Esto quiere decir que debemos tener
bien claro cuál es el orden de
importancia de cada elemento, si lo es
el título, la ilustración, los textos, etc., y
darle su proporción adecuada.
Esto no quiere decir que si queremos
resaltar la ilustración, la misma será del
tamaño de la mitad de la pantalla,
opacando por completo el resto de los
elementos o creando así una
composición desequilibrada y poco
atractiva a la vista del espectador.
Hay que encontrar las relaciones
fundamentales entre los elementos y el
espacio gráfico.
Peso de los Elementos
Se ha comprobado que
los elementos situados
a la derecha del área
de diseño poseen un
mayor peso visual,
están adelantados
ópticamente y dan idea
de proyección y avance
en la composición.
Derecha
Mientras que los elementos
que situamos en la zona
izquierda retrotraen la
composición y transmiten
una sensación de ligereza
visual más acentuada, según
nos vayamos acercando al
margen izquierdo de
nuestra página.
Este tipo de información nos
ayuda en nuestra ubicación
de los elementos según la
sensación que queremos
lograr en la composición.
Peso de los Elementos
Izquierda
Otra información
comprobada en cuanto a la
ubicación de los elementos,
es que la zona superior de
la pantalla posee mayor
ligereza visual al ser
equilibrada con el espacio
en blanco que está debajo,
mientras que la zona
inferior, que carece de un
espacio que equilibre,
adquiere un peso visual
mayor.
Mayor
Ligereza
Visual
Mayor
Peso
Visual
Factor de Equilibrio
Toda composición debe poseer un equilibrio visual y se conocen
dos tipos: el formal y el informal. El centro óptico de nuestra
pantalla no es precisamente el centro geométrico de la misma,
pues el primero está ubicado un poco por encima del segundo.
Factor de Equilibrio
Las composiciones con equilibrio formal o simétrico reflejarán
estabilidad, calma y estatismo. No supone una composición muy
audaz, aunque lo que sí asegura es una distribución armónica
de los elementos.
Equilibrio Formal
El equilibrio formal es
aquel que está basado en
la simetría, es decir que
posee igual peso en
ambos lados del eje
central (centro óptico)
de nuestra página o
pantalla.
Factor de Equilibrio
Las composiciones con
equilibrio informal visual no
son simétricos, el equilibrio
se logra al contrastar y
contraponer los pesos
visuales de los elementos.
Equilibrio Informal
Se puede introducir una ligera variación en una figura simétrica
desalineando las dos mitades, solapándolas o añadiendo alguna
variación a una de ellas. Los equilibrios informales o asimétricos
proyectan fuerza gráfica y dinamismo.
Factor de Tensión
La tensión consiste en aplicar al diseño fuerza, dinamismo y
movimiento. Esta se puede lograr combinando líneas y formas
agudas e irregulares aplicando algunas técnicas como:
La aplicación de tensión en el diseño de la pantalla de nuestro
curso, logrará un dinamismo y agilidad en la composición,
rompiendo el aburrimiento de un diseño demasiado formal.
Técnica Sugestiva
Técnica Rítmica
Técnica Mecánica
Factor de Tensión
Consiste en dirigir
intencionadamente, a
través de otros
elementos, la atención a
un punto determinado.
Por ejemplo, muchas
líneas confluyen en un
mismo punto o muchos
personajes dirigen en la
fotografía su atención
hacia el mismo sitio.
Técnica Sugestiva
Las líneas finalizan todas en un mismo
sitio, la manzana.
Factor de Tensión
Basada en la tendencia innata del ojo
humano a completar secuencias de
elementos portando parte de sus
propios conocimientos previamente
adquiridos y a percibir elementos
semejantes como un todo tendiendo a
agruparlos.
Cuando contemplamos determinada
secuencia de elementos (ya sean
números, formas, figuras geométricas
o colores), tendemos a agrupar
aquellos que poseen formas
semejantes.
Técnica Rítmica
En este caso, agrupamos los
elementos en filas verticales,
eludiendo hacerlo en sentido
horizontal cuando todos se
encuentran equidistantes
tanto en sentido horizontal
como en el vertical.
Factor de Tensión
Consiste en guiar de
manera imperativa la
atención del observador.
Puede llegar a ser
menos efectivo que las
técnicas anteriormente
señaladas, ya que se
produce coacción visual
sobre el observador.
Técnica Mecánica
Factor de Ritmo
Consiste en la repetición secuencial de
determinados conjuntos de elementos buscando
crear armonía y movimiento en las composiciones.
El ojo humano se encuentra predispuesto a realizar
recorridos dinámicos por la composición, lo cual le
transmite una alta sensación de dinamismo. Los
recursos empleados son:
Alternar elementos de manera secuencial.
Provocar una progresión de elementos, ya sea
mediante la gradación de colores, o una escala
de dimensiones.
Repetición de elementos semejantes, ya sean
colores, forma, etc.
Factor de Ritmo
Para lograr el factor “Ritmo”en el diseño
podemos aplicar:
1. Alternar elementos de manera
secuencial.
Factor de Ritmo
Para lograr el factor “Ritmo "en el diseño
podemos aplicar:
2. Repetición de elementos semejantes,
ya sean colores, formas, etc.
Factor de Ritmo
Para lograr el factor “Ritmo”en el diseño
podemos aplicar:
3. Provocar una progresión de elementos,
mediante la gradación de colores, o una
escala de dimensiones
Recorrido Visual de las Áreas
de Diseño
Dos puntos determinan el
recorrido visual que hacemos
ante una composición, una es
nuestro sistema de
percepción visual humano, y
la otra es el factor cultural de
nuestro mundo occidental, es
decir de izquierda a derecha y
de arriba hacia abajo.
Desde que entramos hasta que abandonamos la página habremos
realizado un promedio máximo de diez fijaciones visuales por hoja,
habiéndonos detenido una media de dos veces en cada bloque de
información. Siempre realizamos un recorrido visual en sentido
descendente avanzando de izquierda a derecha.
Recorrido Visual de las Areas de Diseño
Entrada Entrada
Salida Salida
Recorrido Visual de las Areas de Diseño
Por esta razón nuestros diseños
deben mantener esta estructura de
lectura para alcanzar el éxito en la
comunicación.
Además de esto, debemos colocar
la información más importante en la
parte superior derecha de la
pantalla y seguir ubicando la
información en forma descendente
y en orden importancia.
La información que queremos que
los usuarios recuerden por sobre
todo, debemos ubicarla al final del
diseño, en el margen inferior
derecho.
Ubicación de las Imágenes
Las imágenes deben ser
colocadas en el área de diseño,
dirigiendo su atención hacia el
centro o interior de la
composición, porque de lo
contrario sacaremos del área de
diseño la atención del usuario.
Situaremos, por tanto, los ejes
direccionales de nuestras
imágenes siempre el centro de
nuestra composición, nunca al
contrario.
Ubicación de los Elementos
Al ubicar cada uno
de los elementos de
nuestra composición
debemos tener en
mente la existencia
de una cuadrícula
imaginaria, que nos
guiará para colocar
correctamente todos
los elementos.
Cuadrícula
Imaginaria
Ubicación de los Elementos
A través de las
líneas
segmentadas
rojas y verdes
podemos
observar como
los elementos
están
alineados y
relacionados
provocando
unidad y
armonía en el
diseño.
Percepción del Receptor
Todos los puntos anteriormente
señalados son importantes para
lograr una composición
adecuada, más sin embargo
existe también otro elemento que
interviene en la interpretación de
un mensaje gráfico que es el
mecanismo perceptivo de
receptor de la comunicación.
Mencionaremos algunos factores
de la percepción que debemos
tomar en cuenta.
Percepción del Receptor
a. Componentes Psicosomáticos del Sistema Nervioso
Nos facilitan el contacto visual con
nuestro mensaje gráfico haciendo
uso del mecanismo de percepción
llamado vista.
Con ella recogemos información
visual (percibimos distintas formas,
ubicaciones, longitudes de onda de
un color, etc.) que luego nuestro
cerebro interpreta como contornos,
texturas, dimensiones, etc.,
dotándolas de un significado gráfico
definido.
Percepción del Receptor
Influyen en la interpretación
que hacemos de los estímulos
desde un punto de vista cultural
y educacional.
Por ejemplo, el color que en
Occidente está relacionado con
el luto es el negro; mientras
que en los países orientales
este mismo significado se le
asigna al color blanco.
b. Componentes de Tipo Cultural
Percepción del Receptor
c. Experiencias compartidas con el Entorno
Como por ejemplo, conceptos
altamente arraigados en el perceptor
por el mero hecho de ser un ser
humano. Véanse asociaciones
como: hierba/verde, azul/cielo,
hielo/frío.
Todas ellas van constituyendo una serie
de dualidades que el hombre va
aprendiendo desde su infancia y que
posteriormente serán utilizadas por él
como patrones con los que interpretar y
dotar de significado la realidad.

Más contenido relacionado

La actualidad más candente

Guia de diseño (completo)
Guia de diseño (completo)Guia de diseño (completo)
Guia de diseño (completo)
tupapicool
 

La actualidad más candente (19)

Fundamentos comp visual
Fundamentos  comp visualFundamentos  comp visual
Fundamentos comp visual
 
Composición en el diseño
Composición en el diseñoComposición en el diseño
Composición en el diseño
 
Direccion, plano, textura y movimiento en el diseño multimedia
Direccion, plano, textura y movimiento en el diseño multimediaDireccion, plano, textura y movimiento en el diseño multimedia
Direccion, plano, textura y movimiento en el diseño multimedia
 
Guia de diseño (completo)
Guia de diseño (completo)Guia de diseño (completo)
Guia de diseño (completo)
 
Elementos compositivos de la fotografía
Elementos compositivos de la fotografíaElementos compositivos de la fotografía
Elementos compositivos de la fotografía
 
Presentation1
Presentation1Presentation1
Presentation1
 
Multimedia disenno y composicion
Multimedia disenno y composicionMultimedia disenno y composicion
Multimedia disenno y composicion
 
Sesion 2 composicion
Sesion 2 composicionSesion 2 composicion
Sesion 2 composicion
 
Principios y elementos del diseño
Principios y elementos del diseñoPrincipios y elementos del diseño
Principios y elementos del diseño
 
Movimiento en el diseño
Movimiento en el diseñoMovimiento en el diseño
Movimiento en el diseño
 
Infografía, uso de retícula
Infografía, uso de retículaInfografía, uso de retícula
Infografía, uso de retícula
 
2 diseño+gr..
2 diseño+gr..2 diseño+gr..
2 diseño+gr..
 
Diseño grafico
Diseño graficoDiseño grafico
Diseño grafico
 
Presentación2
Presentación2Presentación2
Presentación2
 
Taller1 tercerparcial bryan_g_alexi
Taller1 tercerparcial bryan_g_alexiTaller1 tercerparcial bryan_g_alexi
Taller1 tercerparcial bryan_g_alexi
 
Infografía
Infografía Infografía
Infografía
 
Elementos Básicos del Diseñador y Teoría de Gestalt
Elementos Básicos del Diseñador y Teoría de GestaltElementos Básicos del Diseñador y Teoría de Gestalt
Elementos Básicos del Diseñador y Teoría de Gestalt
 
Composición
ComposiciónComposición
Composición
 
La composición audiovisual
La composición  audiovisual La composición  audiovisual
La composición audiovisual
 

Destacado

Building Construction 1 Project 1 2016
Building Construction 1 Project 1 2016Building Construction 1 Project 1 2016
Building Construction 1 Project 1 2016
Mirza Qayyum
 
Curriculum Vitae of Andiswa Nohashe
Curriculum Vitae of Andiswa NohasheCurriculum Vitae of Andiswa Nohashe
Curriculum Vitae of Andiswa Nohashe
Andiswa NOHASHE
 
Legendary ADLAND Marketing Solutions
Legendary ADLAND Marketing SolutionsLegendary ADLAND Marketing Solutions
Legendary ADLAND Marketing Solutions
Mahmoud Bahgat
 
Front-end Developer- Amsterdam
Front-end Developer- AmsterdamFront-end Developer- Amsterdam
Front-end Developer- Amsterdam
Mario John
 
La evolución del hombre
La evolución del hombreLa evolución del hombre
La evolución del hombre
bichoO1993
 

Destacado (20)

Production schedule
Production scheduleProduction schedule
Production schedule
 
Medidor de estresse
Medidor de estresseMedidor de estresse
Medidor de estresse
 
Mobile World Congress 2015 Recap - Day Three
Mobile World Congress 2015 Recap - Day ThreeMobile World Congress 2015 Recap - Day Three
Mobile World Congress 2015 Recap - Day Three
 
Building Construction 1 Project 1 2016
Building Construction 1 Project 1 2016Building Construction 1 Project 1 2016
Building Construction 1 Project 1 2016
 
IBM MobileFirst Technical Overview
IBM MobileFirst Technical OverviewIBM MobileFirst Technical Overview
IBM MobileFirst Technical Overview
 
Pilu
PiluPilu
Pilu
 
Matias Crivaro
Matias Crivaro   Matias Crivaro
Matias Crivaro
 
Curriculum Vitae of Andiswa Nohashe
Curriculum Vitae of Andiswa NohasheCurriculum Vitae of Andiswa Nohashe
Curriculum Vitae of Andiswa Nohashe
 
Omkarcv
OmkarcvOmkarcv
Omkarcv
 
Agustina
AgustinaAgustina
Agustina
 
AFTC Brochure
AFTC BrochureAFTC Brochure
AFTC Brochure
 
Sql
SqlSql
Sql
 
Analisis Semantico
Analisis Semantico Analisis Semantico
Analisis Semantico
 
Legendary ADLAND Marketing Solutions
Legendary ADLAND Marketing SolutionsLegendary ADLAND Marketing Solutions
Legendary ADLAND Marketing Solutions
 
Ethnic or traditional snacks market in india
Ethnic or traditional snacks market in indiaEthnic or traditional snacks market in india
Ethnic or traditional snacks market in india
 
Front-end Developer- Amsterdam
Front-end Developer- AmsterdamFront-end Developer- Amsterdam
Front-end Developer- Amsterdam
 
Comercio electronico
Comercio electronicoComercio electronico
Comercio electronico
 
Mobile World Congress 2015 Recap - Day Four
Mobile World Congress 2015 Recap - Day FourMobile World Congress 2015 Recap - Day Four
Mobile World Congress 2015 Recap - Day Four
 
Carrera de canoas
Carrera de canoasCarrera de canoas
Carrera de canoas
 
La evolución del hombre
La evolución del hombreLa evolución del hombre
La evolución del hombre
 

Similar a Fundamentos

Fundamentos 110301100434-phpapp02
Fundamentos 110301100434-phpapp02Fundamentos 110301100434-phpapp02
Fundamentos 110301100434-phpapp02
JuanFern
 
01.1. SESIÓN DE APRENDIZAJdddddddddddddE N° 01.pptx
01.1. SESIÓN DE APRENDIZAJdddddddddddddE N° 01.pptx01.1. SESIÓN DE APRENDIZAJdddddddddddddE N° 01.pptx
01.1. SESIÓN DE APRENDIZAJdddddddddddddE N° 01.pptx
ELMERVERAVAS
 
Universidad nacional de chimborazo
Universidad nacional de chimborazoUniversidad nacional de chimborazo
Universidad nacional de chimborazo
Pamela Chafla
 
guia de diseño
guia de diseñoguia de diseño
guia de diseño
xms
 
Elementos Perceptuales
Elementos PerceptualesElementos Perceptuales
Elementos Perceptuales
carminaperezc
 

Similar a Fundamentos (20)

Fundamentos 110301100434-phpapp02
Fundamentos 110301100434-phpapp02Fundamentos 110301100434-phpapp02
Fundamentos 110301100434-phpapp02
 
Criterios básicos de diseño para elaborar afiches y volantes
Criterios básicos de diseño para elaborar afiches y volantesCriterios básicos de diseño para elaborar afiches y volantes
Criterios básicos de diseño para elaborar afiches y volantes
 
Taller 1 Andrea_
Taller 1 Andrea_ Taller 1 Andrea_
Taller 1 Andrea_
 
01.1. SESIÓN DE APRENDIZAJdddddddddddddE N° 01.pptx
01.1. SESIÓN DE APRENDIZAJdddddddddddddE N° 01.pptx01.1. SESIÓN DE APRENDIZAJdddddddddddddE N° 01.pptx
01.1. SESIÓN DE APRENDIZAJdddddddddddddE N° 01.pptx
 
Universidad nacional de chimborazo
Universidad nacional de chimborazoUniversidad nacional de chimborazo
Universidad nacional de chimborazo
 
Diseñografico
DiseñograficoDiseñografico
Diseñografico
 
Diseñografico
DiseñograficoDiseñografico
Diseñografico
 
Naty y moni taller 1
Naty y moni taller 1Naty y moni taller 1
Naty y moni taller 1
 
Composición elementos básicos
Composición elementos básicosComposición elementos básicos
Composición elementos básicos
 
Composición elementos básicos
Composición elementos básicosComposición elementos básicos
Composición elementos básicos
 
Ingredientes del diseño, principios del diseño, teoría de gestalt
Ingredientes del diseño, principios del diseño, teoría de gestaltIngredientes del diseño, principios del diseño, teoría de gestalt
Ingredientes del diseño, principios del diseño, teoría de gestalt
 
2. Elememtos del diseño.pptx
2. Elememtos del diseño.pptx2. Elememtos del diseño.pptx
2. Elememtos del diseño.pptx
 
Taller n°1
Taller n°1Taller n°1
Taller n°1
 
2 fundamentos y elementos del diseño
2  fundamentos y elementos del diseño2  fundamentos y elementos del diseño
2 fundamentos y elementos del diseño
 
Fundamentos visuales del diseño_tema1.pptx
Fundamentos visuales del diseño_tema1.pptxFundamentos visuales del diseño_tema1.pptx
Fundamentos visuales del diseño_tema1.pptx
 
Elementos del Diseño Grafico
Elementos del Diseño GraficoElementos del Diseño Grafico
Elementos del Diseño Grafico
 
guia de diseño
guia de diseñoguia de diseño
guia de diseño
 
Elementos Perceptuales
Elementos PerceptualesElementos Perceptuales
Elementos Perceptuales
 
Composición visual
Composición visualComposición visual
Composición visual
 
Elementos del diseño gráfico
Elementos del diseño gráficoElementos del diseño gráfico
Elementos del diseño gráfico
 

Último

VISIÓN MISIÓN VALORES EMPRESARIALES EN EL
VISIÓN MISIÓN VALORES EMPRESARIALES EN ELVISIÓN MISIÓN VALORES EMPRESARIALES EN EL
VISIÓN MISIÓN VALORES EMPRESARIALES EN EL
LilianBaosMedina
 
Solicitud de cambio de un producto, a nivel empresarial.
Solicitud de cambio de un producto, a nivel empresarial.Solicitud de cambio de un producto, a nivel empresarial.
Solicitud de cambio de un producto, a nivel empresarial.
femayormisleidys
 
SESION 10 INTEGRACIÓN DE PERSONAL SELECCIÓN DE PERSONAL VIRTUAL.ppt
SESION 10 INTEGRACIÓN DE PERSONAL SELECCIÓN DE PERSONAL VIRTUAL.pptSESION 10 INTEGRACIÓN DE PERSONAL SELECCIÓN DE PERSONAL VIRTUAL.ppt
SESION 10 INTEGRACIÓN DE PERSONAL SELECCIÓN DE PERSONAL VIRTUAL.ppt
econoya12
 
Planeacion NIA 300-330 - Auditoria 2 (1) (1).pptx
Planeacion NIA 300-330 - Auditoria 2 (1) (1).pptxPlaneacion NIA 300-330 - Auditoria 2 (1) (1).pptx
Planeacion NIA 300-330 - Auditoria 2 (1) (1).pptx
MiguelBertel
 
Trigonometria Plan-el mejor.pptxssssssss
Trigonometria Plan-el mejor.pptxssssssssTrigonometria Plan-el mejor.pptxssssssss
Trigonometria Plan-el mejor.pptxssssssss
QuerubinOlayamedina
 
capitulo-5-libro-contabilidad-costo-volumen-utilidad.pdf
capitulo-5-libro-contabilidad-costo-volumen-utilidad.pdfcapitulo-5-libro-contabilidad-costo-volumen-utilidad.pdf
capitulo-5-libro-contabilidad-costo-volumen-utilidad.pdf
cessarvargass23
 
GOBIERNO DE TI, HISTORIA, PRINCIPIOS Y DOMINIOS DE COBIT.pdf
GOBIERNO DE TI, HISTORIA, PRINCIPIOS Y DOMINIOS DE COBIT.pdfGOBIERNO DE TI, HISTORIA, PRINCIPIOS Y DOMINIOS DE COBIT.pdf
GOBIERNO DE TI, HISTORIA, PRINCIPIOS Y DOMINIOS DE COBIT.pdf
JudyythHernandez
 

Último (20)

APE 7. SEMANA 7 PROYECTOS DE INVERSIÓN.pdf
APE 7. SEMANA 7 PROYECTOS DE INVERSIÓN.pdfAPE 7. SEMANA 7 PROYECTOS DE INVERSIÓN.pdf
APE 7. SEMANA 7 PROYECTOS DE INVERSIÓN.pdf
 
VISIÓN MISIÓN VALORES EMPRESARIALES EN EL
VISIÓN MISIÓN VALORES EMPRESARIALES EN ELVISIÓN MISIÓN VALORES EMPRESARIALES EN EL
VISIÓN MISIÓN VALORES EMPRESARIALES EN EL
 
Presentación Mezcal con orgullo para pagina mix
Presentación Mezcal con orgullo para pagina mixPresentación Mezcal con orgullo para pagina mix
Presentación Mezcal con orgullo para pagina mix
 
Solicitud de cambio de un producto, a nivel empresarial.
Solicitud de cambio de un producto, a nivel empresarial.Solicitud de cambio de un producto, a nivel empresarial.
Solicitud de cambio de un producto, a nivel empresarial.
 
TRABAJO DE ECOMERCIO ADMINISTRACIÓN 1 CICLO
TRABAJO DE ECOMERCIO ADMINISTRACIÓN 1 CICLOTRABAJO DE ECOMERCIO ADMINISTRACIÓN 1 CICLO
TRABAJO DE ECOMERCIO ADMINISTRACIÓN 1 CICLO
 
Revista La Verdad - Edición Mayo 2024
Revista La Verdad  -  Edición  Mayo  2024Revista La Verdad  -  Edición  Mayo  2024
Revista La Verdad - Edición Mayo 2024
 
Supply Chain Management Universidad César Vallejo
Supply Chain Management Universidad César VallejoSupply Chain Management Universidad César Vallejo
Supply Chain Management Universidad César Vallejo
 
Sesión 8 de comercio internacional tercer ciclo
Sesión 8 de comercio internacional tercer cicloSesión 8 de comercio internacional tercer ciclo
Sesión 8 de comercio internacional tercer ciclo
 
INFORME ADMINISTRACIÓN EN PROPIEDAD HORIZONTAL
INFORME ADMINISTRACIÓN EN PROPIEDAD HORIZONTALINFORME ADMINISTRACIÓN EN PROPIEDAD HORIZONTAL
INFORME ADMINISTRACIÓN EN PROPIEDAD HORIZONTAL
 
SESION 10 INTEGRACIÓN DE PERSONAL SELECCIÓN DE PERSONAL VIRTUAL.ppt
SESION 10 INTEGRACIÓN DE PERSONAL SELECCIÓN DE PERSONAL VIRTUAL.pptSESION 10 INTEGRACIÓN DE PERSONAL SELECCIÓN DE PERSONAL VIRTUAL.ppt
SESION 10 INTEGRACIÓN DE PERSONAL SELECCIÓN DE PERSONAL VIRTUAL.ppt
 
Planeacion NIA 300-330 - Auditoria 2 (1) (1).pptx
Planeacion NIA 300-330 - Auditoria 2 (1) (1).pptxPlaneacion NIA 300-330 - Auditoria 2 (1) (1).pptx
Planeacion NIA 300-330 - Auditoria 2 (1) (1).pptx
 
Trigonometria Plan-el mejor.pptxssssssss
Trigonometria Plan-el mejor.pptxssssssssTrigonometria Plan-el mejor.pptxssssssss
Trigonometria Plan-el mejor.pptxssssssss
 
Formato Presentacion FALTAS ACADEMICAS Y DISCIPLINARIAS SENA V3 (1).pptx
Formato Presentacion FALTAS ACADEMICAS Y DISCIPLINARIAS SENA V3 (1).pptxFormato Presentacion FALTAS ACADEMICAS Y DISCIPLINARIAS SENA V3 (1).pptx
Formato Presentacion FALTAS ACADEMICAS Y DISCIPLINARIAS SENA V3 (1).pptx
 
JAMAL SPORTS.pptx.documento_de_explicacion
JAMAL SPORTS.pptx.documento_de_explicacionJAMAL SPORTS.pptx.documento_de_explicacion
JAMAL SPORTS.pptx.documento_de_explicacion
 
Entrega de Premios Vocación Digital Raiola 2024
Entrega de Premios Vocación Digital Raiola 2024Entrega de Premios Vocación Digital Raiola 2024
Entrega de Premios Vocación Digital Raiola 2024
 
EL NACIMIENTO DE LA OBLIGACIÓN TRIBUTARIA EN EL PERÚ.docx
EL NACIMIENTO DE LA OBLIGACIÓN TRIBUTARIA EN EL PERÚ.docxEL NACIMIENTO DE LA OBLIGACIÓN TRIBUTARIA EN EL PERÚ.docx
EL NACIMIENTO DE LA OBLIGACIÓN TRIBUTARIA EN EL PERÚ.docx
 
ESTRATEGIA DE PLANEACION PARA RETENER AL PERSONAL
ESTRATEGIA DE PLANEACION PARA RETENER AL PERSONALESTRATEGIA DE PLANEACION PARA RETENER AL PERSONAL
ESTRATEGIA DE PLANEACION PARA RETENER AL PERSONAL
 
capitulo-5-libro-contabilidad-costo-volumen-utilidad.pdf
capitulo-5-libro-contabilidad-costo-volumen-utilidad.pdfcapitulo-5-libro-contabilidad-costo-volumen-utilidad.pdf
capitulo-5-libro-contabilidad-costo-volumen-utilidad.pdf
 
Cosas generales sobre la empresa mezcal con orgullo
Cosas generales sobre la empresa mezcal con orgulloCosas generales sobre la empresa mezcal con orgullo
Cosas generales sobre la empresa mezcal con orgullo
 
GOBIERNO DE TI, HISTORIA, PRINCIPIOS Y DOMINIOS DE COBIT.pdf
GOBIERNO DE TI, HISTORIA, PRINCIPIOS Y DOMINIOS DE COBIT.pdfGOBIERNO DE TI, HISTORIA, PRINCIPIOS Y DOMINIOS DE COBIT.pdf
GOBIERNO DE TI, HISTORIA, PRINCIPIOS Y DOMINIOS DE COBIT.pdf
 

Fundamentos

  • 1.
  • 2. INTRODUCCIÓN Diseñar consiste en adecuar distintos elementos gráficos dentro de un mismo área visual, un área que previamente habremos seleccionado para desarrollar nuestra composición, combinándolos de tal forma que todos ellos sean capaces de aportar un significado que pueda ser transmitido gráficamente. Todo mensaje de diseño visual se elabora siempre basado en una combinación, dotada de una estructura coherente y premeditada, de los elementos vitales con los que hayamos decidido trabajar. Estos elementos pueden tomar forma de imágenes, textos o espacios, o, por el contrario, constituirse como la ausencia deliberada de alguno de los elementos arriba indicados.
  • 3. Peso de los Elementos Cada elemento que se ubique en el área de diseño (en este caso la pantalla del ordenador) adquiere un peso visual en la composición. Nuestro diseño debe constituir un todo en el que cada uno de los elementos gráficos de que nos servimos posea una función específica, sin interferir en importancia y protagonismo a los elementos restantes.
  • 4. Peso de los Elementos Esto quiere decir que debemos tener bien claro cuál es el orden de importancia de cada elemento, si lo es el título, la ilustración, los textos, etc., y darle su proporción adecuada. Esto no quiere decir que si queremos resaltar la ilustración, la misma será del tamaño de la mitad de la pantalla, opacando por completo el resto de los elementos o creando así una composición desequilibrada y poco atractiva a la vista del espectador. Hay que encontrar las relaciones fundamentales entre los elementos y el espacio gráfico.
  • 5. Peso de los Elementos Se ha comprobado que los elementos situados a la derecha del área de diseño poseen un mayor peso visual, están adelantados ópticamente y dan idea de proyección y avance en la composición. Derecha
  • 6. Mientras que los elementos que situamos en la zona izquierda retrotraen la composición y transmiten una sensación de ligereza visual más acentuada, según nos vayamos acercando al margen izquierdo de nuestra página. Este tipo de información nos ayuda en nuestra ubicación de los elementos según la sensación que queremos lograr en la composición. Peso de los Elementos Izquierda
  • 7. Otra información comprobada en cuanto a la ubicación de los elementos, es que la zona superior de la pantalla posee mayor ligereza visual al ser equilibrada con el espacio en blanco que está debajo, mientras que la zona inferior, que carece de un espacio que equilibre, adquiere un peso visual mayor. Mayor Ligereza Visual Mayor Peso Visual
  • 8. Factor de Equilibrio Toda composición debe poseer un equilibrio visual y se conocen dos tipos: el formal y el informal. El centro óptico de nuestra pantalla no es precisamente el centro geométrico de la misma, pues el primero está ubicado un poco por encima del segundo.
  • 9. Factor de Equilibrio Las composiciones con equilibrio formal o simétrico reflejarán estabilidad, calma y estatismo. No supone una composición muy audaz, aunque lo que sí asegura es una distribución armónica de los elementos. Equilibrio Formal El equilibrio formal es aquel que está basado en la simetría, es decir que posee igual peso en ambos lados del eje central (centro óptico) de nuestra página o pantalla.
  • 10. Factor de Equilibrio Las composiciones con equilibrio informal visual no son simétricos, el equilibrio se logra al contrastar y contraponer los pesos visuales de los elementos. Equilibrio Informal Se puede introducir una ligera variación en una figura simétrica desalineando las dos mitades, solapándolas o añadiendo alguna variación a una de ellas. Los equilibrios informales o asimétricos proyectan fuerza gráfica y dinamismo.
  • 11. Factor de Tensión La tensión consiste en aplicar al diseño fuerza, dinamismo y movimiento. Esta se puede lograr combinando líneas y formas agudas e irregulares aplicando algunas técnicas como: La aplicación de tensión en el diseño de la pantalla de nuestro curso, logrará un dinamismo y agilidad en la composición, rompiendo el aburrimiento de un diseño demasiado formal. Técnica Sugestiva Técnica Rítmica Técnica Mecánica
  • 12. Factor de Tensión Consiste en dirigir intencionadamente, a través de otros elementos, la atención a un punto determinado. Por ejemplo, muchas líneas confluyen en un mismo punto o muchos personajes dirigen en la fotografía su atención hacia el mismo sitio. Técnica Sugestiva Las líneas finalizan todas en un mismo sitio, la manzana.
  • 13. Factor de Tensión Basada en la tendencia innata del ojo humano a completar secuencias de elementos portando parte de sus propios conocimientos previamente adquiridos y a percibir elementos semejantes como un todo tendiendo a agruparlos. Cuando contemplamos determinada secuencia de elementos (ya sean números, formas, figuras geométricas o colores), tendemos a agrupar aquellos que poseen formas semejantes. Técnica Rítmica En este caso, agrupamos los elementos en filas verticales, eludiendo hacerlo en sentido horizontal cuando todos se encuentran equidistantes tanto en sentido horizontal como en el vertical.
  • 14. Factor de Tensión Consiste en guiar de manera imperativa la atención del observador. Puede llegar a ser menos efectivo que las técnicas anteriormente señaladas, ya que se produce coacción visual sobre el observador. Técnica Mecánica
  • 15. Factor de Ritmo Consiste en la repetición secuencial de determinados conjuntos de elementos buscando crear armonía y movimiento en las composiciones. El ojo humano se encuentra predispuesto a realizar recorridos dinámicos por la composición, lo cual le transmite una alta sensación de dinamismo. Los recursos empleados son: Alternar elementos de manera secuencial. Provocar una progresión de elementos, ya sea mediante la gradación de colores, o una escala de dimensiones. Repetición de elementos semejantes, ya sean colores, forma, etc.
  • 16. Factor de Ritmo Para lograr el factor “Ritmo”en el diseño podemos aplicar: 1. Alternar elementos de manera secuencial.
  • 17. Factor de Ritmo Para lograr el factor “Ritmo "en el diseño podemos aplicar: 2. Repetición de elementos semejantes, ya sean colores, formas, etc.
  • 18. Factor de Ritmo Para lograr el factor “Ritmo”en el diseño podemos aplicar: 3. Provocar una progresión de elementos, mediante la gradación de colores, o una escala de dimensiones
  • 19. Recorrido Visual de las Áreas de Diseño Dos puntos determinan el recorrido visual que hacemos ante una composición, una es nuestro sistema de percepción visual humano, y la otra es el factor cultural de nuestro mundo occidental, es decir de izquierda a derecha y de arriba hacia abajo.
  • 20. Desde que entramos hasta que abandonamos la página habremos realizado un promedio máximo de diez fijaciones visuales por hoja, habiéndonos detenido una media de dos veces en cada bloque de información. Siempre realizamos un recorrido visual en sentido descendente avanzando de izquierda a derecha. Recorrido Visual de las Areas de Diseño Entrada Entrada Salida Salida
  • 21. Recorrido Visual de las Areas de Diseño Por esta razón nuestros diseños deben mantener esta estructura de lectura para alcanzar el éxito en la comunicación. Además de esto, debemos colocar la información más importante en la parte superior derecha de la pantalla y seguir ubicando la información en forma descendente y en orden importancia. La información que queremos que los usuarios recuerden por sobre todo, debemos ubicarla al final del diseño, en el margen inferior derecho.
  • 22. Ubicación de las Imágenes Las imágenes deben ser colocadas en el área de diseño, dirigiendo su atención hacia el centro o interior de la composición, porque de lo contrario sacaremos del área de diseño la atención del usuario. Situaremos, por tanto, los ejes direccionales de nuestras imágenes siempre el centro de nuestra composición, nunca al contrario.
  • 23. Ubicación de los Elementos Al ubicar cada uno de los elementos de nuestra composición debemos tener en mente la existencia de una cuadrícula imaginaria, que nos guiará para colocar correctamente todos los elementos. Cuadrícula Imaginaria
  • 24. Ubicación de los Elementos A través de las líneas segmentadas rojas y verdes podemos observar como los elementos están alineados y relacionados provocando unidad y armonía en el diseño.
  • 25. Percepción del Receptor Todos los puntos anteriormente señalados son importantes para lograr una composición adecuada, más sin embargo existe también otro elemento que interviene en la interpretación de un mensaje gráfico que es el mecanismo perceptivo de receptor de la comunicación. Mencionaremos algunos factores de la percepción que debemos tomar en cuenta.
  • 26. Percepción del Receptor a. Componentes Psicosomáticos del Sistema Nervioso Nos facilitan el contacto visual con nuestro mensaje gráfico haciendo uso del mecanismo de percepción llamado vista. Con ella recogemos información visual (percibimos distintas formas, ubicaciones, longitudes de onda de un color, etc.) que luego nuestro cerebro interpreta como contornos, texturas, dimensiones, etc., dotándolas de un significado gráfico definido.
  • 27. Percepción del Receptor Influyen en la interpretación que hacemos de los estímulos desde un punto de vista cultural y educacional. Por ejemplo, el color que en Occidente está relacionado con el luto es el negro; mientras que en los países orientales este mismo significado se le asigna al color blanco. b. Componentes de Tipo Cultural
  • 28. Percepción del Receptor c. Experiencias compartidas con el Entorno Como por ejemplo, conceptos altamente arraigados en el perceptor por el mero hecho de ser un ser humano. Véanse asociaciones como: hierba/verde, azul/cielo, hielo/frío. Todas ellas van constituyendo una serie de dualidades que el hombre va aprendiendo desde su infancia y que posteriormente serán utilizadas por él como patrones con los que interpretar y dotar de significado la realidad.