SlideShare una empresa de Scribd logo
1 de 1
Descargar para leer sin conexión
Elementos para el diseño web
1) Contenido:
El contenido de la página tiene que ser llamativo para el usuario puesto que si no lo es la página no
será muy visitada y tendrá muy pocos usuarios, por eso es bueno tener un buen contenido en la
página que nosotros queramos hacer.
2) Tipografía:
Una vez teniendo un buen contenido de la página lo siguiente que debemos de tomar en cuenta
para nuestra página es la tipografía puesto que así podemos utilizar un tipo y tamaño de letra que
sea fácil de leer y que llame la atención al usuario de nuestra pagina
3) Imágenes:
Este es un factor muy influyente al momento de hacer nuestra página ya que este es un elemento
que ayuda mucho a las páginas web. Si utilizamos alguna imagen lo más recomendable es que esté
tomada por un experto y que no este pixeladas o desenfocadas porque esto podría dar una mala
imagen de nuestra página.
4) Animaciones y movimiento:
Este es un elemento muy llamativo que genera una sensación de dinamismo en la página, pero a la
vez puede ser un causante de sobrecarga en la página, aparte de que si se exagera con estas
animaciones puede causar que el usuario se distraiga de las partes importantes de la página o
sacar al usuario de esta.
5) Botones e iconos:
Utilizar botones e iconos prácticos y representativos, así como iconos grandes y vistosos,
aumenta la fluidez de navegación para el usuario en la página, pero no es necesario poner
accesorios que no tengan que ver nada con la página en sí.
6) Fondos claros y sencillos.
Los fondos claros hacen que al usuario se le facilite la visualización de los elementos de la página,
así como hacer más resaltantes las imágenes de la misma, los fondos negros la mayoría de las
veces se utilizan para lecturas largas para que no se canse la vista del usuario 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).

Más contenido relacionado

Similar a Diseño web: Elementos clave

Similar a Diseño web: Elementos clave (20)

Elementos de la web
Elementos de la webElementos de la web
Elementos de la web
 
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
 
Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta
 
Características y Limitaciones de la web 2.0
Características y Limitaciones de la web 2.0Características y Limitaciones de la web 2.0
Características y Limitaciones de la web 2.0
 
Infografias
Infografias Infografias
Infografias
 
Diseño web
Diseño webDiseño web
Diseño web
 
NSU No Solo Usabilidad
NSU No Solo UsabilidadNSU No Solo Usabilidad
NSU No Solo Usabilidad
 
Consulta wix yola
Consulta wix yolaConsulta wix yola
Consulta wix yola
 
Web 2
Web 2Web 2
Web 2
 
INTRODUCCION AL DISEÑO WEB.pptx
INTRODUCCION AL DISEÑO WEB.pptxINTRODUCCION AL DISEÑO WEB.pptx
INTRODUCCION AL DISEÑO WEB.pptx
 
Cuadro basaldua
Cuadro  basalduaCuadro  basaldua
Cuadro basaldua
 
Herramientas tecnológicas
Herramientas tecnológicasHerramientas tecnológicas
Herramientas tecnológicas
 
Diseño weeb
Diseño weebDiseño weeb
Diseño weeb
 
Herramientas tecnologicas de trabajo colaborativo
Herramientas tecnologicas de trabajo colaborativoHerramientas tecnologicas de trabajo colaborativo
Herramientas tecnologicas de trabajo colaborativo
 
Paola
PaolaPaola
Paola
 
Herramientas tecnológicas1
Herramientas tecnológicas1Herramientas tecnológicas1
Herramientas tecnológicas1
 
computación
computación computación
computación
 
Presentación slideshare
Presentación slidesharePresentación slideshare
Presentación slideshare
 
wix y yola
wix y yola wix y yola
wix y yola
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas web
 

Más de NancyB18

Malla y arbol
Malla y arbolMalla y arbol
Malla y arbolNancyB18
 
Topologia estrella
Topologia estrella Topologia estrella
Topologia estrella NancyB18
 
Teamviewer
TeamviewerTeamviewer
TeamviewerNancyB18
 
Reporte de practicas
Reporte de practicasReporte de practicas
Reporte de practicasNancyB18
 
Reportin de practicas
Reportin de practicasReportin de practicas
Reportin de practicasNancyB18
 
Reportin de practicas
Reportin de practicasReportin de practicas
Reportin de practicasNancyB18
 
Reportin de practicas
Reportin de practicasReportin de practicas
Reportin de practicasNancyB18
 
