SlideShare una empresa de Scribd logo
Si estás pensando en armar o rediseñar tu Sitio Web, a continuación describimos 
algunas de las nuevas tendencias de diseño y programación actuales. 
TENDENCIAS DE DISEÑO 
Simplicidad y Claridad 
La tendencia es diseñar sitios poco cargados visualmente, pero sin perder la 
personalidad y objetivos de los mismos, usando páginas menos comprimidas y con 
mejor uso de los espacios en blanco, tratando que la información e imágenes realmente 
aporten contenido. 
Se trata de desarrollar Sitios con Páginas claras y simples. 
Se usan fondos blancos que dan más contraste a los colores y claridad a los contenidos. 
Los colores y los iconos deben ser utilizados con moderación y sólo cuando es 
necesario para sugerir una acción o llamar la atención. 
One Page Design 
Están de moda las webs diseñadas en una sola página, sin pestañas, donde toda la 
información puede encontrarse toda en esa página. Mediante un menú fijo en la parte 
superior o lateral nos podemos desplazar a lo largo de las distintas secciones de la web, 
las que están todas en la misma página de inicio. 
Se complementan con barras fijas superiores que sirven como menú o mapa para no 
perderse entre tanto contenido
Flat Design 
Esta tendencia se puso de moda el 2013 y se continúa usando en el 2014. 
Se trata de páginas web con diseños planos, simples, sin brillos ni sombreados 
excesivos. El lema es “mucho significado con pocas palabras” 
Ancho de Pantalla 
La tendencia es que las webs aprovechen todo el espacio disponible de la pantalla, 
dejando de lado los tradicionales sitios de 960 pixeles de ancho (los que entraban en los 
antiguos monitores de tubo angostos) 
Tipografías Claras y Simples 
Aumenta el uso de las fuentes “sherif” y “sans-sherif” dejando de lado las tipografías más 
complejas para aplicarlas solo a contenidos que así lo requieran. 
Esta es una de las tendencias más claras no solo en diseño web sino en diseño en 
general. Se dejan de lado las sombras, texturas y volúmenes para intentar jugar con el 
protagonismo de las tipografías, elemento básico para dotar de originalidad un diseño 
minimalista. 
Fondos en Video 
Se está consolidando el uso de vídeos como fondo en las páginas web. 
Fotos de Background 
Esta tendencia comenzó el año pasado y aún se mantiene. Se usan páginas web con 
fotos importantes como fondo para captar la atención de los usuarios. 
Metro Grid 
Se trata de un diseño de web en bloques cuadrados y rectangulares. Éste permite que la 
información se vea ordenada, estructurada y que sea fácilmente adaptable a los 
dispositivos tañes como Smartphones y Tablets. 
Parallax
Es un efecto que se consigue al programar movimientos en diferentes capas y a 
diferentes velocidades. El efecto óptico que proporciona da mucho juego a nivel de 
diseño y de presentación de contenido. 
Advertencia de cookies 
Muchas empresas están optando por informar a sus usuarios del uso de cookies en su 
web. 
TENDENCIAS DE PROGRAMACIÓN 
Responsive Web Design 
Se avanza a diseñar de páginas web que se adapten a todos los dispositivos, 
Smartphones, Tablets, Monitores y Navegadores. 
HTLM5, CSS3 y Java Script 
El uso de los lenguajes HTLM, PHP, CSS y Java Script se ha mejorado con las nuevas 
actualizaciones y en particular se han ampliado sus posibilidades con la aparición del 
HTLM5, el CSS3 y la programación con Jquery, Ajax. En particular el HTLM5 permite 
desarrollar sitios más compatibles con dispositivos tales como Smartphones y Tablets. 
TENDENCIAS DE CONTENIDO 
Navegación no estándar 
Se trata de sitios web sin un menú de navegación de estructura fija y establecida de 
pestañas. En la navegación no estándar las opciones de navegación van apareciendo en 
la medida que uno se adentra en el contenido. 
Barra de navegación fija 
También se empezaron a implementar los menús de navegación fijos. Es decir, que se 
quedan visibles o escondidos en la parte superior o lateral de la pantalla para facilitar el 
acceso a las opciones de navegación del menú principal.
Botones más grandes 
La cantidad de usuarios que utilizan Smartphones y Tablets para navegar va en 
aumento, por ello está cobrando fuerza la tendencia de usar botones más grandes para 
que el usuario pueda navegar con mayor facilidad y sin necesidad de tener que hacer 
zoom para hacer click en los botones de la web. 
Marketing de contenidos 
El marketing de contenidos ya se pone en práctica en muchos diseños web desde hace 
años. Y este año se mantiene como un elemento relevante para cualquier web 
estratégicamente pensada para generar valor añadido. 
Social 
Desde que se inventaron las redes sociales que las páginas web de cualquier empresa, 
organización, etc. buscan la manera de socializar sus webs y adaptarlas y conjugarlas 
con las redes sociales. Por la tendencia es relacionar los sitios web con distintas redes 
que también permiten ampliar el espectro de posibles usuarios, tales como Google+, 
Facebook, LinkedIn y otras.

