SlideShare una empresa de Scribd logo
1 de 2
ELEMENTOS PARA EL
DISEÑO WEB
Nadie puede dudar que Internet ha
marcado un antes y un después en el
mundo de las profesiones y que ha
revolucionado la manera de entender
incluso los negocios. Y en todo este
cambio destaca un elemento sin el que hoy en día nada sería lo que es: el diseño
web. Hoy en día una página web o un blog es una parte indispensable de la
imagen de una persona, empresa o institución.
Diseño web: los 8 elementos que toda página debe tener
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. De hecho, ninguna página puede considerarse exitosa
si no cuenta con un contenido atractivo y actualizado con cierta frecuencia.
Eso 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 son muy importante las buenas fotografías, preferentemente
tomadas por un profesional.
Es importante que no estén pixeladas o desenfocadas, ya que puede causar una
mala imagen del sitio en general.
4) Animaciones y movimiento.
Para generar una sensación de dinamismo es bueno utilizar elementos animados.
Pero atención: no abuses de ellos, ya que pueden sobrecargar la página.
Lo ideal es que no sobrepasen el 20% del total de la página ya que de otra forma
pueden causar saturación, distraer la atención de cosas importantes que se
quieren decir y por último sacar al usuario del sitio.
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. Tener en cuenta todo eso a
la hora de optar por el diseño web es garantía de éxito.

Más contenido relacionado

Similar a Eleme dis we

Pp
PpPp
PpADZM
 
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 marcasJomicast
 
Marketing Online Pymes - IMADE
Marketing Online Pymes - IMADEMarketing Online Pymes - IMADE
Marketing Online Pymes - IMADEDomestika
 
Actividad uno
Actividad unoActividad uno
Actividad unoanylj15
 
Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta samantaaaaaa
 
Rentabilizar una web
Rentabilizar una web Rentabilizar una web
Rentabilizar una web Domestika
 
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 paginaspaoloarevaloortiz
 
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 09Domestika
 
Marketing Digital
Marketing DigitalMarketing Digital
Marketing DigitalDomestika
 

Similar a Eleme dis we (20)

Pagina
PaginaPagina
Pagina
 
Pp
PpPp
Pp
 
Actividad uno páginas web
Actividad uno páginas web Actividad uno páginas web
Actividad uno páginas web
 
Elementos de la web
Elementos de la webElementos de la web
Elementos de la web
 
Diseño Web
Diseño WebDiseño Web
Diseño Web
 
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
 
Paola
PaolaPaola
Paola
 
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
 
Actividad uno
Actividad unoActividad uno
Actividad uno
 
Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta
 
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
 
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
 
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
 
Web 1.0 2.0 y 3.0
Web 1.0 2.0 y 3.0Web 1.0 2.0 y 3.0
Web 1.0 2.0 y 3.0
 
Paginaweb
PaginawebPaginaweb
Paginaweb
 
Actividad 1
Actividad 1Actividad 1
Actividad 1
 
Marketing Digital
Marketing DigitalMarketing Digital
Marketing Digital
 
Sin título 1
Sin título 1Sin título 1
Sin título 1
 

Más de mabelita20

Topologia Estrella
Topologia EstrellaTopologia Estrella
Topologia Estrellamabelita20
 
Reporte maqueta
Reporte maquetaReporte maqueta
Reporte maquetamabelita20
 
Reportes programacionn
Reportes programacionnReportes programacionn
Reportes programacionnmabelita20
 
Arqui de la info
Arqui de la infoArqui de la info
Arqui de la infomabelita20
 
Ya reportesss finales mabel
Ya reportesss finales mabelYa reportesss finales mabel
Ya reportesss finales mabelmabelita20
 
Glosario completo
Glosario completoGlosario completo
Glosario completomabelita20
 
Tabla sqa bien
Tabla sqa bienTabla sqa bien
Tabla sqa bienmabelita20
 
Reporte de java completo
Reporte de java completoReporte de java completo
Reporte de java completomabelita20
 
Resumen de exposiciones completo
Resumen de exposiciones completoResumen de exposiciones completo
Resumen de exposiciones completomabelita20
 
Mabel lamas montoya java programacion
Mabel lamas montoya java programacionMabel lamas montoya java programacion
Mabel lamas montoya java programacionmabelita20
 

