SlideShare a Scribd company logo
1 of 5
UNIVERSIDAD NACIONAL JORGE BASADRE GROHMAN




                  INSTITUTO TECNOLOGICO PÚBLICO

        “FRANCISCO DE PAULA GONZALES VIGIL”
                     CURSO:

                            DISEÑO WEB

                               TEMA:

                     PAGINAS DISEÑO WEB
                             CICLO: V

                           PROFESOR:

                  Mgr. DAVID CAIPA MAMANI
                          TURNO:
                             NOCTURNO
                            ALUMNA:

                 YABAR HUMIRE, Celia         110066
TENDENCIAS EN DISEÑO
      WEB PARA EL 2013
Hoy en día, el mundo virtual y las tecnologías web se encuentran en una constante evolución.
Los diseñadores web debemos de intentar sacar el mayor provecho posible de estas nuevas
tendencias y adaptarlas a las necesidades de nuestros diseños web.

Nadie es adivino respecto al futuro de internet, y por eso debemos estar en permanente alerta
antes las últimas novedades de la red.
#1 - Diseño Web Responsive
El diseño web adaptativo (responsive) empezó a vislumbrarse en el 2012, pero es para este
año cuando va a ser casi de obligatorio cumplimiento (por el bien de nuestras páginas web). El
mercado no para de generar nuevos dispositivos móviles de distintos tamaños, pantallas y
resoluciones, que hacen que muchas páginas web no se vean correctamente en una gran
mayoría de estos dispositivos móviles.




Por lo que los nuevos diseños web, deberían de incluir esta nueva funcionalidad de adaptarse a
cualquier tamaño de pantalla del dispositivo, ya sea móvil o de escritorio (PCs). El
último desarrollo web realizado por nSOLVER cuenta ya con esta
funcionalidad: http://www.megarob.eu/

#2 - Tipografías en el diseño web
Hoy en día los diseñadores web disponemos de una gran cantidad y variedad de fuentes de
texto para diseñar páginas web. La decisión sobre que tipografía he de utilizar en el diseño de
una web, va a ir tomando cada día mas peso en el conjunto global del proyecto web. Leyendo
diferentes artículos por internet, se puede adivinar que el 2013 va a ser el año de la tipografía
para las páginas web. Los diseños web más creativos utilizarán la tipografía como una de sus
principales bases para eldesarrollo de esta.

#3 – Desplazamiento Vertical
La optimización de nuestras páginas web va a continuar siendo un factor predominante en el
futuro. Existen multitud depáginas web con desplazamiento (scrolling) tanto vertical como
horizontal, pero como consecuencia del creciente uso de dispositivos móviles para navegar en la
web, el scrolling vertical se convertirá en un factor predominante en el diseño de la web, ya que
resulta fácil de usar, es eficiente y permite una sencilla navegación en cualquier dispositivo móvil.
Además en este 2013, se espera el auge del desplazamiento conjunto de menús y botones, es
decir, cuando un usuario desplace la página web hacia abajo por medio del scroll, el menú
principal y/o botones se desplazarán con el al mismo tiempo, quedando siempre a la vista del
usuario e impidiendo que este tenga que regresar siempre a la parte superior del sitio web para
visualizar el menú y así poder cambiar fácilmente a otra página web del sitio.

4 – Diseño de Botones Grandes
Generalmente los botones grandes eran utilizados para fines decorativos en el diseño de
una página web, pero con la llegada de las pantallas táctiles, se espera que su uso se convierta
en una necesidad. Botones más grandes facilitarán el poder "tocarlos" mucho mejor, pero
repercutirá negativamente en la ralentización de la página web, ya que a mayor uso y tamaño,
también se necesitarán más y mayores imágenes para el diseño de estos.

5 – Adiós Flash, Bienvenido HTML5+CSS3
Adobe Flash dejó hace tiempo ya de ser la mejor opción para el diseño de animaciones de
páginas web (aunque todavía existen multitud de sitios web que hacen uso de Flash). Para el
2013 se espera que el número de diseño web realizados con Flash disminuyan drásticamente. El
hueco dejado por Adobe Flash será ocupado por HTML5, CSS3 y Javascript, que llegarán a ser
compatibles para todos los navegadores web y no requieren de ningún plug-in especial o
software de instalación.