Más contenido relacionado

Destacado

Comedy sketches master edited
Comedy sketches master editedComedy sketches master edited
Comedy sketches master editedfaithej
 
Proper etiquette of the victorian era
Proper etiquette of the victorian eraProper etiquette of the victorian era
Proper etiquette of the victorian eracarissar123
 
Cga dissertation proposal
Cga dissertation proposalCga dissertation proposal
Cga dissertation proposal
nathanscrimshaw
 
Acta no. 4 (23 feb 2011)
Acta no. 4 (23 feb 2011)Acta no. 4 (23 feb 2011)
Acta no. 4 (23 feb 2011)
elotago
 
Carta al Presidente Nacional de Asemuch
Carta al Presidente Nacional de AsemuchCarta al Presidente Nacional de Asemuch
Carta al Presidente Nacional de Asemuch
Nelson Leiva®
 
Normas leyes de_la_pedagogia_infantil
Normas leyes de_la_pedagogia_infantilNormas leyes de_la_pedagogia_infantil
Normas leyes de_la_pedagogia_infantiljohnath2
 
Ponencia carlos bravo_iniciador_vigo_2010-10-14
Ponencia carlos bravo_iniciador_vigo_2010-10-14Ponencia carlos bravo_iniciador_vigo_2010-10-14
Ponencia carlos bravo_iniciador_vigo_2010-10-14
CoguanSL
 
M A N U A L D E L C O N D U C T O R V E N E Z O L A N O
M A N U A L D E L C O N D U C T O R V E N E Z O L A N OM A N U A L D E L C O N D U C T O R V E N E Z O L A N O
M A N U A L D E L C O N D U C T O R V E N E Z O L A N Omanita
 
Orm
OrmOrm
Tran thi kim oanh p point 1.09
Tran thi kim oanh p point 1.09Tran thi kim oanh p point 1.09
Tran thi kim oanh p point 1.09
Jaime Alfredo Cabrera
 
Student Photography Challenge F I N A L
Student  Photography  Challenge  F I N A LStudent  Photography  Challenge  F I N A L
Student Photography Challenge F I N A L
stojkovicd
 
Las elecciones presidenciales en Twitter, 2do WebinaliTIC
Las elecciones presidenciales en Twitter, 2do WebinaliTICLas elecciones presidenciales en Twitter, 2do WebinaliTIC
Las elecciones presidenciales en Twitter, 2do WebinaliTIC
AnaliTIC
 

Destacado (16)

Presentación1000 pericles
Presentación1000 periclesPresentación1000 pericles
Presentación1000 pericles
 
Comedy sketches master edited
Comedy sketches master editedComedy sketches master edited
Comedy sketches master edited
 
Proper etiquette of the victorian era
Proper etiquette of the victorian eraProper etiquette of the victorian era
Proper etiquette of the victorian era
 
Cga dissertation proposal
Cga dissertation proposalCga dissertation proposal
Cga dissertation proposal
 
Acta no. 4 (23 feb 2011)
Acta no. 4 (23 feb 2011)Acta no. 4 (23 feb 2011)
Acta no. 4 (23 feb 2011)
 
Abc de los gp
Abc de los gpAbc de los gp
Abc de los gp
 
Carta al Presidente Nacional de Asemuch
Carta al Presidente Nacional de AsemuchCarta al Presidente Nacional de Asemuch
Carta al Presidente Nacional de Asemuch
 
Normas leyes de_la_pedagogia_infantil
Normas leyes de_la_pedagogia_infantilNormas leyes de_la_pedagogia_infantil
Normas leyes de_la_pedagogia_infantil
 
Por
PorPor
Por
 
