SlideShare una empresa de Scribd logo
ASPECTOS TECNICOS Y ESTETICOS
DE UNA PAGINA WEB
COMBINACION DE COLORES
 luminosidad, valor, temperatura y saturación
 El contraste por luminosidad es uno de los más
empleados en el diseño de páginas web,
fundamentalmente en el destaque de los textos
sobre el fondo sobre el que se colocan
 Contraste entre colores complementarios, las
diferencias son muy nítidas, lo que hace que
debamos emplear este tipo de contraste de color
con sumo cuidado, porque se pueden producir
estridencias que pueden dar problemas estéticos
importantes al diseño en su conjunto.
TIPOS DE FORMAS Y SU UTILIDAD EN EL
DISEÑO WEB
 FORMAS GEOMETRICAS: En todo tipo de diseño
es muy frecuente, dado que generalmente se trata
de objetos simétricos y regulares, lo que brinda a
quien lo contempla, sensación de seguridad. orden y
prolijidad
 FORMAS NATURALES: también tienen un empleo
frecuente, ya que permite una rápida asociación con
un mensaje. La mayoría de las formas naturales
empleadas en el diseño web son extraídas
de imágenes.
 FORMAS ABSTRACTAS: Incluyen aquellos
elementos creados para representar algo sin
emplear una imagen del mismo(iconos).
UTILIDAD DE LA FORMA
 Agregar interés al diseño
 Como fondo, como decoración de espacios en
blanco o para ilustrar contenidos
 Organizar o separar elementos
 Dirigir la vista del usuario por las secciones más
importantes
 Dar un mensaje, entre otros
OTROS ASPECTOS A TOMAR EN CUENTA
 Cargar rápido, como máximo en 10 segundos.
 Poner a la vista lo que se ofrece
 Un mapa de nuestro sitio web
 Información básica
 FAQs
ASPECTOS TECNICOS
ACCESIBILIDAD
 Compatible con varios navegadores
 los códigos HTML y CSS estén de acuerdo
al standard de la W3C
 las descripciones de las fotos (tag alt) esté en todas
las imágenes relevantes
NAVEGACION:
 Links fáciles de reconocer
 el numero de clicks que llevan a la parte mas remota
 Ítems clickeables y no-clickeables pueden ser
diferenciados sin problemas
 la legibilidad del texto
 No crear calles sin salida
DISEÑO
 Atractivo
 Colores armoniosos y bien combinados
 Apropiado para el target de la pagina
 Las fuentes son legibles en varias resoluciones de
pantalla
CONTENIDO
 El sitio web tiene textos informativos
 Las reglas de copyright y reglas de uso están claras
para los usuarios
 Los bloques de texto están separados en líneas con
menos de 80 caracteres
 El contraste entre el color del texto y el fondo de la
pagina web facilita la lectura
 El texto está separado en pequeños bloques, con
tramos destacados, párrafos y sub-párrafos y
facilidad para copiar cuando sea necesario
 Existen links para explicar términos técnicos y
mostrar más detalles sobre los artículos
 Comentarios de usuarios de la pagina web
 Actualizar regularmente los contenidos

Más contenido relacionado

La actualidad más candente

Taller formas
Taller  formasTaller  formas
Taller formas
Aura Duque
 
EVOLUCIÓN DE ADOBE ILLUSTRATOR
EVOLUCIÓN DE ADOBE ILLUSTRATOREVOLUCIÓN DE ADOBE ILLUSTRATOR
EVOLUCIÓN DE ADOBE ILLUSTRATOR
mariasolers
 
Presentación de PowerPoint "Pestaña Vista" 2015
Presentación de PowerPoint "Pestaña Vista" 2015Presentación de PowerPoint "Pestaña Vista" 2015
Presentación de PowerPoint "Pestaña Vista" 2015
Sebastian0823
 
VENTAJAS Y DESVENTAJAS INKSCAPE
VENTAJAS Y DESVENTAJAS INKSCAPEVENTAJAS Y DESVENTAJAS INKSCAPE
VENTAJAS Y DESVENTAJAS INKSCAPE
David Espinosa
 
Semiotica del toro y del caballo en la obra de picasso
Semiotica del toro y del caballo en la obra de picassoSemiotica del toro y del caballo en la obra de picasso
Semiotica del toro y del caballo en la obra de picasso
VACGRUP
 