6 – ParallaxScrolling
El 2013 verá un aumento del uso de efectos de scroll y profundidad a la hora de navegar en
una página web. Los diseñadores web tendrán la opción de controlar la profundidad de los
objetos dentro del sitio web. El efecto "ParallaxScrolling" se produce cuando diferentes objetos
en 2D se colocan en capas diferentes y estos se desplazan en la misma dirección, pero a
diferentes velocidades, dando la sensación de un espacio tridimensional (a pesar de que los
gráficos son en 2D).

Revolución en la creación de animaciones en 3D para webs
        El desarrollo de un nuevo lenguaje de descripción para gráficos animados en 3d
        promete revolucionar la animación digital para webs, poniendo al alcance de
        cualquiera lo que hasta no mucho tiempo atrás exigía amplios conocimientos técnicos
        y una dedicación considerable.
En las pruebas iniciales con usuarios, se ha comprobado, por ejemplo, que un gráfico animado
más que aceptable puede ser confeccionado por un adolescente en no más de dos horas y
habiendo leído sólo brevemente las instrucciones de uso de ese lenguaje de descripción.

"xflow", que es como se llama este nuevo lenguaje de descripción, ha sido desarrollado por el
equipo de felixklein y philippslusallek, de la universidad de saarland en alemania.

xflow no sólo permite describir más fácilmente estas animaciones con apariencia tridimensional,
sino que también hace que los datos requeridos sean procesados eficientemente por la unidad
central de procesamiento y por el procesador gráfico, en el ordenador del usuario. gracias a eso,
la animación se ejecuta fluidamente en el navegador




en su apariencia, xflow se asemeja a los lenguajes html y javascript.

Con javascript, es posible describir datos tridimensionales; sin embargo los datos
necesarios para ello no pueden ser computados de manera fácil y eficiente en paralelo.
En cambio, xflow permite automáticamente la así llamada paralelización, debido a su
       estructura.

       Mediante la definición de una amplia gama de componentes pequeños, llamados
       operadores, xflow permite crear con gran facilidad animaciones complejas.

Todo lo que necesitas para posicionar tu negocio en la Red
Aunque parezca mentira todavía existen muchas pequeñas empresas que no disponen de una
página web. Ya sea por falta de tiempo, conocimientos o tradición, muchas pymes no
disponen de su espacio en Internet. No obstante, si estás en esta situación y crees que es el
momento de cambiar, estás en el lugar adecuado.

Son esta ocasión nuestros compañeros de MuyCanal los que quieren ayudar a aquellos que
están a punto de comenzar su proyecto web empresarial y darles los primeros
consejos antes de empezar. Por este motivo han creado un estupendo especial en el que
repasan aspectos claves en terrenos como el hosting, el contenido de la web, el diseño, la
usabilidad, la adaptación a terminales móviles, el SEO y las redes sociales.

More Related Content

What's hot

Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos
Los page builders en WordPress: qué son, y como usarlos para diseñar contenidosLos page builders en WordPress: qué son, y como usarlos para diseñar contenidos
Los page builders en WordPress: qué son, y como usarlos para diseñar contenidosManuel Vicedo
 
Magia con Drupal
Magia con DrupalMagia con Drupal
Magia con Drupalmbavio
 
Las 5 Reglas de Oro del Diseño Web Responsive
Las 5 Reglas de Oro del Diseño Web ResponsiveLas 5 Reglas de Oro del Diseño Web Responsive
Las 5 Reglas de Oro del Diseño Web ResponsiveAntonRoMX
 
Blogs, Redes Sociales y el Diseño actual SMCMX
Blogs, Redes Sociales y el Diseño actual SMCMXBlogs, Redes Sociales y el Diseño actual SMCMX
Blogs, Redes Sociales y el Diseño actual SMCMXAdan Avelar
 
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
 
Conviértete en un desarrollador web front-end
Conviértete en un desarrollador web front-endConviértete en un desarrollador web front-end
Conviértete en un desarrollador web front-endvideo2brain_mx
 
Informe de informatica
Informe de informaticaInforme de informatica
Informe de informaticaalejocacciali
 

What's hot (15)

Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos
Los page builders en WordPress: qué son, y como usarlos para diseñar contenidosLos page builders en WordPress: qué son, y como usarlos para diseñar contenidos
Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos
 
Weebly
WeeblyWeebly
Weebly
 
