SlideShare una empresa de Scribd logo
1 de 5
Unidad 3 – Sesión 8
Reglas para pantalla, tipografía y color
Carlos Andrés Lozano G.




            Seminario de medios digitales
08 Reglas para pantalla, tipografía y color
 El sistema de color aditivo (RGB)

 Denominado así por las siglas
 en inglés de los colores que lo
 componen:

 Red (Rojo)
 Green (Verde)
 Blue (Azul)

 La mezcla de colores por adición
 consiste en una reacción físico-
 óptica a la luz proyectada
 directamente.
 Cuando todos poseen la misma
 intensidad, se crea el color
 blanco, la ausencia de todos da
 lugar al negro.


                                     2
08 Reglas para pantalla, tipografía y color
 El sistema de color por substracciónitivo (CMYK)

 El sistema de color substractivo
 (CMYK)
 denominado así por las siglas en inglés
 de los colores que lo componen para
 este caso los colores primarios:

 Cyan (Cian)
 Magenta (Magenta)
 Yellow (Amarillo)
 Black (Negro)

 La mezcla de colores por substracción
 se genera por la mezcla de tintas o
 pigmentos.
 la combinación de los tres colores no
 crea un color negro absoluto por tal
 razón se adiciona al sistema.

                                           3
08 Reglas para pantalla, tipografía y color
 Los colores y su efecto

                           La elección del color del fondo de pantalla se
                           debe hacer con especial cuidado puesto que
                           será la superficie mas extensa.

                           Cada color posee una "personalidad" que
                           comunicará al usuario: intención, estado de
                           ánimo, etc. por ejemplo el rojo se asocia con
                           la emotividad y ha sido usado para
                           movimientos como la revolución o para
                           sentimientos como el amor.

                           Es claro que la subjetividad del lector o
                           internauta influye en el mensaje recibido, sin
                           embargo hay ciertos patrones Goethe
                           diferencia colores pasivos y estimulantes;
                           amarillo, naranja y rojo los define como
                           activos el azul verde y morado como pasivos.

                                4
08 Reglas para pantalla, tipografía y color
 Longitud de la línea y cantidad de texto

 tan importante como la selección
 adecuada del cuerpo y tipo de
 letra, establecer una longitud de
 línea correcta, afectará positiva o
 negativamente la legibilidad del
 texto en pantalla.

 Es importante tener en cuenta
 que las líneas excesivamente
 largas dificultan la lectura del
 texto, sucederá lo mismo si son
 demasiado cortas.

 Adicionalmente la longitud de
 línea y cantidad de texto deben
 ser acordes con la retícula
 utilizada.

                                       5

Más contenido relacionado

La actualidad más candente (17)

Color y tipografia
Color y tipografiaColor y tipografia
Color y tipografia
 
Color digital C Franco
Color digital C FrancoColor digital C Franco
Color digital C Franco
 
Tipografía y color
Tipografía y colorTipografía y color
Tipografía y color
 
Practica 5 presentacion de corel photo paint
Practica 5 presentacion de corel photo paintPractica 5 presentacion de corel photo paint
Practica 5 presentacion de corel photo paint
 
Teoria del color logo pony malta
Teoria del color logo pony maltaTeoria del color logo pony malta
Teoria del color logo pony malta
 
Reglas Para Pantalla, Tipografia & Color
Reglas Para Pantalla, Tipografia & ColorReglas Para Pantalla, Tipografia & Color
Reglas Para Pantalla, Tipografia & Color
 
Corel photo paint
Corel photo paintCorel photo paint
Corel photo paint
 
Imagen Color Offset
Imagen Color OffsetImagen Color Offset
Imagen Color Offset
 
La resolucion de la imagen modificado
La resolucion de la imagen modificadoLa resolucion de la imagen modificado
La resolucion de la imagen modificado
 
La resolucion de la imagen modificado
La resolucion de la imagen modificadoLa resolucion de la imagen modificado
La resolucion de la imagen modificado
 