Correo electronico y sus funciones.
Correo electronico y sus funciones.Correo electronico y sus funciones.
Correo electronico y sus funciones.
clarapa14
 
Producto 15. estrategias de lectura mapa conceptual
Producto 15. estrategias de lectura  mapa conceptualProducto 15. estrategias de lectura  mapa conceptual
Producto 15. estrategias de lectura mapa conceptual
Sofia Castellanosc
 
Diagramacion De Periodicos
Diagramacion De PeriodicosDiagramacion De Periodicos
Diagramacion De Periodicos
tls02cv
 
Herramientas de access
Herramientas de accessHerramientas de access
Herramientas de access
kevingfs
 
mapa conceptual del blog
mapa conceptual del blog mapa conceptual del blog
mapa conceptual del blog
marlenlopez111
 
Ventajas y desventajas de las tic´s en el diseño gráfico
Ventajas y desventajas de las tic´s en el diseño gráficoVentajas y desventajas de las tic´s en el diseño gráfico
Ventajas y desventajas de las tic´s en el diseño gráfico
Majo Ortega
 
¿QUE SON LAS APPS?
¿QUE SON LAS APPS?¿QUE SON LAS APPS?
¿QUE SON LAS APPS?
Betsy Zavaleta
 
Principios básicos del diseño gráfico
Principios básicos del diseño gráficoPrincipios básicos del diseño gráfico
Principios básicos del diseño gráfico
Chiqui Lara Ehuan
 
Tabla comparativa formatos de imagen
Tabla comparativa formatos de imagenTabla comparativa formatos de imagen
Tabla comparativa formatos de imagen
Carmen Aguirre Macedo
 

La actualidad más candente (14)

Taller formas
Taller  formasTaller  formas
Taller formas
 
EVOLUCIÓN DE ADOBE ILLUSTRATOR
EVOLUCIÓN DE ADOBE ILLUSTRATOREVOLUCIÓN DE ADOBE ILLUSTRATOR
EVOLUCIÓN DE ADOBE ILLUSTRATOR
 
Presentación de PowerPoint "Pestaña Vista" 2015
Presentación de PowerPoint "Pestaña Vista" 2015Presentación de PowerPoint "Pestaña Vista" 2015
Presentación de PowerPoint "Pestaña Vista" 2015
 
VENTAJAS Y DESVENTAJAS INKSCAPE
VENTAJAS Y DESVENTAJAS INKSCAPEVENTAJAS Y DESVENTAJAS INKSCAPE
VENTAJAS Y DESVENTAJAS INKSCAPE
 
Semiotica del toro y del caballo en la obra de picasso
Semiotica del toro y del caballo en la obra de picassoSemiotica del toro y del caballo en la obra de picasso
Semiotica del toro y del caballo en la obra de picasso
 
Correo electronico y sus funciones.
Correo electronico y sus funciones.Correo electronico y sus funciones.
Correo electronico y sus funciones.
 
Producto 15. estrategias de lectura mapa conceptual
Producto 15. estrategias de lectura  mapa conceptualProducto 15. estrategias de lectura  mapa conceptual
Producto 15. estrategias de lectura mapa conceptual
 
Diagramacion De Periodicos
Diagramacion De PeriodicosDiagramacion De Periodicos
Diagramacion De Periodicos
 
Herramientas de access
Herramientas de accessHerramientas de access
Herramientas de access
 
mapa conceptual del blog
mapa conceptual del blog mapa conceptual del blog
mapa conceptual del blog
 
Ventajas y desventajas de las tic´s en el diseño gráfico
Ventajas y desventajas de las tic´s en el diseño gráficoVentajas y desventajas de las tic´s en el diseño gráfico
Ventajas y desventajas de las tic´s en el diseño gráfico
 
¿QUE SON LAS APPS?
¿QUE SON LAS APPS?¿QUE SON LAS APPS?
¿QUE SON LAS APPS?
 
Principios básicos del diseño gráfico
Principios básicos del diseño gráficoPrincipios básicos del diseño gráfico
Principios básicos del diseño gráfico
 
Tabla comparativa formatos de imagen
Tabla comparativa formatos de imagenTabla comparativa formatos de imagen
Tabla comparativa formatos de imagen
 

Destacado