Gestores de contenido
Gestores de contenidoGestores de contenido
Gestores de contenido
 
Pipe (1)
Pipe (1)Pipe (1)
Pipe (1)
 
Magia con Drupal
Magia con DrupalMagia con Drupal
Magia con Drupal
 
Las 5 Reglas de Oro del Diseño Web Responsive
Las 5 Reglas de Oro del Diseño Web ResponsiveLas 5 Reglas de Oro del Diseño Web Responsive
Las 5 Reglas de Oro del Diseño Web Responsive
 
Blogs, Redes Sociales y el Diseño actual SMCMX
Blogs, Redes Sociales y el Diseño actual SMCMXBlogs, Redes Sociales y el Diseño actual SMCMX
Blogs, Redes Sociales y el Diseño actual SMCMX
 
Tecnología e informática
Tecnología e informáticaTecnología e informática
Tecnología e informática
 
Tecnología e informática
Tecnología e informáticaTecnología e informática
Tecnología e informática
 
Tus mejores disenos web
Tus mejores disenos webTus mejores disenos web
Tus mejores disenos 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
 
Conviértete en un desarrollador web front-end
Conviértete en un desarrollador web front-endConviértete en un desarrollador web front-end
Conviértete en un desarrollador web front-end
 
Consejos clave para_crear_proyectos_web
Consejos clave para_crear_proyectos_webConsejos clave para_crear_proyectos_web
Consejos clave para_crear_proyectos_web
 
Informe de informatica
Informe de informaticaInforme de informatica
Informe de informatica
 
Sistemas tarea
Sistemas tareaSistemas tarea
Sistemas tarea
 

Viewers also liked

Viewers also liked (20)

E&G über die Chancen von Kunst als alternatives Investment: Günstige Vorausse...
E&G über die Chancen von Kunst als alternatives Investment: Günstige Vorausse...E&G über die Chancen von Kunst als alternatives Investment: Günstige Vorausse...
E&G über die Chancen von Kunst als alternatives Investment: Günstige Vorausse...
 
Rubric[1]
Rubric[1]Rubric[1]
Rubric[1]
 
Estadistica CV
Estadistica CVEstadistica CV
Estadistica CV
 
Minuta noviembre 2011
Minuta noviembre 2011Minuta noviembre 2011
Minuta noviembre 2011
 
nikhil resume pdf
nikhil resume pdfnikhil resume pdf
nikhil resume pdf
 
Consulta de blog y wiki
Consulta de blog y wikiConsulta de blog y wiki
Consulta de blog y wiki
 
J^0J S1C
J^0J S1CJ^0J S1C
J^0J S1C
 
Tecnología Educativa E_S_S_K_T_G
Tecnología Educativa E_S_S_K_T_GTecnología Educativa E_S_S_K_T_G
Tecnología Educativa E_S_S_K_T_G
 
Presentación12
Presentación12Presentación12
Presentación12
 
laboratorium
laboratoriumlaboratorium
laboratorium
 
Trabajo colaborativo h.i
Trabajo colaborativo h.iTrabajo colaborativo h.i
Trabajo colaborativo h.i
 
Ley del libro peruano
Ley del libro peruanoLey del libro peruano
Ley del libro peruano
 
Calendario provisional usc
Calendario provisional uscCalendario provisional usc
Calendario provisional usc
 
Maria Lara_Negociacion
Maria Lara_NegociacionMaria Lara_Negociacion
Maria Lara_Negociacion
 
Presentacion final
Presentacion finalPresentacion final
Presentacion final
 
Sacramento del matrimonio
Sacramento del matrimonioSacramento del matrimonio
Sacramento del matrimonio
 
Consumo electrico
Consumo electricoConsumo electrico
Consumo electrico
 
Límite de prazas e requisitos de admisión nos másteres curso 2015 - 2016
Límite de prazas e requisitos de admisión nos másteres curso 2015 - 2016Límite de prazas e requisitos de admisión nos másteres curso 2015 - 2016
Límite de prazas e requisitos de admisión nos másteres curso 2015 - 2016
 
Libro de Geometría
Libro de GeometríaLibro de Geometría
Libro de Geometría
 
Pronombres
PronombresPronombres
Pronombres
 

Similar to TENDENCIAS DISEÑO WEB 2013

Similar to TENDENCIAS DISEÑO WEB 2013 (20)