Ponencia carlos bravo_iniciador_vigo_2010-10-14
Ponencia carlos bravo_iniciador_vigo_2010-10-14Ponencia carlos bravo_iniciador_vigo_2010-10-14
Ponencia carlos bravo_iniciador_vigo_2010-10-14
 
M A N U A L D E L C O N D U C T O R V E N E Z O L A N O
M A N U A L D E L C O N D U C T O R V E N E Z O L A N OM A N U A L D E L C O N D U C T O R V E N E Z O L A N O
M A N U A L D E L C O N D U C T O R V E N E Z O L A N O
 
Gmat About
Gmat AboutGmat About
Gmat About
 
Orm
OrmOrm
Orm
 
Tran thi kim oanh p point 1.09
Tran thi kim oanh p point 1.09Tran thi kim oanh p point 1.09
Tran thi kim oanh p point 1.09
 
Student Photography Challenge F I N A L
Student  Photography  Challenge  F I N A LStudent  Photography  Challenge  F I N A L
Student Photography Challenge F I N A L
 
Las elecciones presidenciales en Twitter, 2do WebinaliTIC
Las elecciones presidenciales en Twitter, 2do WebinaliTICLas elecciones presidenciales en Twitter, 2do WebinaliTIC
Las elecciones presidenciales en Twitter, 2do WebinaliTIC
 

Similar a Tendencias en Diseño Web

Las Tendencias De Diseno Web Que Vamos a ver En dos mil quince
Las Tendencias De Diseno Web Que Vamos a ver En dos mil quince
Las Tendencias De Diseno Web Que Vamos a ver En dos mil quince
Las Tendencias De Diseno Web Que Vamos a ver En dos mil quince
longyoealfsftu
 
MAPAS CONCEPTUALES SOBRE DISEÑO DE PAGINAS WEB.pptx
MAPAS CONCEPTUALES SOBRE DISEÑO DE PAGINAS WEB.pptxMAPAS CONCEPTUALES SOBRE DISEÑO DE PAGINAS WEB.pptx
MAPAS CONCEPTUALES SOBRE DISEÑO DE PAGINAS WEB.pptx
JuanManuelMayaMeraz1
 
Diseño y web 2
Diseño y web 2Diseño y web 2
Diseño y web 2
stefany79841964
 
Consejos Prácticos para Mejorar tu Web y Vender Más
Consejos Prácticos para Mejorar tu Web y Vender MásConsejos Prácticos para Mejorar tu Web y Vender Más
Consejos Prácticos para Mejorar tu Web y Vender Más
Alojate.com
 
Claudio Adrian Natoli - Tendencias en el diseño web 2015
Claudio Adrian Natoli - Tendencias en el diseño web 2015Claudio Adrian Natoli - Tendencias en el diseño web 2015
Claudio Adrian Natoli - Tendencias en el diseño web 2015
Claudio Adrian Natoli Michieli
 
Tendencias en el diseño web 2015
Tendencias en el diseño web 2015Tendencias en el diseño web 2015
Tendencias en el diseño web 2015
Carlos "Strike" Heredia
 
Tendencias Front-end 2019
Tendencias Front-end 2019Tendencias Front-end 2019
Tendencias Front-end 2019
Juan Manuel Fernández Cuesta
 
Tendencias 2018 en Diseño Gráfico Web
Tendencias 2018 en Diseño Gráfico WebTendencias 2018 en Diseño Gráfico Web
Tendencias 2018 en Diseño Gráfico Web
Antoni
 
Unidad 2. Páginas Web
Unidad 2. Páginas WebUnidad 2. Páginas Web
Unidad 2. Páginas Web
Leidy Johanna Herrera Vidal
 
ing.software
ing.softwareing.software
ing.software
Enrique Reyes
 
Elementos básicos de un sitio web
Elementos básicos de un sitio webElementos básicos de un sitio web
Elementos básicos de un sitio web
Yadith Gomez Nolasco
 
Elementos básicos de un sitio web
Elementos básicos de un sitio webElementos básicos de un sitio web
Elementos básicos de un sitio web
Yadith Gomez Nolasco
 
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
 

Similar a Tendencias en Diseño Web (20)

Las Tendencias De Diseno Web Que Vamos a ver En dos mil quince
Las Tendencias De Diseno Web Que Vamos a ver En dos mil quince
Las Tendencias De Diseno Web Que Vamos a ver En dos mil quince
Las Tendencias De Diseno Web Que Vamos a ver En dos mil quince
 