Funciones del webmaster
Funciones del webmasterFunciones del webmaster
Funciones del webmaster
Juan Flores
 
Actividad 1
Actividad 1Actividad 1
Actividad 1
everwilian
 
Diseño del contenido
Diseño del contenidoDiseño del contenido
Diseño del contenido
Educamadrid
 
Principios y reglas de los derechos de autor
Principios y reglas de los derechos de autorPrincipios y reglas de los derechos de autor
Principios y reglas de los derechos de autor
jesusyela
 
DiseñO Para Web App
DiseñO Para Web AppDiseñO Para Web App
DiseñO Para Web App
uneve
 
Planificacion sitio Web educativo
Planificacion sitio Web educativoPlanificacion sitio Web educativo
Planificacion sitio Web educativo
Aldo Velásquez Huerta
 
Fase Diseño Conceptual
Fase Diseño ConceptualFase Diseño Conceptual
Fase Diseño Conceptual
Raforeror
 
Sitios Web Educativos
Sitios Web EducativosSitios Web Educativos
Sitios Web Educativos
Raymond Marquina
 
Dignostico en el aula luchetti
Dignostico en el aula luchettiDignostico en el aula luchetti
Dignostico en el aula luchetti
Luismi Orozco
 
Validacion por juicio de expertos
Validacion por juicio de expertosValidacion por juicio de expertos
Validacion por juicio de expertos
Marìa Elena Sosa Oliveros
 
Plataformas digitales
Plataformas digitalesPlataformas digitales
Plataformas digitales
moibryth
 
Ensayo de ciencia
Ensayo de cienciaEnsayo de ciencia
Ensayo de ciencia
César Montoya
 
5 empresas exitosas del perú
5 empresas exitosas del perú5 empresas exitosas del perú
5 empresas exitosas del perú
victor
 

Destacado (13)

Funciones del webmaster
Funciones del webmasterFunciones del webmaster
Funciones del webmaster
 
Actividad 1
Actividad 1Actividad 1
Actividad 1
 
Diseño del contenido
Diseño del contenidoDiseño del contenido
Diseño del contenido
 
Principios y reglas de los derechos de autor
Principios y reglas de los derechos de autorPrincipios y reglas de los derechos de autor
Principios y reglas de los derechos de autor
 
DiseñO Para Web App
DiseñO Para Web AppDiseñO Para Web App
DiseñO Para Web App
 
Planificacion sitio Web educativo
Planificacion sitio Web educativoPlanificacion sitio Web educativo
Planificacion sitio Web educativo
 
Fase Diseño Conceptual
Fase Diseño ConceptualFase Diseño Conceptual
Fase Diseño Conceptual
 
Sitios Web Educativos
Sitios Web EducativosSitios Web Educativos
Sitios Web Educativos
 
Dignostico en el aula luchetti
Dignostico en el aula luchettiDignostico en el aula luchetti
Dignostico en el aula luchetti
 
Validacion por juicio de expertos
Validacion por juicio de expertosValidacion por juicio de expertos
Validacion por juicio de expertos
 
Plataformas digitales
Plataformas digitalesPlataformas digitales
Plataformas digitales
 
Ensayo de ciencia
Ensayo de cienciaEnsayo de ciencia
Ensayo de ciencia
 
5 empresas exitosas del perú
5 empresas exitosas del perú5 empresas exitosas del perú
5 empresas exitosas del perú
 

Similar a Aspectos tecnicos y esteticos de una pagina web

Reticulas de pantalla
Reticulas de pantallaReticulas de pantalla
Reticulas de pantalla
biviana28
 
Diseño visual para web
Diseño visual para webDiseño visual para web
Diseño visual para web
Luis Carlos Aceves
 
Metodologia para-diseno-de-paginas-web
Metodologia para-diseno-de-paginas-webMetodologia para-diseno-de-paginas-web
Metodologia para-diseno-de-paginas-web
Yadith Gomez Nolasco
 
Metodologia para-diseno-de-paginas-web
Metodologia para-diseno-de-paginas-webMetodologia para-diseno-de-paginas-web
Metodologia para-diseno-de-paginas-web
Yadith Gomez Nolasco
 
Principios
PrincipiosPrincipios
Principios
niko a
 
Pagina web mia_2
Pagina web mia_2Pagina web mia_2
Pagina web mia_2
Mena75
 
