SlideShare a Scribd company logo
1 of 4
Download to read offline
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.

More Related Content

Viewers also liked

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 proposalnathanscrimshaw
 
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 AsemuchNelson 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-14CoguanSL
 
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
 
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 Lstojkovicd
 
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 WebinaliTICAnaliTIC
 

Viewers also liked (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 to 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
 
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ásAlojate.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 2015Claudio Adrian Natoli Michieli
 
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 WebAntoni
 
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 webYadith 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 webYadith 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 marcasJomicast
 
Diseño web Flat Desing, tendencia y controversia
Diseño web Flat Desing, tendencia y controversiaDiseño web Flat Desing, tendencia y controversia
Diseño web Flat Desing, tendencia y controversiaDevService
 

Similar to 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
 
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
 
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
 
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
 
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
 
Diseño web Flat Desing, tendencia y controversia
Diseño web Flat Desing, tendencia y controversiaDiseño web Flat Desing, tendencia y controversia
Diseño web Flat Desing, tendencia y controversia
 

More from 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 felizAbel Alvarez
 
Papelera de reciclaje en Android
Papelera de reciclaje en AndroidPapelera de reciclaje en Android
Papelera de reciclaje en AndroidAbel 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 AiresAbel Alvarez
 
Razones para tener un sitio web
Razones para tener un sitio webRazones para tener un sitio web
Razones para tener un sitio webAbel Alvarez
 
Como mejorar sus Contraseñas
Como mejorar sus ContraseñasComo mejorar sus Contraseñas
Como mejorar sus ContraseñasAbel 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 FacebookAbel 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 FacebookAbel Alvarez
 
Robo del celular - que hacer
Robo del celular - que hacerRobo del celular - que hacer
Robo del celular - que hacerAbel Alvarez
 
Problemas de memoria en smartphones
Problemas de memoria en smartphonesProblemas de memoria en smartphones
Problemas de memoria en smartphonesAbel Alvarez
 

More from 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
 

Recently uploaded

que es Planimetría definición importancia en topografia.pptx
que es Planimetría definición importancia en topografia.pptxque es Planimetría definición importancia en topografia.pptx
que es Planimetría definición importancia en topografia.pptxmrzreyes12
 
ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.
ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.
ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.Aldo Fernandez
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx241532171
 
El uso de las tic en la vida continúa , ambiente positivo y negativo.
El uso de las tic  en la vida continúa , ambiente positivo y negativo.El uso de las tic  en la vida continúa , ambiente positivo y negativo.
El uso de las tic en la vida continúa , ambiente positivo y negativo.ayalayenifer617
 
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfFLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfYuriFuentesMartinez2
 
Practica guiada Menu_ tecnología (Tic's)
Practica guiada Menu_ tecnología (Tic's)Practica guiada Menu_ tecnología (Tic's)
Practica guiada Menu_ tecnología (Tic's)BrianaFrancisco
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdfFernandaHernandez312615
 
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIAFisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIAcoloncopias5
 
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptxCamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptx241518192
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxssuser61dda7
 
Producto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptxProducto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptx46828205
 
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULDGRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULDLeslie Villar
 
Tema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptxTema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptxchinojosa17
 
GRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptxGRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptxNicolas Villarroel
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdfFAUSTODANILOCRUZCAST
 

Recently uploaded (16)

que es Planimetría definición importancia en topografia.pptx
que es Planimetría definición importancia en topografia.pptxque es Planimetría definición importancia en topografia.pptx
que es Planimetría definición importancia en topografia.pptx
 
ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.
ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.
ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
 
El uso de las tic en la vida continúa , ambiente positivo y negativo.
El uso de las tic  en la vida continúa , ambiente positivo y negativo.El uso de las tic  en la vida continúa , ambiente positivo y negativo.
El uso de las tic en la vida continúa , ambiente positivo y negativo.
 
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfFLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
 
Practica guiada Menu_ tecnología (Tic's)
Practica guiada Menu_ tecnología (Tic's)Practica guiada Menu_ tecnología (Tic's)
Practica guiada Menu_ tecnología (Tic's)
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
 
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIAFisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIA
 
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptxCamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
 
Producto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptxProducto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptx
 
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULDGRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
 
Tema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptxTema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptx
 
GRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptxGRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptx
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdf
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdf
 

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.