MAPAS CONCEPTUALES SOBRE DISEÑO DE PAGINAS WEB.pptx
MAPAS CONCEPTUALES SOBRE DISEÑO DE PAGINAS WEB.pptxMAPAS CONCEPTUALES SOBRE DISEÑO DE PAGINAS WEB.pptx
MAPAS CONCEPTUALES SOBRE DISEÑO DE PAGINAS WEB.pptx
 
Que es un diseño web
Que es un diseño webQue es un diseño web
Que es un diseño web
 
Diseño y web 2
Diseño y web 2Diseño y web 2
Diseño y web 2
 
Wed
WedWed
Wed
 
Diseñowebs
DiseñowebsDiseñowebs
Diseñowebs
 
Diseñowebs
DiseñowebsDiseñowebs
Diseñowebs
 
Diseñowebs
DiseñowebsDiseñowebs
Diseñowebs
 
Consejos Prácticos para Mejorar tu Web y Vender Más
Consejos Prácticos para Mejorar tu Web y Vender MásConsejos Prácticos para Mejorar tu Web y Vender Más
Consejos Prácticos para Mejorar tu Web y Vender Más
 
Claudio Adrian Natoli - Tendencias en el diseño web 2015
Claudio Adrian Natoli - Tendencias en el diseño web 2015Claudio Adrian Natoli - Tendencias en el diseño web 2015
Claudio Adrian Natoli - Tendencias en el diseño web 2015
 
Tendencias en el diseño web 2015
Tendencias en el diseño web 2015Tendencias en el diseño web 2015
Tendencias en el diseño web 2015
 
Web 2
Web 2Web 2
Web 2
 
Tendencias Front-end 2019
Tendencias Front-end 2019Tendencias Front-end 2019
Tendencias Front-end 2019
 
Tendencias 2018 en Diseño Gráfico Web
Tendencias 2018 en Diseño Gráfico WebTendencias 2018 en Diseño Gráfico Web
Tendencias 2018 en Diseño Gráfico Web
 
Unidad 2. Páginas Web
Unidad 2. Páginas WebUnidad 2. Páginas Web
Unidad 2. Páginas Web
 
ing.software
ing.softwareing.software
ing.software
 
Elementos básicos de un sitio web
Elementos básicos de un sitio webElementos básicos de un sitio web
Elementos básicos de un sitio web
 
Elementos básicos de un sitio web
Elementos básicos de un sitio webElementos básicos de un sitio web
Elementos básicos de un sitio 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
 
La web 2
La web 2La web 2
La web 2
 

Más de Abel Alvarez

Solo estoy mirando cuántas cosas existen que yo no necesito para ser feliz
Solo estoy mirando cuántas cosas existen que yo no necesito para ser felizSolo estoy mirando cuántas cosas existen que yo no necesito para ser feliz
Solo estoy mirando cuántas cosas existen que yo no necesito para ser feliz
Abel Alvarez
 
Papelera de reciclaje en Android
Papelera de reciclaje en AndroidPapelera de reciclaje en Android
Papelera de reciclaje en Android
Abel Alvarez
 
Distribución del Poder Económico en la Ciudad de Buenos Aires
Distribución del Poder Económico en la Ciudad de Buenos AiresDistribución del Poder Económico en la Ciudad de Buenos Aires
Distribución del Poder Económico en la Ciudad de Buenos Aires
Abel Alvarez
 
Razones para tener un sitio web
Razones para tener un sitio webRazones para tener un sitio web
Razones para tener un sitio web
Abel Alvarez
 
Como mejorar sus Contraseñas
Como mejorar sus ContraseñasComo mejorar sus Contraseñas
Como mejorar sus Contraseñas
Abel Alvarez
 
Los 10 engaños mas comunes en Facebook
Los 10 engaños mas comunes en FacebookLos 10 engaños mas comunes en Facebook
Los 10 engaños mas comunes en Facebook
Abel Alvarez
 
Whatsapp: 10 Consejos
Whatsapp: 10 ConsejosWhatsapp: 10 Consejos
Whatsapp: 10 ConsejosAbel Alvarez
 
Consejos de Seguridad para Facebook
Consejos de Seguridad para FacebookConsejos de Seguridad para Facebook
Consejos de Seguridad para Facebook
Abel Alvarez
 