DiseñO GráFico
DiseñO GráFicoDiseñO GráFico
DiseñO GráFico
cecimat
 
DISEÑO DE PAGINAS WES 2.0
DISEÑO DE PAGINAS WES 2.0DISEÑO DE PAGINAS WES 2.0
DISEÑO DE PAGINAS WES 2.0
esther yovany ascurra lópez
 
Alberto
AlbertoAlberto
Alberto
Alberto-95
 
Alberto
AlbertoAlberto
Alberto
Alberto-95
 
Usabilidad o ergonomía del diseño
Usabilidad o ergonomía del diseñoUsabilidad o ergonomía del diseño
Usabilidad o ergonomía del diseño
martinacadena
 
Usabilidad o ergonomía del diseño
Usabilidad o ergonomía del diseñoUsabilidad o ergonomía del diseño
Usabilidad o ergonomía del diseño
martinacadena
 
Diseño de web.03
Diseño de web.03Diseño de web.03
Diseño de web.03
divinajannette
 
Diseño de web.03
Diseño de web.03Diseño de web.03
Diseño de web.03
divinajannette
 
Diseño de web.03
Diseño de web.03Diseño de web.03
Diseño de web.03
divinajannette
 
Diseño de información, navegación e interfaces
Diseño de información, navegación e interfacesDiseño de información, navegación e interfaces
Diseño de información, navegación e interfaces
Luis Carlos Aceves
 
Diseño de Pagina Web
Diseño de Pagina WebDiseño de Pagina Web
Diseño de Pagina Web
RocMarilu
 
Diseño web
Diseño webDiseño web
Importancia del diseno en la web
Importancia del diseno en la webImportancia del diseno en la web
Importancia del diseno en la web
paoloarevaloortiz
 
Accesibilidad
Accesibilidad Accesibilidad
Accesibilidad
Serviweb.com.es
 

Similar a Aspectos tecnicos y esteticos de una pagina web (20)

Reticulas de pantalla
Reticulas de pantallaReticulas de pantalla
Reticulas de pantalla
 
Diseño visual para web
Diseño visual para webDiseño visual para web
Diseño visual para web
 
Metodologia para-diseno-de-paginas-web
Metodologia para-diseno-de-paginas-webMetodologia para-diseno-de-paginas-web
Metodologia para-diseno-de-paginas-web
 
Metodologia para-diseno-de-paginas-web
Metodologia para-diseno-de-paginas-webMetodologia para-diseno-de-paginas-web
Metodologia para-diseno-de-paginas-web
 
Principios
PrincipiosPrincipios
Principios
 
Pagina web mia_2
Pagina web mia_2Pagina web mia_2
Pagina web mia_2
 
DiseñO GráFico
DiseñO GráFicoDiseñO GráFico
DiseñO GráFico
 
DISEÑO DE PAGINAS WES 2.0
DISEÑO DE PAGINAS WES 2.0DISEÑO DE PAGINAS WES 2.0
DISEÑO DE PAGINAS WES 2.0
 
Alberto
AlbertoAlberto
Alberto
 
Alberto
AlbertoAlberto
Alberto
 
Usabilidad o ergonomía del diseño
Usabilidad o ergonomía del diseñoUsabilidad o ergonomía del diseño
Usabilidad o ergonomía del diseño
 
Usabilidad o ergonomía del diseño
Usabilidad o ergonomía del diseñoUsabilidad o ergonomía del diseño
Usabilidad o ergonomía del diseño
 
Diseño de web.03
Diseño de web.03Diseño de web.03
Diseño de web.03
 
Diseño de web.03
Diseño de web.03Diseño de web.03
Diseño de web.03
 
Diseño de web.03
Diseño de web.03Diseño de web.03
Diseño de web.03
 
Diseño de información, navegación e interfaces
Diseño de información, navegación e interfacesDiseño de información, navegación e interfaces
Diseño de información, navegación e interfaces
 
Diseño de Pagina Web
Diseño de Pagina WebDiseño de Pagina Web
Diseño de Pagina Web
 
Diseño web
Diseño webDiseño web
Diseño web
 
Importancia del diseno en la web
Importancia del diseno en la webImportancia del diseno en la web
Importancia del diseno en la web
 
Accesibilidad
Accesibilidad Accesibilidad
Accesibilidad
 

Último

