SlideShare una empresa de Scribd logo
Elementos para el diseño web
1) Contenido.
Una página web debe ser atractiva, Pero no solo a la vista, sino también en el contenido.
Eso significa que debe tener contenido interesante que atraiga y atrape al público
objetivo.
También es importante actualizar el contenido de la página. Esto servirá no solo para
aumentar el número de nuevas visitas, sino para que los antiguos visitantes consulten la
página a menudo y la usen como referencia.
2) Tipografía.
Es importante usar fuentes llamativas pero sencillas de leer.
También es importante variar el tamaño de una misma fuente para resaltar secciones
interesantes del contenido y del texto.
3) Imágenes.
En el diseño web es muy importante las buenas fotografías, preferentemente tomadas por
un profesional.
Es importante que no estén pixeliadas o desenfocadas, ya que puede causar una mala
imagen del sitio en general.
del sitio en general.
4) Animaciones y movimiento.
Para generar una sensación de dinamismo es bueno utilizar elementos animados.
Pero no abusar de ellos, ya que pueden sobrecargar la página.
5) Botones e iconos.
Utilizar botones prácticos y representativos, así como iconos grandes y vistosos aumenta
la facilidad de navegación en la página.
Pero no es necesario colocar accesorios que no brinden un valor real, por ejemplo, un
reloj para clientes que se encuentran en el mismo uso horario.
6) Fondos claros y sencillos.
Los fondos claros o totalmente blancos facilitan la visualización, pero también dan un
aspecto despejado a la página resaltando las imágenes.
Existe la tendencia a utilizar fondos negros para lecturas largas, para no cansar al lector
con la luz del monitor.
7) Enlaces a redes.
Es de gran ayuda para los usuarios colocar enlaces a redes sociales con las cuales
interactúan con facilidad. Esto ayuda además a crear comunidad.
8) Sobriedad.
Una página debe permitir una fácil visualización de los contenidos (vídeos, imágenes,
textos).
Saturar al cibernauta es contraproducente.
Si la información o contenido tarda en cargarse, error: eso supone una visita menos y un
potencial cliente que no conoció la oferta.

Más contenido relacionado

Similar a Pagina

Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta
samantaaaaaa
 
T3 pa3danielaarmasdg
T3 pa3danielaarmasdgT3 pa3danielaarmasdg
T3 pa3danielaarmasdg
KARENDANIELA48
 
Paola
PaolaPaola
Introducción tamaños y tipos de paginas
Introducción tamaños y tipos de paginasIntroducción tamaños y tipos de paginas
Introducción tamaños y tipos de paginas
paoloarevaloortiz
 
Sobre disenno de_sitios_web
Sobre disenno de_sitios_webSobre disenno de_sitios_web
Sobre disenno de_sitios_web
Teacher (magisterio) Colombia
 
10 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 09
10 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 0910 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 09
10 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 09
Domestika
 
Fondo y contenido
Fondo y contenidoFondo y contenido
Fondo y contenido
Yadith Gomez Nolasco
 
Fondo y contenido
Fondo y contenidoFondo y contenido
Fondo y contenido
Yadith Gomez Nolasco
 
Marketing online 2009 ssrr imade
Marketing online 2009 ssrr imadeMarketing online 2009 ssrr imade
Marketing online 2009 ssrr imade
Pedro Jesús González
 
Marketing Online Pymes - IMADE
Marketing Online Pymes - IMADEMarketing Online Pymes - IMADE
Marketing Online Pymes - IMADE
Domestika
 
Rentabilizar una web
Rentabilizar una web Rentabilizar una web
Rentabilizar una web
Domestika
 
Rentabilizar una web imade 2009
Rentabilizar una web imade 2009Rentabilizar una web imade 2009
Rentabilizar una web imade 2009
Pedro Jesús González
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
reyex1
 
La evolución de la web
La evolución de la webLa evolución de la web
La evolución de la web
olivarez carlos
 
NSU No Solo Usabilidad
NSU No Solo UsabilidadNSU No Solo Usabilidad
NSU No Solo Usabilidad
Cesar Salazar
 
Elaboración de documentos web mediante lenguajes de marcas
Elaboración de documentos web mediante lenguajes de marcasElaboración de documentos web mediante lenguajes de marcas
Elaboración de documentos web mediante lenguajes de marcas
Jomicast
 