Que es un diseño web
Que es un diseño webQue es un diseño web
Que es un diseño web
 
Diferencias Entre El Diseño Web Adaptativo Y Responsive
Diferencias Entre El Diseño Web Adaptativo Y Responsive
Diferencias Entre El Diseño Web Adaptativo Y Responsive
Diferencias Entre El Diseño Web Adaptativo Y Responsive
 
Ensayo
EnsayoEnsayo
Ensayo
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
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
 
Responsive web design
Responsive web designResponsive web design
Responsive web design
 
El gran diseño web (ensayo)
El gran diseño web (ensayo)El gran diseño web (ensayo)
El gran diseño web (ensayo)
 
Diseño y web 2
Diseño y web 2Diseño y web 2
Diseño y web 2
 
ing.software
ing.softwareing.software
ing.software
 
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
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas web
 
Web 6 credito
Web 6 creditoWeb 6 credito
Web 6 credito
 
Historia de diseño web
Historia de diseño webHistoria de diseño web
Historia de diseño web
 
Diseno web
Diseno webDiseno web
Diseno web
 
Responsive Web Design: reinventando el diseño web
Responsive Web Design: reinventando el diseño webResponsive Web Design: reinventando el diseño web
Responsive Web Design: reinventando el diseño web
 
Ariel beitia
Ariel beitiaAriel beitia
Ariel beitia
 
Articulo (Responsive Web Desing)
Articulo (Responsive Web Desing)Articulo (Responsive Web Desing)
Articulo (Responsive Web Desing)
 
Examen Diseño de página de Banco
Examen Diseño de página de BancoExamen Diseño de página de Banco
Examen Diseño de página de Banco
 
Diseño de web
Diseño de webDiseño de web
Diseño de web
 

