SlideShare una empresa de Scribd logo
Criterios básicos de diseño El uso de  colores  y tipografías en diseño de webs y de campus no es un tema sencillo. Como regla general deberíamos pensar que no existen colores (ni tipos de letras) lindas o feas, sino adecuadas o no para lo que queremos comunicar. No es lo mismo un sitio de Historia de Grecia que el de un salón de fiestas. Los colores y las tipografías  deberían acompañar el discurso textual .
Criterios básicos de diseño Las tipografías también comunican. Hay construcciones culturales que identifican el uso de una u otra según criterios ajenos a nuestro gusto. Lo ideal es, entonces, utilizarlas siguiendo esas construcciones culturales, salvo que se decida “romper” la regla para crear un efecto comunicativo. Es difícil imaginarse una funeraria con este logotipo ¿no?
Criterios básicos de diseño Fíjense en estos ejemplos. ¡Con las tipografías decoradas la idea pierde fuerza!
Criterios básicos de diseño Los textos escritos TODO EN MAYÚSCULA son complicados para leer. En ningún caso es posible usarlos con tipografías decoradas como las del ejemplo. Reservar su uso para pequeños destacados o para los títulos.
En fondos complejos (como el del ejemplo) es conveniente ponerle sombra a los textos para “despegarlos” del fondo. Criterios básicos de diseño
Criterios básicos de diseño Más allá de discusiones sobre gustos, los colores del ejemplo  cansan la vista y sobre todo dificultan la lectura de los nombres de las secciones.
Criterios básicos de diseño Si no se tiene práctica en diseño o manejo de colores, lo ideal es utilizar la misma gama tonal.
Criterios básicos de diseño Aunque ustedes no lo crean este blog está en línea .  No es posible leer lo que dicen los textos. Suponemos que tenia un fondo oscuro y se cambio por error. El efecto comunicativo es opuesto al deseado.
Los fondos con contraste muy fuerte dificultan la lectura, cansan la vista e “invitan” a abandonar la página.  Nunca debemos olvidar que el fondo no debe (o no debería) competir con la información. Criterios básicos   de diseño
En el mismo fondo con un contraste menor, el texto se “ despega ” del fondo. Criterios básicos de diseño
Criterios básicos de diseño El mismo fondo, variando brillo y contraste. Utilizando, además, un filtro de desenfocar la imagen

Más contenido relacionado

Destacado (17)

PDF
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
Empowered Presentations
 
PDF
You Suck At PowerPoint!
Jesse Desjardins - @jessedee
 
PDF
10 Ways to Win at SlideShare SEO & Presentation Optimization
Oneupweb
 
PDF
How To Get More From SlideShare - Super-Simple Tips For Content Marketing
Content Marketing Institute
 
PPS
Comercializacion 08
gabi.asinsten
 
PDF
How to Make Awesome SlideShares: Tips & Tricks
SlideShare
 
PPSX
Riesgos en la Web 2.0
gabriela-technoteacher
 
PPTX
Monitoreo ambiental macroinvertebrados
Jairo-digital Adeejay
 
PDF
Orientaciones metodologicas para la investigación Acción
Educagratis
 
PPT
Investigacion Acción como Método de Investigación para Docentes
Educagratis
 
PPSX
Teoría del Comportamiento Organizacional - Conductista
Felipe Roberto Mangani
 
PPTX
Investigación Acción Participativa por la Dra. Daisy Villegas
eveliasalazar
 
PPT
Hacia la formacion docente
Ramiro Aduviri Velasco
 
PPT
Publicar una Presentación de Power Point en SlideShare
mdlcarmenp
 
PDF
2015 Upload Campaigns Calendar - SlideShare
SlideShare
 
PPTX
What to Upload to SlideShare
SlideShare
 
PDF
Getting Started With SlideShare
SlideShare
 
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
Empowered Presentations
 
You Suck At PowerPoint!
Jesse Desjardins - @jessedee
 
10 Ways to Win at SlideShare SEO & Presentation Optimization
Oneupweb
 
How To Get More From SlideShare - Super-Simple Tips For Content Marketing
Content Marketing Institute
 
Comercializacion 08
gabi.asinsten
 
How to Make Awesome SlideShares: Tips & Tricks
SlideShare
 
Riesgos en la Web 2.0
gabriela-technoteacher
 
Monitoreo ambiental macroinvertebrados
Jairo-digital Adeejay
 
Orientaciones metodologicas para la investigación Acción
Educagratis
 
Investigacion Acción como Método de Investigación para Docentes
Educagratis
 
Teoría del Comportamiento Organizacional - Conductista
Felipe Roberto Mangani
 