TIC en educacion.rtf.docxlolololololololo
TIC en educacion.rtf.docxlolololololololoTIC en educacion.rtf.docxlolololololololo
TIC en educacion.rtf.docxlolololololololo
KukiiSanchez
 
Manual de Soporte y mantenimiento de equipo de cómputos
Manual de Soporte y mantenimiento de equipo de cómputosManual de Soporte y mantenimiento de equipo de cómputos
Manual de Soporte y mantenimiento de equipo de cómputos
cbtechchihuahua
 
computacion global 3.pdf pARA TERCER GRADO
computacion global 3.pdf pARA TERCER GRADOcomputacion global 3.pdf pARA TERCER GRADO
computacion global 3.pdf pARA TERCER GRADO
YaniEscobar2
 
SISTESIS RETO4 Grupo4 co-creadores .ppsx
SISTESIS RETO4 Grupo4 co-creadores .ppsxSISTESIS RETO4 Grupo4 co-creadores .ppsx
SISTESIS RETO4 Grupo4 co-creadores .ppsx
tamarita881
 
edublogs info.docx asdasfasfsawqrdqwfqwfqwfq
edublogs info.docx asdasfasfsawqrdqwfqwfqwfqedublogs info.docx asdasfasfsawqrdqwfqwfqwfq
edublogs info.docx asdasfasfsawqrdqwfqwfqwfq
larapalaciosmonzon28
 
Nuevos tiempos, nuevos espacios.docxdsdsad
Nuevos tiempos, nuevos espacios.docxdsdsadNuevos tiempos, nuevos espacios.docxdsdsad
Nuevos tiempos, nuevos espacios.docxdsdsad
larapalaciosmonzon28
 
herramientas de sitio web 3.0 2024
herramientas de sitio web 3.0  2024herramientas de sitio web 3.0  2024
herramientas de sitio web 3.0 2024
julio05042006
 
Actividad Conceptos básicos de programación.pdf
Actividad Conceptos básicos de programación.pdfActividad Conceptos básicos de programación.pdf
Actividad Conceptos básicos de programación.pdf
NajwaNimri1
 
TODO SOBRE LA INFORMÁTICA, HISTORIA, ¿QUE ES?, IMPORTANCIA Y CARACTERISTICAS....
TODO SOBRE LA INFORMÁTICA, HISTORIA, ¿QUE ES?, IMPORTANCIA Y CARACTERISTICAS....TODO SOBRE LA INFORMÁTICA, HISTORIA, ¿QUE ES?, IMPORTANCIA Y CARACTERISTICAS....
TODO SOBRE LA INFORMÁTICA, HISTORIA, ¿QUE ES?, IMPORTANCIA Y CARACTERISTICAS....
bendezuperezjimena
 
mantenimiento de chasis y carroceria1.pptx
mantenimiento de chasis y carroceria1.pptxmantenimiento de chasis y carroceria1.pptx
mantenimiento de chasis y carroceria1.pptx
MiguelAtencio10
 
Inteligencia Artificial
Inteligencia ArtificialInteligencia Artificial
Inteligencia Artificial
YashiraPaye
 
Sitios web 3.0 funciones ventajas y desventajas
Sitios web 3.0 funciones ventajas y desventajasSitios web 3.0 funciones ventajas y desventajas
Sitios web 3.0 funciones ventajas y desventajas
paulroyal74
 
Gabinete, puertos y dispositivos que se conectan al case
Gabinete,  puertos y  dispositivos que se conectan al caseGabinete,  puertos y  dispositivos que se conectan al case
Gabinete, puertos y dispositivos que se conectan al case
JuanaNT7
 
Informació Projecte Iniciativa TIC SOPRA STERIA.pdf
Informació Projecte Iniciativa TIC SOPRA STERIA.pdfInformació Projecte Iniciativa TIC SOPRA STERIA.pdf
Informació Projecte Iniciativa TIC SOPRA STERIA.pdf
Festibity
 
IA en entornos rurales aplicada a la viticultura
IA en entornos rurales aplicada a la viticulturaIA en entornos rurales aplicada a la viticultura
IA en entornos rurales aplicada a la viticultura
Miguel Rebollo
 
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
AMADO SALVADOR
 
