SlideShare una empresa de Scribd logo
1 de 10
Tipografía y color
LOS COLORES Y SU EFECTO
El fondo de la pantalla suele ser la superficie de color más extensa. Así que el color aplicado debe ser elegido con cuidado. Cada color lleva consigo una personalidad, que se debe tener en cuenta con el diseño, la tipografía y los logotipos. El fondo de la pantalla suele ser la superficie de color más extensa. Así que el color aplicado debe ser elegido con cuidado. Cada color lleva consigo una personalidad, que se debe tener en cuenta con el diseño, la tipografía y los logotipos.
La percepción de un color como positivo o negativo depende del humor de cada uno, de la experiencia subjetiva y del trasfondo cultural del receptor.
Se entiende por contraste de calidad la proporción de la cantidad utilizada de cada uno de los colores, mientras que por contraste de calidad se indica el contraste real entre los propios colores..
Las tipografías con remates no son totalmente adecuadas para su uso en pantalla, los delgados trazos terminales se visualizan dentados o distorsionados, o sencillamente no se aprecian. Es el caso del periódico digital, THE TIMES.
La cantidad de texto debe reducirse al mínimo en pro de la asimilación y la legibilidad, siendo el bloque de texto de 25 líneas la medias ideal.  Es imprescindible que el textos se vean en su totalidad.
Diseño lúcido: Una distribución del espacio perfectamente estructurada en dos columnas. En la izquierda información, fundamental y en la derecha, el texto en color que pueden tener los vínculos que enlazan con la información principal.

Más contenido relacionado

Similar a Reglas básicas para pantalla

Reglas Para Pantalla, Tipografia & Color
Reglas Para Pantalla, Tipografia & ColorReglas Para Pantalla, Tipografia & Color
Reglas Para Pantalla, Tipografia & ColorNombre Apellidos
 
Tipografía y color
Tipografía y colorTipografía y color
Tipografía y colorgarv1032
 
Tipografia y color
Tipografia y colorTipografia y color
Tipografia y colorErika Nieto
 
Tipografia y color
Tipografia y colorTipografia y color
Tipografia y colorErika Nieto
 
Reglas para pantalla tipografia y color
Reglas para pantalla tipografia y colorReglas para pantalla tipografia y color
Reglas para pantalla tipografia y coloredisonsanchez666
 
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 colorelmorenof
 
Taller 2 stephy darwin tipografia
Taller 2 stephy darwin tipografiaTaller 2 stephy darwin tipografia
Taller 2 stephy darwin tipografiaStephany Barona
 
Tipografía y color
Tipografía y colorTipografía y color
Tipografía y colorDaniel ZF
 
Tipografía y color
Tipografía y color Tipografía y color
Tipografía y color Yuri Urrego
 
Tipografía y color
Tipografía y color Tipografía y color
Tipografía y color Yuri Urrego
 
Manual de identidad_esta_es_tu_casa
Manual de identidad_esta_es_tu_casaManual de identidad_esta_es_tu_casa
Manual de identidad_esta_es_tu_casaIxcmu
 
Reglas para pantalla tipografia y color
Reglas para pantalla tipografia y colorReglas para pantalla tipografia y color
Reglas para pantalla tipografia y colorsalolaya
 

Similar a Reglas básicas para pantalla (20)

Reglas Para Pantalla, Tipografia & Color
Reglas Para Pantalla, Tipografia & ColorReglas Para Pantalla, Tipografia & Color
Reglas Para Pantalla, Tipografia & Color
 
Tipografía y color
Tipografía y colorTipografía y color
Tipografía y color
 
Tipografia y color
Tipografia y colorTipografia y color
Tipografia y color
 
Tipografia y color
Tipografia y colorTipografia y color
Tipografia y color
 
Reticulas tipografia y color
Reticulas tipografia y colorReticulas tipografia y color
Reticulas 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
 
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
 
Taller 2 stephy darwin tipografia
Taller 2 stephy darwin tipografiaTaller 2 stephy darwin tipografia
Taller 2 stephy darwin tipografia
 
Tipografía y color
Tipografía y colorTipografía y color
Tipografía y color
 
Tipografía y color
Tipografía y color Tipografía y color
Tipografía y color
 
Tipografía y color
Tipografía y color Tipografía y color
Tipografía y color
 
Tipografía y Color
Tipografía y ColorTipografía y Color
Tipografía y Color
 
Manual de identidad_esta_es_tu_casa
Manual de identidad_esta_es_tu_casaManual de identidad_esta_es_tu_casa
Manual de identidad_esta_es_tu_casa
 