TENDENCIAS DISEÑO WEB 2013

  • 1. UNIVERSIDAD NACIONAL JORGE BASADRE GROHMAN INSTITUTO TECNOLOGICO PÚBLICO “FRANCISCO DE PAULA GONZALES VIGIL” CURSO: DISEÑO WEB TEMA: PAGINAS DISEÑO WEB CICLO: V PROFESOR: Mgr. DAVID CAIPA MAMANI TURNO: NOCTURNO ALUMNA:  YABAR HUMIRE, Celia 110066
  • 2. TENDENCIAS EN DISEÑO WEB PARA EL 2013 Hoy en día, el mundo virtual y las tecnologías web se encuentran en una constante evolución. Los diseñadores web debemos de intentar sacar el mayor provecho posible de estas nuevas tendencias y adaptarlas a las necesidades de nuestros diseños web. Nadie es adivino respecto al futuro de internet, y por eso debemos estar en permanente alerta antes las últimas novedades de la red. #1 - Diseño Web Responsive El diseño web adaptativo (responsive) empezó a vislumbrarse en el 2012, pero es para este año cuando va a ser casi de obligatorio cumplimiento (por el bien de nuestras páginas web). El mercado no para de generar nuevos dispositivos móviles de distintos tamaños, pantallas y resoluciones, que hacen que muchas páginas web no se vean correctamente en una gran mayoría de estos dispositivos móviles. Por lo que los nuevos diseños web, deberían de incluir esta nueva funcionalidad de adaptarse a cualquier tamaño de pantalla del dispositivo, ya sea móvil o de escritorio (PCs). El último desarrollo web realizado por nSOLVER cuenta ya con esta funcionalidad: http://www.megarob.eu/ #2 - Tipografías en el diseño web Hoy en día los diseñadores web disponemos de una gran cantidad y variedad de fuentes de texto para diseñar páginas web. La decisión sobre que tipografía he de utilizar en el diseño de una web, va a ir tomando cada día mas peso en el conjunto global del proyecto web. Leyendo diferentes artículos por internet, se puede adivinar que el 2013 va a ser el año de la tipografía para las páginas web. Los diseños web más creativos utilizarán la tipografía como una de sus principales bases para eldesarrollo de esta. #3 – Desplazamiento Vertical La optimización de nuestras páginas web va a continuar siendo un factor predominante en el futuro. Existen multitud depáginas web con desplazamiento (scrolling) tanto vertical como horizontal, pero como consecuencia del creciente uso de dispositivos móviles para navegar en la web, el scrolling vertical se convertirá en un factor predominante en el diseño de la web, ya que resulta fácil de usar, es eficiente y permite una sencilla navegación en cualquier dispositivo móvil.
  • 3. Además en este 2013, se espera el auge del desplazamiento conjunto de menús y botones, es decir, cuando un usuario desplace la página web hacia abajo por medio del scroll, el menú principal y/o botones se desplazarán con el al mismo tiempo, quedando siempre a la vista del usuario e impidiendo que este tenga que regresar siempre a la parte superior del sitio web para visualizar el menú y así poder cambiar fácilmente a otra página web del sitio. 4 – Diseño de Botones Grandes Generalmente los botones grandes eran utilizados para fines decorativos en el diseño de una página web, pero con la llegada de las pantallas táctiles, se espera que su uso se convierta en una necesidad. Botones más grandes facilitarán el poder "tocarlos" mucho mejor, pero repercutirá negativamente en la ralentización de la página web, ya que a mayor uso y tamaño, también se necesitarán más y mayores imágenes para el diseño de estos. 5 – Adiós Flash, Bienvenido HTML5+CSS3 Adobe Flash dejó hace tiempo ya de ser la mejor opción para el diseño de animaciones de páginas web (aunque todavía existen multitud de sitios web que hacen uso de Flash). Para el 2013 se espera que el número de diseño web realizados con Flash disminuyan drásticamente. El hueco dejado por Adobe Flash será ocupado por HTML5, CSS3 y Javascript, que llegarán a ser compatibles para todos los navegadores web y no requieren de ningún plug-in especial o software de instalación. 6 – ParallaxScrolling El 2013 verá un aumento del uso de efectos de scroll y profundidad a la hora de navegar en una página web. Los diseñadores web tendrán la opción de controlar la profundidad de los objetos dentro del sitio web. El efecto "ParallaxScrolling" se produce cuando diferentes objetos en 2D se colocan en capas diferentes y estos se desplazan en la misma dirección, pero a diferentes velocidades, dando la sensación de un espacio tridimensional (a pesar de que los gráficos son en 2D). Revolución en la creación de animaciones en 3D para webs El desarrollo de un nuevo lenguaje de descripción para gráficos animados en 3d promete revolucionar la animación digital para webs, poniendo al alcance de cualquiera lo que hasta no mucho tiempo atrás exigía amplios conocimientos técnicos y una dedicación considerable.
  • 4. En las pruebas iniciales con usuarios, se ha comprobado, por ejemplo, que un gráfico animado más que aceptable puede ser confeccionado por un adolescente en no más de dos horas y habiendo leído sólo brevemente las instrucciones de uso de ese lenguaje de descripción. "xflow", que es como se llama este nuevo lenguaje de descripción, ha sido desarrollado por el equipo de felixklein y philippslusallek, de la universidad de saarland en alemania. xflow no sólo permite describir más fácilmente estas animaciones con apariencia tridimensional, sino que también hace que los datos requeridos sean procesados eficientemente por la unidad central de procesamiento y por el procesador gráfico, en el ordenador del usuario. gracias a eso, la animación se ejecuta fluidamente en el navegador en su apariencia, xflow se asemeja a los lenguajes html y javascript. Con javascript, es posible describir datos tridimensionales; sin embargo los datos necesarios para ello no pueden ser computados de manera fácil y eficiente en paralelo.
  • 5. En cambio, xflow permite automáticamente la así llamada paralelización, debido a su estructura. Mediante la definición de una amplia gama de componentes pequeños, llamados operadores, xflow permite crear con gran facilidad animaciones complejas. Todo lo que necesitas para posicionar tu negocio en la Red Aunque parezca mentira todavía existen muchas pequeñas empresas que no disponen de una página web. Ya sea por falta de tiempo, conocimientos o tradición, muchas pymes no disponen de su espacio en Internet. No obstante, si estás en esta situación y crees que es el momento de cambiar, estás en el lugar adecuado. Son esta ocasión nuestros compañeros de MuyCanal los que quieren ayudar a aquellos que están a punto de comenzar su proyecto web empresarial y darles los primeros consejos antes de empezar. Por este motivo han creado un estupendo especial en el que repasan aspectos claves en terrenos como el hosting, el contenido de la web, el diseño, la usabilidad, la adaptación a terminales móviles, el SEO y las redes sociales.