Catalogo Buzones BTV Amado Salvador Distribuidor Oficial Valencia
Catalogo Buzones BTV Amado Salvador Distribuidor Oficial ValenciaCatalogo Buzones BTV Amado Salvador Distribuidor Oficial Valencia
Catalogo Buzones BTV Amado Salvador Distribuidor Oficial Valencia
AMADO SALVADOR
 
HERRAMIENTAS WEB--------------------.pptx
HERRAMIENTAS WEB--------------------.pptxHERRAMIENTAS WEB--------------------.pptx
HERRAMIENTAS WEB--------------------.pptx
maralache30
 
Presentación de Tic en educación y sobre blogger
Presentación de Tic en educación y sobre bloggerPresentación de Tic en educación y sobre blogger
Presentación de Tic en educación y sobre blogger
larapalaciosmonzon28
 
Projecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdf
Projecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdfProjecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdf
Projecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdf
Festibity
 

Último (20)

TIC en educacion.rtf.docxlolololololololo
TIC en educacion.rtf.docxlolololololololoTIC en educacion.rtf.docxlolololololololo
TIC en educacion.rtf.docxlolololololololo
 
Manual de Soporte y mantenimiento de equipo de cómputos
Manual de Soporte y mantenimiento de equipo de cómputosManual de Soporte y mantenimiento de equipo de cómputos
Manual de Soporte y mantenimiento de equipo de cómputos
 
computacion global 3.pdf pARA TERCER GRADO
computacion global 3.pdf pARA TERCER GRADOcomputacion global 3.pdf pARA TERCER GRADO
computacion global 3.pdf pARA TERCER GRADO
 
SISTESIS RETO4 Grupo4 co-creadores .ppsx
SISTESIS RETO4 Grupo4 co-creadores .ppsxSISTESIS RETO4 Grupo4 co-creadores .ppsx
SISTESIS RETO4 Grupo4 co-creadores .ppsx
 
edublogs info.docx asdasfasfsawqrdqwfqwfqwfq
edublogs info.docx asdasfasfsawqrdqwfqwfqwfqedublogs info.docx asdasfasfsawqrdqwfqwfqwfq
edublogs info.docx asdasfasfsawqrdqwfqwfqwfq
 
Nuevos tiempos, nuevos espacios.docxdsdsad
Nuevos tiempos, nuevos espacios.docxdsdsadNuevos tiempos, nuevos espacios.docxdsdsad
Nuevos tiempos, nuevos espacios.docxdsdsad
 
herramientas de sitio web 3.0 2024
herramientas de sitio web 3.0  2024herramientas de sitio web 3.0  2024
herramientas de sitio web 3.0 2024
 
Actividad Conceptos básicos de programación.pdf
Actividad Conceptos básicos de programación.pdfActividad Conceptos básicos de programación.pdf
Actividad Conceptos básicos de programación.pdf
 
TODO SOBRE LA INFORMÁTICA, HISTORIA, ¿QUE ES?, IMPORTANCIA Y CARACTERISTICAS....
TODO SOBRE LA INFORMÁTICA, HISTORIA, ¿QUE ES?, IMPORTANCIA Y CARACTERISTICAS....TODO SOBRE LA INFORMÁTICA, HISTORIA, ¿QUE ES?, IMPORTANCIA Y CARACTERISTICAS....
TODO SOBRE LA INFORMÁTICA, HISTORIA, ¿QUE ES?, IMPORTANCIA Y CARACTERISTICAS....
 
mantenimiento de chasis y carroceria1.pptx
mantenimiento de chasis y carroceria1.pptxmantenimiento de chasis y carroceria1.pptx
mantenimiento de chasis y carroceria1.pptx
 
Inteligencia Artificial
Inteligencia ArtificialInteligencia Artificial
Inteligencia Artificial
 
Sitios web 3.0 funciones ventajas y desventajas
Sitios web 3.0 funciones ventajas y desventajasSitios web 3.0 funciones ventajas y desventajas
Sitios web 3.0 funciones ventajas y desventajas
 
Gabinete, puertos y dispositivos que se conectan al case
Gabinete,  puertos y  dispositivos que se conectan al caseGabinete,  puertos y  dispositivos que se conectan al case
Gabinete, puertos y dispositivos que se conectan al case
 
Informació Projecte Iniciativa TIC SOPRA STERIA.pdf
Informació Projecte Iniciativa TIC SOPRA STERIA.pdfInformació Projecte Iniciativa TIC SOPRA STERIA.pdf
Informació Projecte Iniciativa TIC SOPRA STERIA.pdf
 