La resolucion de la imagen modificado
La resolucion de la imagen modificadoLa resolucion de la imagen modificado
La resolucion de la imagen modificado
 
Presentación, edición de imágenes
Presentación, edición de imágenesPresentación, edición de imágenes
Presentación, edición de imágenes
 
Corel photo paint
Corel photo paintCorel photo paint
Corel photo paint
 
Manual corel photopaint
Manual corel photopaintManual corel photopaint
Manual corel photopaint
 
5filtrosgimp
5filtrosgimp5filtrosgimp
5filtrosgimp
 
Lina 1001
Lina 1001Lina 1001
Lina 1001
 
Presentación1
Presentación1Presentación1
Presentación1
 

Destacado

3. Sample RAD 2014
3. Sample RAD 20143. Sample RAD 2014
3. Sample RAD 2014
Natura
 
Percepção dos professores sobre a utilização do geocaching
Percepção dos professores sobre a utilização do geocachingPercepção dos professores sobre a utilização do geocaching
Percepção dos professores sobre a utilização do geocaching
Sónia Cruz
 

Destacado (18)

Gestión de tesorería
Gestión de tesoreríaGestión de tesorería
Gestión de tesorería
 
3. Sample RAD 2014
3. Sample RAD 20143. Sample RAD 2014
3. Sample RAD 2014
 
Tussentijdse presentatie
Tussentijdse presentatieTussentijdse presentatie
Tussentijdse presentatie
 
Convocazion eservpost contact28gen15
Convocazion eservpost contact28gen15Convocazion eservpost contact28gen15
Convocazion eservpost contact28gen15
 
6
66
6
 
Enogastronomia r.
Enogastronomia r.Enogastronomia r.
Enogastronomia r.
 
Como ser benção para sua familia
Como ser benção para sua familiaComo ser benção para sua familia
Como ser benção para sua familia
 
Gestión de tesorería
Gestión de tesoreríaGestión de tesorería
Gestión de tesorería
 
Personal Development Project
Personal Development Project Personal Development Project
Personal Development Project
 
Ideal career for men
Ideal career for menIdeal career for men
Ideal career for men
 
Overview of Montgomery County, MD's Lawn Care Law
Overview of Montgomery County, MD's Lawn Care LawOverview of Montgomery County, MD's Lawn Care Law
Overview of Montgomery County, MD's Lawn Care Law
 
Percepção dos professores sobre a utilização do geocaching
Percepção dos professores sobre a utilização do geocachingPercepção dos professores sobre a utilização do geocaching
Percepção dos professores sobre a utilização do geocaching
 
Fundo de Energia do Nordeste (FEN)
Fundo de Energia do Nordeste (FEN) Fundo de Energia do Nordeste (FEN)
Fundo de Energia do Nordeste (FEN)
 
Artigo sobre Filtros de frequências Butterworth e Chebyshev
Artigo sobre Filtros de frequências Butterworth e ChebyshevArtigo sobre Filtros de frequências Butterworth e Chebyshev
Artigo sobre Filtros de frequências Butterworth e Chebyshev
 
Turning social media into a constructive mechanism for crisis communications
Turning social media into a constructive mechanism for crisis communicationsTurning social media into a constructive mechanism for crisis communications
Turning social media into a constructive mechanism for crisis communications
 
Neonato i
Neonato iNeonato i
Neonato i
 
ETAPA NEONATAL por Elizabeth Ronquillo
ETAPA NEONATAL por Elizabeth RonquilloETAPA NEONATAL por Elizabeth Ronquillo
ETAPA NEONATAL por Elizabeth Ronquillo
 
Մուշեղ Գալշոյանի մասին տեղեկություն
Մուշեղ Գալշոյանի մասին տեղեկությունՄուշեղ Գալշոյանի մասին տեղեկություն
Մուշեղ Գալշոյանի մասին տեղեկություն
 

Similar a Reglas para pantalla, tipografía y color