Unidad 3 presentacion
Unidad 3 presentacionUnidad 3 presentacion
Unidad 3 presentacion
 
Reglas para pantalla tipografia y color
Reglas para pantalla tipografia y colorReglas para pantalla tipografia y color
Reglas para pantalla tipografia y color
 
Tipografia
TipografiaTipografia
Tipografia
 
Tipografía y color
Tipografía y colorTipografía y color
Tipografía y color
 
Tipografía y color
Tipografía y colorTipografía y color
Tipografía y color
 
Tipografias
TipografiasTipografias
Tipografias
 
14_Tipografía.pdf
14_Tipografía.pdf14_Tipografía.pdf
14_Tipografía.pdf
 

Más de Adrianagz

Estructuras de la pantalla
Estructuras de la pantallaEstructuras de la pantalla
Estructuras de la pantallaAdrianagz
 
Soportes impresos y digitales.
Soportes impresos y digitales.Soportes impresos y digitales.
Soportes impresos y digitales.Adrianagz
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicosAdrianagz
 
Mensaje publicitario
Mensaje publicitarioMensaje publicitario
Mensaje publicitarioAdrianagz
 
Mensaje publicitario
Mensaje publicitarioMensaje publicitario
Mensaje publicitarioAdrianagz
 
Elementos del diseño
Elementos del diseñoElementos del diseño
Elementos del diseñoAdrianagz
 

Más de Adrianagz (6)

Estructuras de la pantalla
Estructuras de la pantallaEstructuras de la pantalla
Estructuras de la pantalla
 
Soportes impresos y digitales.
Soportes impresos y digitales.Soportes impresos y digitales.
Soportes impresos y digitales.
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicos
 
Mensaje publicitario
Mensaje publicitarioMensaje publicitario
Mensaje publicitario
 
Mensaje publicitario
Mensaje publicitarioMensaje publicitario
Mensaje publicitario
 
Elementos del diseño
Elementos del diseñoElementos del diseño
Elementos del diseño
 

Último

Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressionsConsueloSantana3
 
SIMULACROS Y SIMULACIONES DE SISMO 2024.docx
SIMULACROS Y SIMULACIONES DE SISMO 2024.docxSIMULACROS Y SIMULACIONES DE SISMO 2024.docx
SIMULACROS Y SIMULACIONES DE SISMO 2024.docxLudy Ventocilla Napanga
 
EJEMPLO MODELO DE PLAN DE REFUERZO ESCOLAR.docx
EJEMPLO MODELO DE PLAN DE REFUERZO ESCOLAR.docxEJEMPLO MODELO DE PLAN DE REFUERZO ESCOLAR.docx
EJEMPLO MODELO DE PLAN DE REFUERZO ESCOLAR.docxFabianValenciaJabo
 
Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Angélica Soledad Vega Ramírez
 
Técnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materialesTécnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materialesRaquel Martín Contreras
 
DETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIORDETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIORGonella
 
Presentacion minimalista aesthetic simple beige_20240415_224856_0000.pdf
Presentacion minimalista aesthetic simple beige_20240415_224856_0000.pdfPresentacion minimalista aesthetic simple beige_20240415_224856_0000.pdf
Presentacion minimalista aesthetic simple beige_20240415_224856_0000.pdfSarayLuciaSnchezFigu
 
FICHA PL PACO YUNQUE.docx PRIMARIA CUARTO GRADO
FICHA  PL PACO YUNQUE.docx PRIMARIA CUARTO GRADOFICHA  PL PACO YUNQUE.docx PRIMARIA CUARTO GRADO
FICHA PL PACO YUNQUE.docx PRIMARIA CUARTO GRADOMARIBEL DIAZ
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfAlfredoRamirez953210
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...fcastellanos3
 
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADO
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADOPLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADO
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADOMARIBEL DIAZ
 
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsxJuanpm27
 
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docxEDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docxLuisAndersonPachasto
 
4º SOY LECTOR PART2- MD EDUCATIVO.p df PARTE
4º SOY LECTOR PART2- MD  EDUCATIVO.p df PARTE4º SOY LECTOR PART2- MD  EDUCATIVO.p df PARTE
4º SOY LECTOR PART2- MD EDUCATIVO.p df PARTESaraNolasco4
 
describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...DavidBautistaFlores1
 
Secuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docxSecuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docxNataliaGonzalez619348
 