Robo del celular - que hacer
Robo del celular - que hacerRobo del celular - que hacer
Robo del celular - que hacer
Abel Alvarez
 
Problemas de memoria en smartphones
Problemas de memoria en smartphonesProblemas de memoria en smartphones
Problemas de memoria en smartphones
Abel Alvarez
 
ICQ
ICQICQ

Más de Abel Alvarez (11)

Solo estoy mirando cuántas cosas existen que yo no necesito para ser feliz
Solo estoy mirando cuántas cosas existen que yo no necesito para ser felizSolo estoy mirando cuántas cosas existen que yo no necesito para ser feliz
Solo estoy mirando cuántas cosas existen que yo no necesito para ser feliz
 
Papelera de reciclaje en Android
Papelera de reciclaje en AndroidPapelera de reciclaje en Android
Papelera de reciclaje en Android
 
Distribución del Poder Económico en la Ciudad de Buenos Aires
Distribución del Poder Económico en la Ciudad de Buenos AiresDistribución del Poder Económico en la Ciudad de Buenos Aires
Distribución del Poder Económico en la Ciudad de Buenos Aires
 
Razones para tener un sitio web
Razones para tener un sitio webRazones para tener un sitio web
Razones para tener un sitio web
 
Como mejorar sus Contraseñas
Como mejorar sus ContraseñasComo mejorar sus Contraseñas
Como mejorar sus Contraseñas
 
Los 10 engaños mas comunes en Facebook
Los 10 engaños mas comunes en FacebookLos 10 engaños mas comunes en Facebook
Los 10 engaños mas comunes en Facebook
 
Whatsapp: 10 Consejos
Whatsapp: 10 ConsejosWhatsapp: 10 Consejos
Whatsapp: 10 Consejos
 
Consejos de Seguridad para Facebook
Consejos de Seguridad para FacebookConsejos de Seguridad para Facebook
Consejos de Seguridad para Facebook
 
Robo del celular - que hacer
Robo del celular - que hacerRobo del celular - que hacer
Robo del celular - que hacer
 
Problemas de memoria en smartphones
Problemas de memoria en smartphonesProblemas de memoria en smartphones
Problemas de memoria en smartphones
 
ICQ
ICQICQ
ICQ
 

Último

fase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptxfase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptx
QuerubinOlayamedina
 
EduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptxEduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptx
Elizabeth Mejia
 
Los derechos de autor y Ética Profesional
Los derechos de autor y Ética ProfesionalLos derechos de autor y Ética Profesional
Los derechos de autor y Ética Profesional
bgonzalezm20
 
Sistemas-de-Numeración-para-Primero-de-Secundaria.doc
Sistemas-de-Numeración-para-Primero-de-Secundaria.docSistemas-de-Numeración-para-Primero-de-Secundaria.doc
Sistemas-de-Numeración-para-Primero-de-Secundaria.doc
LuisEnriqueCarboneDe
 
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIOFISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
DarwinNestorArapaQui
 
WordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPressWordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPress
Fernando Tellado
 
INSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA I
INSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA IINSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA I
INSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA I
CESAR MIJAEL ESPINOZA SALAZAR
 
Presentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivoPresentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivo
juanlemus11122
 
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASAEXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
Javier Lasa
 

Último (9)

fase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptxfase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptx
 
EduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptxEduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptx
 
Los derechos de autor y Ética Profesional
Los derechos de autor y Ética ProfesionalLos derechos de autor y Ética Profesional
Los derechos de autor y Ética Profesional
 
Sistemas-de-Numeración-para-Primero-de-Secundaria.doc
Sistemas-de-Numeración-para-Primero-de-Secundaria.docSistemas-de-Numeración-para-Primero-de-Secundaria.doc
Sistemas-de-Numeración-para-Primero-de-Secundaria.doc
 
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIOFISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
 
WordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPressWordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPress
 
INSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA I
INSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA IINSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA I
INSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA I
 
Presentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivoPresentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivo
 
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASAEXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
 