Reglas para pantalla,tipografia y color
Reglas para pantalla,tipografia y colorReglas para pantalla,tipografia y color
Reglas para pantalla,tipografia y color
Leidy Marcela Castro
 
Reglas para pantalla,tipografia y color
Reglas para pantalla,tipografia y colorReglas para pantalla,tipografia y color
Reglas para pantalla,tipografia y color
Leidy Marcela Castro
 
Imagenes y psicologia del color .
Imagenes y psicologia del color .Imagenes y psicologia del color .
Imagenes y psicologia del color .
Eduardo Vieira P
 
Imagenes y psicologia del color .
Imagenes y psicologia del color .Imagenes y psicologia del color .
Imagenes y psicologia del color .
Eduardo Vieira P
 
Reglas básicas para pantalla
Reglas básicas para pantallaReglas básicas para pantalla
Reglas básicas para pantalla
Adrianagz
 
Tipografía y color
Tipografía y colorTipografía y color
Tipografía y color
iBodesign
 
Presentación Teoria Del Color
Presentación  Teoria Del  ColorPresentación  Teoria Del  Color
Presentación Teoria Del Color
guestc86401
 
Tipografia y color
Tipografia y colorTipografia y color
Tipografia y color
Erika Nieto
 
diseño
 diseño diseño
diseño
eder
 
PresentacióN DiseñO 2003
PresentacióN DiseñO 2003PresentacióN DiseñO 2003
PresentacióN DiseñO 2003
291992
 
Reglas para pantalla, tipografía y color
Reglas para pantalla, tipografía y colorReglas para pantalla, tipografía y color
Reglas para pantalla, tipografía y color
jonbethan
 

Similar a Reglas para pantalla, tipografía y color (20)

Por qué hay que controlar la calidad
Por qué hay que controlar la calidadPor qué hay que controlar la calidad
Por qué hay que controlar la calidad
 
Reglas para pantalla,tipografia y color
Reglas para pantalla,tipografia y colorReglas para pantalla,tipografia y color
Reglas para pantalla,tipografia y color
 
Reglas para pantalla,tipografia y color
Reglas para pantalla,tipografia y colorReglas para pantalla,tipografia y color
Reglas para pantalla,tipografia y color
 
DiseñO Grafico Trabajo Rc
DiseñO Grafico Trabajo RcDiseñO Grafico Trabajo Rc
DiseñO Grafico Trabajo Rc
 
Imagenes y psicologia del color .
Imagenes y psicologia del color .Imagenes y psicologia del color .
Imagenes y psicologia del color .
 
Imagenes y psicologia del color .
Imagenes y psicologia del color .Imagenes y psicologia del color .
Imagenes y psicologia del color .
 
Reticulas tipografia y color
Reticulas tipografia y colorReticulas tipografia y color
Reticulas tipografia y color
 
Unidad didáctica 3
Unidad didáctica 3Unidad didáctica 3
Unidad didáctica 3
 
Reglas básicas para pantalla
Reglas básicas para pantallaReglas básicas para pantalla
Reglas básicas para pantalla
 
Producción de la imagen y la teoria del color
Producción de la imagen y la teoria del colorProducción de la imagen y la teoria del color
Producción de la imagen y la teoria del color
 
Tipografía y color
Tipografía y colorTipografía y color
Tipografía y color
 
Presentación Teoria Del Color
Presentación  Teoria Del  ColorPresentación  Teoria Del  Color
Presentación Teoria Del Color
 
Tipografia y color
Tipografia y colorTipografia y color
Tipografia y color
 
diseño
 diseño diseño
diseño
 
Por qué hay que controlar la calidad
Por qué hay que controlar la calidadPor qué hay que controlar la calidad
Por qué hay que controlar la calidad
 
Modos de color, pantone.
Modos de color, pantone.Modos de color, pantone.
Modos de color, pantone.
 
DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)
DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)
DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)
 
PresentacióN DiseñO 2003
PresentacióN DiseñO 2003PresentacióN DiseñO 2003
PresentacióN DiseñO 2003
 