Actividad transversal 2-bloque 2. Actualización 2024
Actividad transversal 2-bloque 2. Actualización 2024Actividad transversal 2-bloque 2. Actualización 2024
Actividad transversal 2-bloque 2. Actualización 2024Rosabel UA
 
libro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación iniciallibro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación inicialLorenaSanchez350426
 

Último (20)

Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressions
 
La luz brilla en la oscuridad. Necesitamos luz
La luz brilla en la oscuridad. Necesitamos luzLa luz brilla en la oscuridad. Necesitamos luz
La luz brilla en la oscuridad. Necesitamos luz
 
SIMULACROS Y SIMULACIONES DE SISMO 2024.docx
SIMULACROS Y SIMULACIONES DE SISMO 2024.docxSIMULACROS Y SIMULACIONES DE SISMO 2024.docx
SIMULACROS Y SIMULACIONES DE SISMO 2024.docx
 
EJEMPLO MODELO DE PLAN DE REFUERZO ESCOLAR.docx
EJEMPLO MODELO DE PLAN DE REFUERZO ESCOLAR.docxEJEMPLO MODELO DE PLAN DE REFUERZO ESCOLAR.docx
EJEMPLO MODELO DE PLAN DE REFUERZO ESCOLAR.docx
 
Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...
 
Técnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materialesTécnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materiales
 
TL/CNL – 2.ª FASE .
TL/CNL – 2.ª FASE                       .TL/CNL – 2.ª FASE                       .
TL/CNL – 2.ª FASE .
 
DETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIORDETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIOR
 
Presentacion minimalista aesthetic simple beige_20240415_224856_0000.pdf
Presentacion minimalista aesthetic simple beige_20240415_224856_0000.pdfPresentacion minimalista aesthetic simple beige_20240415_224856_0000.pdf
Presentacion minimalista aesthetic simple beige_20240415_224856_0000.pdf
 
FICHA PL PACO YUNQUE.docx PRIMARIA CUARTO GRADO
FICHA  PL PACO YUNQUE.docx PRIMARIA CUARTO GRADOFICHA  PL PACO YUNQUE.docx PRIMARIA CUARTO GRADO
FICHA PL PACO YUNQUE.docx PRIMARIA CUARTO GRADO
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
 
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADO
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADOPLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADO
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADO
 
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
 
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docxEDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docx
 
4º SOY LECTOR PART2- MD EDUCATIVO.p df PARTE
4º SOY LECTOR PART2- MD  EDUCATIVO.p df PARTE4º SOY LECTOR PART2- MD  EDUCATIVO.p df PARTE
4º SOY LECTOR PART2- MD EDUCATIVO.p df PARTE
 
describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...
 
Secuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docxSecuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docx
 
Actividad transversal 2-bloque 2. Actualización 2024
Actividad transversal 2-bloque 2. Actualización 2024Actividad transversal 2-bloque 2. Actualización 2024
Actividad transversal 2-bloque 2. Actualización 2024
 
libro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación iniciallibro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación inicial
 

Reglas básicas para pantalla

  • 2.
  • 3. LOS COLORES Y SU EFECTO
  • 4.
  • 5. El fondo de la pantalla suele ser la superficie de color más extensa. Así que el color aplicado debe ser elegido con cuidado. Cada color lleva consigo una personalidad, que se debe tener en cuenta con el diseño, la tipografía y los logotipos. El fondo de la pantalla suele ser la superficie de color más extensa. Así que el color aplicado debe ser elegido con cuidado. Cada color lleva consigo una personalidad, que se debe tener en cuenta con el diseño, la tipografía y los logotipos.
  • 6. La percepción de un color como positivo o negativo depende del humor de cada uno, de la experiencia subjetiva y del trasfondo cultural del receptor.
  • 7. Se entiende por contraste de calidad la proporción de la cantidad utilizada de cada uno de los colores, mientras que por contraste de calidad se indica el contraste real entre los propios colores..
  • 8. Las tipografías con remates no son totalmente adecuadas para su uso en pantalla, los delgados trazos terminales se visualizan dentados o distorsionados, o sencillamente no se aprecian. Es el caso del periódico digital, THE TIMES.
  • 9. La cantidad de texto debe reducirse al mínimo en pro de la asimilación y la legibilidad, siendo el bloque de texto de 25 líneas la medias ideal. Es imprescindible que el textos se vean en su totalidad.
  • 10. Diseño lúcido: Una distribución del espacio perfectamente estructurada en dos columnas. En la izquierda información, fundamental y en la derecha, el texto en color que pueden tener los vínculos que enlazan con la información principal.