Más de mabelita20 (20)

Topologia Estrella
Topologia EstrellaTopologia Estrella
Topologia Estrella
 
Reporte maqueta
Reporte maquetaReporte maqueta
Reporte maqueta
 
Teamviewer
TeamviewerTeamviewer
Teamviewer
 
Reportes programacionn
Reportes programacionnReportes programacionn
Reportes programacionn
 
Siti
SitiSiti
Siti
 
Psi del color
Psi del colorPsi del color
Psi del color
 
Host y dom
Host y domHost y dom
Host y dom
 
Clasi de pag
Clasi de pagClasi de pag
Clasi de pag
 
Arqui de la info
Arqui de la infoArqui de la info
Arqui de la info
 
Terminologia
TerminologiaTerminologia
Terminologia
 
Terminologia
TerminologiaTerminologia
Terminologia
 
Ya reportesss finales mabel
Ya reportesss finales mabelYa reportesss finales mabel
Ya reportesss finales mabel
 
Glosario completo
Glosario completoGlosario completo
Glosario completo
 
Tabla sqa bien
Tabla sqa bienTabla sqa bien
Tabla sqa bien
 
Glosario
GlosarioGlosario
Glosario
 
Reporte de java completo
Reporte de java completoReporte de java completo
Reporte de java completo
 
Resumen de exposiciones completo
Resumen de exposiciones completoResumen de exposiciones completo
Resumen de exposiciones completo
 
Mabel lamas montoya java programacion
Mabel lamas montoya java programacionMabel lamas montoya java programacion
Mabel lamas montoya java programacion
 
Mapa con
Mapa conMapa con
Mapa con
 
Puntos 6 a 10
Puntos 6 a 10Puntos 6 a 10
Puntos 6 a 10
 

Último

Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Lourdes Feria
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoFundación YOD YOD
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscaeliseo91
 
celula, tipos, teoria celular, energia y dinamica
celula, tipos, teoria celular, energia y dinamicacelula, tipos, teoria celular, energia y dinamica
celula, tipos, teoria celular, energia y dinamicaFlor Idalia Espinoza Ortega
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dstEphaniiie
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSjlorentemartos
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.amayarogel
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdfDemetrio Ccesa Rayme
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIACarlos Campaña Montenegro
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdfgimenanahuel
 
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxEXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxPryhaSalam
 
Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfMaryRotonda1
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxjosetrinidadchavez
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadAlejandrino Halire Ccahuana
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticosisabeltrejoros
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxlclcarmen
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosCesarFernandez937857
 

Último (20)

Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativo
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fisca
 
celula, tipos, teoria celular, energia y dinamica
celula, tipos, teoria celular, energia y dinamicacelula, tipos, teoria celular, energia y dinamica
celula, tipos, teoria celular, energia y dinamica
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf
 
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxEXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
 
Repaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia GeneralRepaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia General
 
Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdf
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdad
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticos
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos Básicos
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 

Eleme dis we

  • 1. ELEMENTOS PARA EL DISEÑO WEB Nadie puede dudar que Internet ha marcado un antes y un después en el mundo de las profesiones y que ha revolucionado la manera de entender incluso los negocios. Y en todo este cambio destaca un elemento sin el que hoy en día nada sería lo que es: el diseño web. Hoy en día una página web o un blog es una parte indispensable de la imagen de una persona, empresa o institución. Diseño web: los 8 elementos que toda página debe tener 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. De hecho, ninguna página puede considerarse exitosa si no cuenta con un contenido atractivo y actualizado con cierta frecuencia. Eso 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 son muy importante las buenas fotografías, preferentemente tomadas por un profesional. Es importante que no estén pixeladas o desenfocadas, ya que puede causar una mala imagen del sitio en general. 4) Animaciones y movimiento. Para generar una sensación de dinamismo es bueno utilizar elementos animados. Pero atención: no abuses de ellos, ya que pueden sobrecargar la página.
  • 2. Lo ideal es que no sobrepasen el 20% del total de la página ya que de otra forma pueden causar saturación, distraer la atención de cosas importantes que se quieren decir y por último sacar al usuario del sitio. 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. Tener en cuenta todo eso a la hora de optar por el diseño web es garantía de éxito.