Investigación Acción Participativa por la Dra. Daisy Villegas
eveliasalazar
 
Hacia la formacion docente
Ramiro Aduviri Velasco
 
Publicar una Presentación de Power Point en SlideShare
mdlcarmenp
 
2015 Upload Campaigns Calendar - SlideShare
SlideShare
 
What to Upload to SlideShare
SlideShare
 
Getting Started With SlideShare
SlideShare
 

Similar a Criterios Basicos De Disenio Web (20)

PPT
Criterios basicos-de-disenio-web-1203443672389580-3-131013201244-phpapp01
Susana Firpo
 
PPT
2. elem graficos 2003
Martin Gonzalez
 
PDF
Diseno web 3
blogdevon
 
PPTX
Tipografía y color
Johnny Pinzón
 
PDF
Bases del Diseño Grafico
JoelFabre
 
PPTX
Diseño visual introduccion version ligera
Leslie Rowe
 
PPT
Como realizar una diapositiva
liiliitha
 
PPT
Sugerencias
Raymond Marquina
 
PPTX
Elementos basicos del diseno web Blogger Blogspot
sindiglez
 
PPTX
Elementos basicos del_diseno_web blogger blogspot
sindiglez
 
PDF
Consideraciones a la Hora de Utilizar PowerPoint
Digetech.net
 
PDF
Guía Básica para el Diseño de Documentos
Fernando Luis Sánchez Casado
 
PPS
Consejos ppt
GladysAnto
 
PPT
Reglas para pantalla tipografia y color
derc1988
 
PPT
DiseñO GráFico
cecimat
 
PDF
Fundamentos de la tipografía
Alejandra Montenegro
 
PPTX
Fundamentacion conceptos basicos
LesLiie FaRu
 
PPTX
Tipografía y color
Thomas Kbzoo
 
PPTX
Consejos graficos para el diseño de recursos educativos
kateclaros
 
Criterios basicos-de-disenio-web-1203443672389580-3-131013201244-phpapp01
Susana Firpo
 
2. elem graficos 2003
Martin Gonzalez
 
Diseno web 3
blogdevon
 
Tipografía y color
Johnny Pinzón
 
Bases del Diseño Grafico
JoelFabre
 
Diseño visual introduccion version ligera
Leslie Rowe
 
Como realizar una diapositiva
liiliitha
 
Sugerencias
Raymond Marquina
 
Elementos basicos del diseno web Blogger Blogspot
sindiglez
 
Elementos basicos del_diseno_web blogger blogspot
sindiglez
 
Consideraciones a la Hora de Utilizar PowerPoint
Digetech.net
 
Guía Básica para el Diseño de Documentos
Fernando Luis Sánchez Casado
 
Consejos ppt
GladysAnto
 
Reglas para pantalla tipografia y color
derc1988
 
DiseñO GráFico
cecimat
 
Fundamentos de la tipografía
Alejandra Montenegro
 
Fundamentacion conceptos basicos
LesLiie FaRu
 
Tipografía y color
Thomas Kbzoo
 
Consejos graficos para el diseño de recursos educativos
kateclaros
 
Publicidad

Último (20)

PDF
DIAGRAMA DE PARETO M. Camila Duque Loaiz
MariacamilaDuqueloai
 
PDF
Tecnología en Venezuela_20250720_131348_0000.pdf
AndreaGiuseppinaFerr
 
PDF
Estructuras básicas Conceptos básicos de programación.pdf
sdbdsamuel
 
PDF
Solución actividad de Diagrama de Pareto
MaraJos722801
 
PDF
Trabajo Tecnología Diagrama De Pareto.pdf
anagabrielanaranjoda
 
PPTX
Influencia de la IA en la industria farmacéutica.pptx
luisSamuelRamirezApo1
 
PPTX
presentacion hecha con ia para guiarse con ella
diegosambony7
 
PPTX
CamposFlores_Fernando_M1S3AI6-PrepaLineaSEP
231464482
 
PDF
Trabajo de tecnologia en equipo (1).pdf
jjfch3110
 
PDF
Diagrama de pareto, Sofía Muñoz Gutiérrez
sofaMuoz31
 
PDF
excel.pdf valentinamueses111 trabajo tecnologia
4zz5vkthyk
 
PDF
Conceptos básicos de programacion de tecnologia
edepjuangarcia194
 
PDF
Trabajo De Pareto.pdf Tecnologia/Colegio
coloradxmaria
 
PDF
Conceptos Básicos de programación- Paula Obando
edeppaulaobando
 
PPTX
Telecomunicaciones proyeccion de ventas 2025.pptx
miguelolivarren2
 