Imagen
ImagenImagen
Imagen
 
Reglas para pantalla, tipografía y color
Reglas para pantalla, tipografía y colorReglas para pantalla, tipografía y color
Reglas para pantalla, tipografía y color
 

Más de Andrés Lozano

Galería fotográfica TIC
Galería fotográfica TICGalería fotográfica TIC
Galería fotográfica TIC
Andrés Lozano
 

Más de Andrés Lozano (8)

Galería fotográfica TIC
Galería fotográfica TICGalería fotográfica TIC
Galería fotográfica TIC
 
Pieza publicitaria comunity manager
Pieza publicitaria comunity managerPieza publicitaria comunity manager
Pieza publicitaria comunity manager
 
El formato
El formatoEl formato
El formato
 
Familias tipográficas (presentación)
Familias tipográficas (presentación)Familias tipográficas (presentación)
Familias tipográficas (presentación)
 
Retículas para pantalla
Retículas para pantallaRetículas para pantalla
Retículas para pantalla
 
El layout
El layoutEl layout
El layout
 
Espacio en el mensaje publicitario
Espacio en el mensaje publicitarioEspacio en el mensaje publicitario
Espacio en el mensaje publicitario
 
Fundamentos de Diseño
Fundamentos de DiseñoFundamentos de Diseño
Fundamentos de Diseño
 

Último

FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
El Fortí
 
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
MiNeyi1
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
JonathanCovena1
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Francisco158360
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
EliaHernndez7
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
patriciaines1993
 
Criterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosCriterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficios
JonathanCovena1
 

Último (20)

Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonables
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
 
Infografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfInfografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdf
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
 
Criterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosCriterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficios
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 

Reglas para pantalla, tipografía y color

  • 1. Unidad 3 – Sesión 8 Reglas para pantalla, tipografía y color Carlos Andrés Lozano G. Seminario de medios digitales
  • 2. 08 Reglas para pantalla, tipografía y color El sistema de color aditivo (RGB) Denominado así por las siglas en inglés de los colores que lo componen: Red (Rojo) Green (Verde) Blue (Azul) La mezcla de colores por adición consiste en una reacción físico- óptica a la luz proyectada directamente. Cuando todos poseen la misma intensidad, se crea el color blanco, la ausencia de todos da lugar al negro. 2
  • 3. 08 Reglas para pantalla, tipografía y color El sistema de color por substracciónitivo (CMYK) El sistema de color substractivo (CMYK) denominado así por las siglas en inglés de los colores que lo componen para este caso los colores primarios: Cyan (Cian) Magenta (Magenta) Yellow (Amarillo) Black (Negro) La mezcla de colores por substracción se genera por la mezcla de tintas o pigmentos. la combinación de los tres colores no crea un color negro absoluto por tal razón se adiciona al sistema. 3
  • 4. 08 Reglas para pantalla, tipografía y color Los colores y su efecto La elección del color del fondo de pantalla se debe hacer con especial cuidado puesto que será la superficie mas extensa. Cada color posee una "personalidad" que comunicará al usuario: intención, estado de ánimo, etc. por ejemplo el rojo se asocia con la emotividad y ha sido usado para movimientos como la revolución o para sentimientos como el amor. Es claro que la subjetividad del lector o internauta influye en el mensaje recibido, sin embargo hay ciertos patrones Goethe diferencia colores pasivos y estimulantes; amarillo, naranja y rojo los define como activos el azul verde y morado como pasivos. 4
  • 5. 08 Reglas para pantalla, tipografía y color Longitud de la línea y cantidad de texto tan importante como la selección adecuada del cuerpo y tipo de letra, establecer una longitud de línea correcta, afectará positiva o negativamente la legibilidad del texto en pantalla. Es importante tener en cuenta que las líneas excesivamente largas dificultan la lectura del texto, sucederá lo mismo si son demasiado cortas. Adicionalmente la longitud de línea y cantidad de texto deben ser acordes con la retícula utilizada. 5