Usabilidad web
Usabilidad webUsabilidad web
Usabilidad web
Domestika
 
Infografias
Infografias Infografias
Infografias
Yelitza Martinez
 
Paginaweb
PaginawebPaginaweb
Paginaweb
iriannysguevara
 
Herramientas tecnológicas1
Herramientas tecnológicas1Herramientas tecnológicas1
Herramientas tecnológicas1
Johan Becerra
 

Similar a Pagina (20)

Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta
 
T3 pa3danielaarmasdg
T3 pa3danielaarmasdgT3 pa3danielaarmasdg
T3 pa3danielaarmasdg
 
Paola
PaolaPaola
Paola
 
Introducción tamaños y tipos de paginas
Introducción tamaños y tipos de paginasIntroducción tamaños y tipos de paginas
Introducción tamaños y tipos de paginas
 
Sobre disenno de_sitios_web
Sobre disenno de_sitios_webSobre disenno de_sitios_web
Sobre disenno de_sitios_web
 
10 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 09
10 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 0910 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 09
10 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 09
 
Fondo y contenido
Fondo y contenidoFondo y contenido
Fondo y contenido
 
Fondo y contenido
Fondo y contenidoFondo y contenido
Fondo y contenido
 
Marketing online 2009 ssrr imade
Marketing online 2009 ssrr imadeMarketing online 2009 ssrr imade
Marketing online 2009 ssrr imade
 
Marketing Online Pymes - IMADE
Marketing Online Pymes - IMADEMarketing Online Pymes - IMADE
Marketing Online Pymes - IMADE
 
Rentabilizar una web
Rentabilizar una web Rentabilizar una web
Rentabilizar una web
 
Rentabilizar una web imade 2009
Rentabilizar una web imade 2009Rentabilizar una web imade 2009
Rentabilizar una web imade 2009
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
La evolución de la web
La evolución de la webLa evolución de la web
La evolución de la web
 
NSU No Solo Usabilidad
NSU No Solo UsabilidadNSU No Solo Usabilidad
NSU No Solo Usabilidad
 
Elaboración de documentos web mediante lenguajes de marcas
Elaboración de documentos web mediante lenguajes de marcasElaboración de documentos web mediante lenguajes de marcas
Elaboración de documentos web mediante lenguajes de marcas
 
Usabilidad web
Usabilidad webUsabilidad web
Usabilidad web
 
Infografias
Infografias Infografias
Infografias
 
Paginaweb
PaginawebPaginaweb
Paginaweb
 
Herramientas tecnológicas1
Herramientas tecnológicas1Herramientas tecnológicas1
Herramientas tecnológicas1
 

Más de Remixz7548

Conclusion grupal
Conclusion grupalConclusion grupal
Conclusion grupal
Remixz7548
 
Topologia maya
Topologia mayaTopologia maya
Topologia maya
Remixz7548
 
Topologia estrella
Topologia estrellaTopologia estrella
Topologia estrella
Remixz7548
 
Maqueta de punto a punto (1)
Maqueta de punto a punto (1)Maqueta de punto a punto (1)
Maqueta de punto a punto (1)
Remixz7548
 
3.3
3.33.3
Reportes
ReportesReportes
Reportes
Remixz7548
 
Gestor
GestorGestor
Gestor
Remixz7548
 
Sem
SemSem
Seo
SeoSeo
Sociales
SocialesSociales
Sociales
Remixz7548
 
Blog
BlogBlog
Colores
ColoresColores
Colores
Remixz7548
 
Hosting y dominio
Hosting y dominioHosting y dominio
Hosting y dominio
Remixz7548
 
Clasificacion de una pagina web
Clasificacion de una pagina webClasificacion de una pagina web
Clasificacion de una pagina web
Remixz7548
 
Arquitectura de la informacion
Arquitectura de la informacionArquitectura de la informacion
Arquitectura de la informacion
Remixz7548
 
Terminologia
TerminologiaTerminologia
Terminologia
Remixz7548
 
Reportes de programas de ciclos
Reportes de programas de  ciclosReportes de programas de  ciclos
Reportes de programas de ciclos
Remixz7548
 
Tabla sql
Tabla sqlTabla sql
Tabla sql
Remixz7548
 