PDF
Excel Avanzado ..........................
Alejo857214
 
PDF
Conceptos básicos de programación - Paula Obando
edeppaulaobando
 
PDF
actividad tecnologia (1).pdflksjksIUQWDIUWEGDHI
anavallejo2323
 
PDF
actividad tecnologia periodo 1 2025 (1).pdf
jjfch3110
 
PDF
luces y codigos ........................
andresitofreefire28
 
DIAGRAMA DE PARETO M. Camila Duque Loaiz
MariacamilaDuqueloai
 
Tecnología en Venezuela_20250720_131348_0000.pdf
AndreaGiuseppinaFerr
 
Estructuras básicas Conceptos básicos de programación.pdf
sdbdsamuel
 
Solución actividad de Diagrama de Pareto
MaraJos722801
 
Trabajo Tecnología Diagrama De Pareto.pdf
anagabrielanaranjoda
 
Influencia de la IA en la industria farmacéutica.pptx
luisSamuelRamirezApo1
 
presentacion hecha con ia para guiarse con ella
diegosambony7
 
CamposFlores_Fernando_M1S3AI6-PrepaLineaSEP
231464482
 
Trabajo de tecnologia en equipo (1).pdf
jjfch3110
 
Diagrama de pareto, Sofía Muñoz Gutiérrez
sofaMuoz31
 
excel.pdf valentinamueses111 trabajo tecnologia
4zz5vkthyk
 
Conceptos básicos de programacion de tecnologia
edepjuangarcia194
 
Trabajo De Pareto.pdf Tecnologia/Colegio
coloradxmaria
 
Conceptos Básicos de programación- Paula Obando
edeppaulaobando
 
Telecomunicaciones proyeccion de ventas 2025.pptx
miguelolivarren2
 
Excel Avanzado ..........................
Alejo857214
 
Conceptos básicos de programación - Paula Obando
edeppaulaobando
 
actividad tecnologia (1).pdflksjksIUQWDIUWEGDHI
anavallejo2323
 
actividad tecnologia periodo 1 2025 (1).pdf
jjfch3110
 
luces y codigos ........................
andresitofreefire28
 
Publicidad

Criterios Basicos De Disenio Web

  • 1. Criterios básicos de diseño El uso de colores y tipografías en diseño de webs y de campus no es un tema sencillo. Como regla general deberíamos pensar que no existen colores (ni tipos de letras) lindas o feas, sino adecuadas o no para lo que queremos comunicar. No es lo mismo un sitio de Historia de Grecia que el de un salón de fiestas. Los colores y las tipografías deberían acompañar el discurso textual .
  • 2. Criterios básicos de diseño Las tipografías también comunican. Hay construcciones culturales que identifican el uso de una u otra según criterios ajenos a nuestro gusto. Lo ideal es, entonces, utilizarlas siguiendo esas construcciones culturales, salvo que se decida “romper” la regla para crear un efecto comunicativo. Es difícil imaginarse una funeraria con este logotipo ¿no?
  • 3. Criterios básicos de diseño Fíjense en estos ejemplos. ¡Con las tipografías decoradas la idea pierde fuerza!
  • 4. Criterios básicos de diseño Los textos escritos TODO EN MAYÚSCULA son complicados para leer. En ningún caso es posible usarlos con tipografías decoradas como las del ejemplo. Reservar su uso para pequeños destacados o para los títulos.
  • 5. En fondos complejos (como el del ejemplo) es conveniente ponerle sombra a los textos para “despegarlos” del fondo. Criterios básicos de diseño
  • 6. Criterios básicos de diseño Más allá de discusiones sobre gustos, los colores del ejemplo cansan la vista y sobre todo dificultan la lectura de los nombres de las secciones.
  • 7. Criterios básicos de diseño Si no se tiene práctica en diseño o manejo de colores, lo ideal es utilizar la misma gama tonal.
  • 8. Criterios básicos de diseño Aunque ustedes no lo crean este blog está en línea . No es posible leer lo que dicen los textos. Suponemos que tenia un fondo oscuro y se cambio por error. El efecto comunicativo es opuesto al deseado.
  • 9. Los fondos con contraste muy fuerte dificultan la lectura, cansan la vista e “invitan” a abandonar la página. Nunca debemos olvidar que el fondo no debe (o no debería) competir con la información. Criterios básicos de diseño
  • 10. En el mismo fondo con un contraste menor, el texto se “ despega ” del fondo. Criterios básicos de diseño
  • 11. Criterios básicos de diseño El mismo fondo, variando brillo y contraste. Utilizando, además, un filtro de desenfocar la imagen