IA en entornos rurales aplicada a la viticultura
IA en entornos rurales aplicada a la viticulturaIA en entornos rurales aplicada a la viticultura
IA en entornos rurales aplicada a la viticultura
 
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
 
Catalogo Buzones BTV Amado Salvador Distribuidor Oficial Valencia
Catalogo Buzones BTV Amado Salvador Distribuidor Oficial ValenciaCatalogo Buzones BTV Amado Salvador Distribuidor Oficial Valencia
Catalogo Buzones BTV Amado Salvador Distribuidor Oficial Valencia
 
HERRAMIENTAS WEB--------------------.pptx
HERRAMIENTAS WEB--------------------.pptxHERRAMIENTAS WEB--------------------.pptx
HERRAMIENTAS WEB--------------------.pptx
 
Presentación de Tic en educación y sobre blogger
Presentación de Tic en educación y sobre bloggerPresentación de Tic en educación y sobre blogger
Presentación de Tic en educación y sobre blogger
 
Projecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdf
Projecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdfProjecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdf
Projecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdf
 

Aspectos tecnicos y esteticos de una pagina web

  • 1. ASPECTOS TECNICOS Y ESTETICOS DE UNA PAGINA WEB
  • 2. COMBINACION DE COLORES  luminosidad, valor, temperatura y saturación  El contraste por luminosidad es uno de los más empleados en el diseño de páginas web, fundamentalmente en el destaque de los textos sobre el fondo sobre el que se colocan
  • 3.  Contraste entre colores complementarios, las diferencias son muy nítidas, lo que hace que debamos emplear este tipo de contraste de color con sumo cuidado, porque se pueden producir estridencias que pueden dar problemas estéticos importantes al diseño en su conjunto.
  • 4. TIPOS DE FORMAS Y SU UTILIDAD EN EL DISEÑO WEB  FORMAS GEOMETRICAS: En todo tipo de diseño es muy frecuente, dado que generalmente se trata de objetos simétricos y regulares, lo que brinda a quien lo contempla, sensación de seguridad. orden y prolijidad
  • 5.  FORMAS NATURALES: también tienen un empleo frecuente, ya que permite una rápida asociación con un mensaje. La mayoría de las formas naturales empleadas en el diseño web son extraídas de imágenes.
  • 6.  FORMAS ABSTRACTAS: Incluyen aquellos elementos creados para representar algo sin emplear una imagen del mismo(iconos).
  • 7. UTILIDAD DE LA FORMA  Agregar interés al diseño  Como fondo, como decoración de espacios en blanco o para ilustrar contenidos  Organizar o separar elementos  Dirigir la vista del usuario por las secciones más importantes  Dar un mensaje, entre otros
  • 8. OTROS ASPECTOS A TOMAR EN CUENTA  Cargar rápido, como máximo en 10 segundos.  Poner a la vista lo que se ofrece  Un mapa de nuestro sitio web  Información básica  FAQs
  • 9. ASPECTOS TECNICOS ACCESIBILIDAD  Compatible con varios navegadores  los códigos HTML y CSS estén de acuerdo al standard de la W3C  las descripciones de las fotos (tag alt) esté en todas las imágenes relevantes
  • 10. NAVEGACION:  Links fáciles de reconocer  el numero de clicks que llevan a la parte mas remota  Ítems clickeables y no-clickeables pueden ser diferenciados sin problemas  la legibilidad del texto  No crear calles sin salida
  • 11. DISEÑO  Atractivo  Colores armoniosos y bien combinados  Apropiado para el target de la pagina  Las fuentes son legibles en varias resoluciones de pantalla
  • 12. CONTENIDO  El sitio web tiene textos informativos  Las reglas de copyright y reglas de uso están claras para los usuarios  Los bloques de texto están separados en líneas con menos de 80 caracteres  El contraste entre el color del texto y el fondo de la pagina web facilita la lectura
  • 13.  El texto está separado en pequeños bloques, con tramos destacados, párrafos y sub-párrafos y facilidad para copiar cuando sea necesario  Existen links para explicar términos técnicos y mostrar más detalles sobre los artículos  Comentarios de usuarios de la pagina web  Actualizar regularmente los contenidos