Tabla sql
Tabla sqlTabla sql
Tabla sql
Remixz7548
 
Glosario
GlosarioGlosario
Glosario
Remixz7548
 

Más de Remixz7548 (20)

Conclusion grupal
Conclusion grupalConclusion grupal
Conclusion grupal
 
Topologia maya
Topologia mayaTopologia maya
Topologia maya
 
Topologia estrella
Topologia estrellaTopologia estrella
Topologia estrella
 
Maqueta de punto a punto (1)
Maqueta de punto a punto (1)Maqueta de punto a punto (1)
Maqueta de punto a punto (1)
 
3.3
3.33.3
3.3
 
Reportes
ReportesReportes
Reportes
 
Gestor
GestorGestor
Gestor
 
Sem
SemSem
Sem
 
Seo
SeoSeo
Seo
 
Sociales
SocialesSociales
Sociales
 
Blog
BlogBlog
Blog
 
Colores
ColoresColores
Colores
 
Hosting y dominio
Hosting y dominioHosting y dominio
Hosting y dominio
 
Clasificacion de una pagina web
Clasificacion de una pagina webClasificacion de una pagina web
Clasificacion de una pagina web
 
Arquitectura de la informacion
Arquitectura de la informacionArquitectura de la informacion
Arquitectura de la informacion
 
Terminologia
TerminologiaTerminologia
Terminologia
 
Reportes de programas de ciclos
Reportes de programas de  ciclosReportes de programas de  ciclos
Reportes de programas de ciclos
 
Tabla sql
Tabla sqlTabla sql
Tabla sql
 
Tabla sql
Tabla sqlTabla sql
Tabla sql
 
Glosario
GlosarioGlosario
Glosario
 

Último

Liturgia día del Padre del siguiente domingo.pptx
Liturgia día del Padre del siguiente domingo.pptxLiturgia día del Padre del siguiente domingo.pptx
Liturgia día del Padre del siguiente domingo.pptx
YeniferGarcia36
 
Evaluacion del tercer trimestre del 2023-2024
Evaluacion del tercer trimestre del 2023-2024Evaluacion del tercer trimestre del 2023-2024
Evaluacion del tercer trimestre del 2023-2024
israelsouza67
 
SEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptx
SEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptxSEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptx
SEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptx
Osiris Urbano
 
Planificación Ejemplo con la metodología TPACK
Planificación Ejemplo con la metodología  TPACKPlanificación Ejemplo con la metodología  TPACK
Planificación Ejemplo con la metodología TPACK
ssusera6697f
 
Power Point: El espiritismo desenmascarado
Power Point: El espiritismo desenmascaradoPower Point: El espiritismo desenmascarado
Power Point: El espiritismo desenmascarado
https://gramadal.wordpress.com/
 
Presentación de proyecto en acuarela moderna verde.pdf
Presentación de proyecto en acuarela moderna verde.pdfPresentación de proyecto en acuarela moderna verde.pdf
Presentación de proyecto en acuarela moderna verde.pdf
LuanaJaime1
 
Guia para Docentes como usar ChatGPT Mineduc Ccesa007.pdf
Guia para Docentes como usar ChatGPT  Mineduc Ccesa007.pdfGuia para Docentes como usar ChatGPT  Mineduc Ccesa007.pdf
Guia para Docentes como usar ChatGPT Mineduc Ccesa007.pdf
Demetrio Ccesa Rayme
 
Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLM
Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLMExamen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLM
Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLM
Juan Martín Martín
 
EVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptx
EVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptxEVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptx
EVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptx
Victor Elizalde P
 
Mundo ABC Examen 1 Grado- Tercer Trimestre.pdf
Mundo ABC Examen 1 Grado- Tercer Trimestre.pdfMundo ABC Examen 1 Grado- Tercer Trimestre.pdf
Mundo ABC Examen 1 Grado- Tercer Trimestre.pdf
ViriEsteva
 
Guia Practica de ChatGPT para Docentes Ccesa007.pdf
Guia Practica de ChatGPT para Docentes Ccesa007.pdfGuia Practica de ChatGPT para Docentes Ccesa007.pdf
Guia Practica de ChatGPT para Docentes Ccesa007.pdf
Demetrio Ccesa Rayme
 
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdfCUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
Inslvarez5
 