Terminologia
TerminologiaTerminologia
TerminologiaNancyB18
 
P de color
P de colorP de color
P de colorNancyB18
 
Hosting y dominio
Hosting y dominioHosting y dominio
Hosting y dominioNancyB18
 
Reportes segundo parcial
Reportes segundo parcial Reportes segundo parcial
Reportes segundo parcial NancyB18
 
Portafolio de evidencias poo
Portafolio de evidencias pooPortafolio de evidencias poo
Portafolio de evidencias pooNancyB18
 
Portafolio de evidencias poo
Portafolio de evidencias pooPortafolio de evidencias poo
Portafolio de evidencias pooNancyB18
 
Glosario de terminos
Glosario de terminosGlosario de terminos
Glosario de terminosNancyB18
 
Reporte de practicas
Reporte de practicasReporte de practicas
Reporte de practicasNancyB18
 

Más de NancyB18 (20)

Malla y arbol
Malla y arbolMalla y arbol
Malla y arbol
 
Topologia estrella
Topologia estrella Topologia estrella
Topologia estrella
 
Reporte
ReporteReporte
Reporte
 
Teamviewer
TeamviewerTeamviewer
Teamviewer
 
Reporte de practicas
Reporte de practicasReporte de practicas
Reporte de practicas
 
Reportin de practicas
Reportin de practicasReportin de practicas
Reportin de practicas
 
Reportin de practicas
Reportin de practicasReportin de practicas
Reportin de practicas
 
Reportin de practicas
Reportin de practicasReportin de practicas
Reportin de practicas
 
Paginas
PaginasPaginas
Paginas
 
Terminologia
TerminologiaTerminologia
Terminologia
 
P de color
P de colorP de color
P de color
 
Hosting y dominio
Hosting y dominioHosting y dominio
Hosting y dominio
 
Reportes segundo parcial
Reportes segundo parcial Reportes segundo parcial
Reportes segundo parcial
 
Table sqa
Table sqaTable sqa
Table sqa
 
Glosario
Glosario Glosario
Glosario
 
Portafolio de evidencias poo
Portafolio de evidencias pooPortafolio de evidencias poo
Portafolio de evidencias poo
 
Portafolio de evidencias poo
Portafolio de evidencias pooPortafolio de evidencias poo
Portafolio de evidencias poo
 
Sql
SqlSql
Sql
 
Glosario de terminos
Glosario de terminosGlosario de terminos
Glosario de terminos
 
Reporte de practicas
Reporte de practicasReporte de practicas
Reporte de practicas
 

Último

Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdflauradbernals
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digitalNayaniJulietaRamosRa
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 
Unidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucionesUnidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucioneschorantina325
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señorkkte210207
 

Último (6)

Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdf
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digital
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 
Unidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucionesUnidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disoluciones
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
 

Diseño web: Elementos clave

  • 1. Elementos para el diseño web 1) Contenido: El contenido de la página tiene que ser llamativo para el usuario puesto que si no lo es la página no será muy visitada y tendrá muy pocos usuarios, por eso es bueno tener un buen contenido en la página que nosotros queramos hacer. 2) Tipografía: Una vez teniendo un buen contenido de la página lo siguiente que debemos de tomar en cuenta para nuestra página es la tipografía puesto que así podemos utilizar un tipo y tamaño de letra que sea fácil de leer y que llame la atención al usuario de nuestra pagina 3) Imágenes: Este es un factor muy influyente al momento de hacer nuestra página ya que este es un elemento que ayuda mucho a las páginas web. Si utilizamos alguna imagen lo más recomendable es que esté tomada por un experto y que no este pixeladas o desenfocadas porque esto podría dar una mala imagen de nuestra página. 4) Animaciones y movimiento: Este es un elemento muy llamativo que genera una sensación de dinamismo en la página, pero a la vez puede ser un causante de sobrecarga en la página, aparte de que si se exagera con estas animaciones puede causar que el usuario se distraiga de las partes importantes de la página o sacar al usuario de esta. 5) Botones e iconos: Utilizar botones e iconos prácticos y representativos, así como iconos grandes y vistosos, aumenta la fluidez de navegación para el usuario en la página, pero no es necesario poner accesorios que no tengan que ver nada con la página en sí. 6) Fondos claros y sencillos. Los fondos claros hacen que al usuario se le facilite la visualización de los elementos de la página, así como hacer más resaltantes las imágenes de la misma, los fondos negros la mayoría de las veces se utilizan para lecturas largas para que no se canse la vista del usuario 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).