Tendencias en Diseño Web

  • 1. Si estás pensando en armar o rediseñar tu Sitio Web, a continuación describimos algunas de las nuevas tendencias de diseño y programación actuales. TENDENCIAS DE DISEÑO Simplicidad y Claridad La tendencia es diseñar sitios poco cargados visualmente, pero sin perder la personalidad y objetivos de los mismos, usando páginas menos comprimidas y con mejor uso de los espacios en blanco, tratando que la información e imágenes realmente aporten contenido. Se trata de desarrollar Sitios con Páginas claras y simples. Se usan fondos blancos que dan más contraste a los colores y claridad a los contenidos. Los colores y los iconos deben ser utilizados con moderación y sólo cuando es necesario para sugerir una acción o llamar la atención. One Page Design Están de moda las webs diseñadas en una sola página, sin pestañas, donde toda la información puede encontrarse toda en esa página. Mediante un menú fijo en la parte superior o lateral nos podemos desplazar a lo largo de las distintas secciones de la web, las que están todas en la misma página de inicio. Se complementan con barras fijas superiores que sirven como menú o mapa para no perderse entre tanto contenido
  • 2. Flat Design Esta tendencia se puso de moda el 2013 y se continúa usando en el 2014. Se trata de páginas web con diseños planos, simples, sin brillos ni sombreados excesivos. El lema es “mucho significado con pocas palabras” Ancho de Pantalla La tendencia es que las webs aprovechen todo el espacio disponible de la pantalla, dejando de lado los tradicionales sitios de 960 pixeles de ancho (los que entraban en los antiguos monitores de tubo angostos) Tipografías Claras y Simples Aumenta el uso de las fuentes “sherif” y “sans-sherif” dejando de lado las tipografías más complejas para aplicarlas solo a contenidos que así lo requieran. Esta es una de las tendencias más claras no solo en diseño web sino en diseño en general. Se dejan de lado las sombras, texturas y volúmenes para intentar jugar con el protagonismo de las tipografías, elemento básico para dotar de originalidad un diseño minimalista. Fondos en Video Se está consolidando el uso de vídeos como fondo en las páginas web. Fotos de Background Esta tendencia comenzó el año pasado y aún se mantiene. Se usan páginas web con fotos importantes como fondo para captar la atención de los usuarios. Metro Grid Se trata de un diseño de web en bloques cuadrados y rectangulares. Éste permite que la información se vea ordenada, estructurada y que sea fácilmente adaptable a los dispositivos tañes como Smartphones y Tablets. Parallax
  • 3. Es un efecto que se consigue al programar movimientos en diferentes capas y a diferentes velocidades. El efecto óptico que proporciona da mucho juego a nivel de diseño y de presentación de contenido. Advertencia de cookies Muchas empresas están optando por informar a sus usuarios del uso de cookies en su web. TENDENCIAS DE PROGRAMACIÓN Responsive Web Design Se avanza a diseñar de páginas web que se adapten a todos los dispositivos, Smartphones, Tablets, Monitores y Navegadores. HTLM5, CSS3 y Java Script El uso de los lenguajes HTLM, PHP, CSS y Java Script se ha mejorado con las nuevas actualizaciones y en particular se han ampliado sus posibilidades con la aparición del HTLM5, el CSS3 y la programación con Jquery, Ajax. En particular el HTLM5 permite desarrollar sitios más compatibles con dispositivos tales como Smartphones y Tablets. TENDENCIAS DE CONTENIDO Navegación no estándar Se trata de sitios web sin un menú de navegación de estructura fija y establecida de pestañas. En la navegación no estándar las opciones de navegación van apareciendo en la medida que uno se adentra en el contenido. Barra de navegación fija También se empezaron a implementar los menús de navegación fijos. Es decir, que se quedan visibles o escondidos en la parte superior o lateral de la pantalla para facilitar el acceso a las opciones de navegación del menú principal.
  • 4. Botones más grandes La cantidad de usuarios que utilizan Smartphones y Tablets para navegar va en aumento, por ello está cobrando fuerza la tendencia de usar botones más grandes para que el usuario pueda navegar con mayor facilidad y sin necesidad de tener que hacer zoom para hacer click en los botones de la web. Marketing de contenidos El marketing de contenidos ya se pone en práctica en muchos diseños web desde hace años. Y este año se mantiene como un elemento relevante para cualquier web estratégicamente pensada para generar valor añadido. Social Desde que se inventaron las redes sociales que las páginas web de cualquier empresa, organización, etc. buscan la manera de socializar sus webs y adaptarlas y conjugarlas con las redes sociales. Por la tendencia es relacionar los sitios web con distintas redes que también permiten ampliar el espectro de posibles usuarios, tales como Google+, Facebook, LinkedIn y otras.