pueblos originarios de chile presentacion twinkl.pptx
pueblos originarios de chile presentacion twinkl.pptxpueblos originarios de chile presentacion twinkl.pptx
pueblos originarios de chile presentacion twinkl.pptx
RAMIREZNICOLE
 
El Cerebro se Cambia a si Mismo-Norman Doidge.pdf
El Cerebro se Cambia a si Mismo-Norman Doidge.pdfEl Cerebro se Cambia a si Mismo-Norman Doidge.pdf
El Cerebro se Cambia a si Mismo-Norman Doidge.pdf
Robert Zuñiga Vargas
 
Clase Prensencial, Actividad 2.pdf.......
Clase Prensencial, Actividad 2.pdf.......Clase Prensencial, Actividad 2.pdf.......
Clase Prensencial, Actividad 2.pdf.......
LuanaJaime1
 
Manual de procedimiento para gráficos HC
Manual de procedimiento para gráficos HCManual de procedimiento para gráficos HC
Manual de procedimiento para gráficos HC
josseanlo1581
 
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docxLecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
Alejandrino Halire Ccahuana
 
RETROALIMENTACIÓN PARA EL EXAMEN ÚNICO AUXILIAR DE ENFERMERIA.docx
RETROALIMENTACIÓN PARA EL EXAMEN ÚNICO AUXILIAR DE ENFERMERIA.docxRETROALIMENTACIÓN PARA EL EXAMEN ÚNICO AUXILIAR DE ENFERMERIA.docx
RETROALIMENTACIÓN PARA EL EXAMEN ÚNICO AUXILIAR DE ENFERMERIA.docx
100078171
 
Libro Integrado 8vo egb len-mat-ccnn-eess
Libro Integrado 8vo egb len-mat-ccnn-eessLibro Integrado 8vo egb len-mat-ccnn-eess
Libro Integrado 8vo egb len-mat-ccnn-eess
maxgamesofficial15
 
Sesión: El espiritismo desenmascarado.pdf
Sesión: El espiritismo desenmascarado.pdfSesión: El espiritismo desenmascarado.pdf
Sesión: El espiritismo desenmascarado.pdf
https://gramadal.wordpress.com/
 

Último (20)

Liturgia día del Padre del siguiente domingo.pptx
Liturgia día del Padre del siguiente domingo.pptxLiturgia día del Padre del siguiente domingo.pptx
Liturgia día del Padre del siguiente domingo.pptx
 
Evaluacion del tercer trimestre del 2023-2024
Evaluacion del tercer trimestre del 2023-2024Evaluacion del tercer trimestre del 2023-2024
Evaluacion del tercer trimestre del 2023-2024
 
SEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptx
SEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptxSEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptx
SEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptx
 
Planificación Ejemplo con la metodología TPACK
Planificación Ejemplo con la metodología  TPACKPlanificación Ejemplo con la metodología  TPACK
Planificación Ejemplo con la metodología TPACK
 
Power Point: El espiritismo desenmascarado
Power Point: El espiritismo desenmascaradoPower Point: El espiritismo desenmascarado
Power Point: El espiritismo desenmascarado
 
Presentación de proyecto en acuarela moderna verde.pdf
Presentación de proyecto en acuarela moderna verde.pdfPresentación de proyecto en acuarela moderna verde.pdf
Presentación de proyecto en acuarela moderna verde.pdf
 
Guia para Docentes como usar ChatGPT Mineduc Ccesa007.pdf
Guia para Docentes como usar ChatGPT  Mineduc Ccesa007.pdfGuia para Docentes como usar ChatGPT  Mineduc Ccesa007.pdf
Guia para Docentes como usar ChatGPT Mineduc Ccesa007.pdf
 
Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLM
Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLMExamen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLM
Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLM
 
EVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptx
EVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptxEVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptx
EVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptx
 
Mundo ABC Examen 1 Grado- Tercer Trimestre.pdf
Mundo ABC Examen 1 Grado- Tercer Trimestre.pdfMundo ABC Examen 1 Grado- Tercer Trimestre.pdf
Mundo ABC Examen 1 Grado- Tercer Trimestre.pdf
 
Guia Practica de ChatGPT para Docentes Ccesa007.pdf
Guia Practica de ChatGPT para Docentes Ccesa007.pdfGuia Practica de ChatGPT para Docentes Ccesa007.pdf
Guia Practica de ChatGPT para Docentes Ccesa007.pdf
 
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdfCUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
 
pueblos originarios de chile presentacion twinkl.pptx
pueblos originarios de chile presentacion twinkl.pptxpueblos originarios de chile presentacion twinkl.pptx
pueblos originarios de chile presentacion twinkl.pptx
 
El Cerebro se Cambia a si Mismo-Norman Doidge.pdf
El Cerebro se Cambia a si Mismo-Norman Doidge.pdfEl Cerebro se Cambia a si Mismo-Norman Doidge.pdf
El Cerebro se Cambia a si Mismo-Norman Doidge.pdf
 
Clase Prensencial, Actividad 2.pdf.......
Clase Prensencial, Actividad 2.pdf.......Clase Prensencial, Actividad 2.pdf.......
Clase Prensencial, Actividad 2.pdf.......
 
Manual de procedimiento para gráficos HC
Manual de procedimiento para gráficos HCManual de procedimiento para gráficos HC
Manual de procedimiento para gráficos HC
 
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docxLecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
 
RETROALIMENTACIÓN PARA EL EXAMEN ÚNICO AUXILIAR DE ENFERMERIA.docx
RETROALIMENTACIÓN PARA EL EXAMEN ÚNICO AUXILIAR DE ENFERMERIA.docxRETROALIMENTACIÓN PARA EL EXAMEN ÚNICO AUXILIAR DE ENFERMERIA.docx
RETROALIMENTACIÓN PARA EL EXAMEN ÚNICO AUXILIAR DE ENFERMERIA.docx
 
Libro Integrado 8vo egb len-mat-ccnn-eess
Libro Integrado 8vo egb len-mat-ccnn-eessLibro Integrado 8vo egb len-mat-ccnn-eess
Libro Integrado 8vo egb len-mat-ccnn-eess
 
Sesión: El espiritismo desenmascarado.pdf
Sesión: El espiritismo desenmascarado.pdfSesión: El espiritismo desenmascarado.pdf
Sesión: El espiritismo desenmascarado.pdf
 

Pagina

  • 1. Elementos para el diseño web 1) Contenido. Una página web debe ser atractiva, Pero no solo a la vista, sino también en el contenido. Eso significa que debe tener contenido interesante que atraiga y atrape al público objetivo. También es importante actualizar el contenido de la página. Esto servirá no solo para aumentar el número de nuevas visitas, sino para que los antiguos visitantes consulten la página a menudo y la usen como referencia. 2) Tipografía. Es importante usar fuentes llamativas pero sencillas de leer. También es importante variar el tamaño de una misma fuente para resaltar secciones interesantes del contenido y del texto. 3) Imágenes. En el diseño web es muy importante las buenas fotografías, preferentemente tomadas por un profesional. Es importante que no estén pixeliadas o desenfocadas, ya que puede causar una mala imagen del sitio en general. del sitio en general. 4) Animaciones y movimiento. Para generar una sensación de dinamismo es bueno utilizar elementos animados.
  • 2. Pero no abusar de ellos, ya que pueden sobrecargar la página. 5) Botones e iconos. Utilizar botones prácticos y representativos, así como iconos grandes y vistosos aumenta la facilidad de navegación en la página. Pero no es necesario colocar accesorios que no brinden un valor real, por ejemplo, un reloj para clientes que se encuentran en el mismo uso horario. 6) Fondos claros y sencillos. Los fondos claros o totalmente blancos facilitan la visualización, pero también dan un aspecto despejado a la página resaltando las imágenes. Existe la tendencia a utilizar fondos negros para lecturas largas, para no cansar al lector con la luz del monitor. 7) Enlaces a redes. Es de gran ayuda para los usuarios colocar enlaces a redes sociales con las cuales interactúan con facilidad. Esto ayuda además a crear comunidad. 8) Sobriedad. Una página debe permitir una fácil visualización de los contenidos (vídeos, imágenes, textos). Saturar al cibernauta es contraproducente. Si la información o contenido tarda en cargarse, error: eso supone una visita menos y un potencial cliente que no conoció la oferta.