![\"disseny](\"http:\/\/www.weweb.cat\/wp-content\/uploads\/2015\/09\/disseny-web-2016-17.jpg\")
<\/p>\n[et_pb_section admin_label=\u00bbsection\u00bb background_image=\u00bbhttp:\/\/www.weweb.cat\/wp-content\/uploads\/2016\/01\/bg-header.jpg\u00bb transparent_background=\u00bboff\u00bb allow_player_pause=\u00bboff\u00bb inner_shadow=\u00bboff\u00bb parallax=\u00bboff\u00bb parallax_method=\u00bboff\u00bb padding_mobile=\u00bboff\u00bb make_fullwidth=\u00bboff\u00bb use_custom_width=\u00bboff\u00bb width_unit=\u00bbon\u00bb make_equal=\u00bboff\u00bb use_custom_gutter=\u00bboff\u00bb gutter_width=\u00bb3″ custom_css_main_element=\u00bbposition:absolute;||top:0;||left:0;||margin-top:0;||margin-left:0;||width:100%;||height:100px;\u00bb][et_pb_row admin_label=\u00bbrow\u00bb][et_pb_column type=\u00bb4_4″][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section admin_label=\u00bbSection\u00bb fullwidth=\u00bboff\u00bb specialty=\u00bboff\u00bb][et_pb_row admin_label=\u00bbRow\u00bb][et_pb_column type=\u00bb3_4″][et_pb_text admin_label=\u00bbText\u00bb background_layout=\u00bblight\u00bb text_orientation=\u00bbleft\u00bb use_border_color=\u00bboff\u00bb border_color=\u00bb#ffffff\u00bb border_style=\u00bbsolid\u00bb]<\/p>\n
<\/p>\n
El dise\u00f1o de p\u00e1ginas web evoluciona y mejora muy r\u00e1pidamente. Es sorprendente el progreso que ha habido en los \u00faltimos a\u00f1os en muchos aspectos de dise\u00f1o y usabilidad. Ahora ya se est\u00e1 hablando sobre cu\u00e1les ser\u00e1n las nuevas tendencias<\/strong> y se predicen nuevos aspectos que destacar\u00e1n<\/strong>.<\/p>\n Posiblemente, los aspectos que m\u00e1s han sobresalido los dos \u00faltimos a\u00f1os<\/strong> han sido las p\u00e1ginas web responsivas<\/strong><\/a> y el Flat Design<\/strong><\/i><\/a>. Podemos ver c\u00f3mo los themes<\/i> de WordPress han evolucionado en esta direcci\u00f3n y han sido claros influenciadores de lo que ha sucedido.<\/p>\n Antes de realizar una nueva p\u00e1gina web<\/a>, deber\u00edamos tener en cuenta cu\u00e1les ser\u00e1n las futuras tendencias y no dejar de lado aspectos que ya se han vuelto imprescindibles<\/strong> como: dise\u00f1o web responsive<\/i>, im\u00e1genes adaptadas a pantallas de retina, uso de tipograf\u00edas con aspecto moderno, no tener miedo del uso del scroll vertical y la integraci\u00f3n de las redes sociales en la p\u00e1gina web.<\/p>\n Si tienes pensado crear o renovar tu p\u00e1gina web, te interesar\u00e1 saber qu\u00e9 elementos, t\u00e9cnicas o estrategias se postulan como tendencias de cara a los pr\u00f3ximos a\u00f1os<\/strong>, ya que tal vez puedes utilizar o incorporar alguno.<\/p>\n Uno de los puntos m\u00e1s desfavorables en los \u00faltimos a\u00f1os ha sido la adopci\u00f3n de un mismo patr\u00f3n a la hora de dise\u00f1o una p\u00e1gina web, siendo muy complicado salirse y poder ser original sin hacer un desastre. Posiblemente, los themes de WordPress y el uso mayoritario de este CMS pueden haber hecho da\u00f1o en este aspecto, ya que muchos themes son pr\u00e1cticamente id\u00e9nticos de estructura.<\/p>\n Todav\u00eda no se sabe qu\u00e9 direcci\u00f3n tomar\u00e1 todo esto, pero s\u00ed parece que aumentar\u00e1n los elementos, dibujos y gr\u00e1ficos personalizados con animaciones<\/strong>, posiblemente desarrolladas con CSS3, HTML5 y JS, pero quedamos a la espera tambi\u00e9n de nuevas librer\u00edas o tecnolog\u00edas.<\/p>\n Como hemos dicho antes, el Flat Design<\/i> ha destacado mucho entre las p\u00e1ginas web de los dos \u00faltimos a\u00f1os. Todo parece indicar que se seguir\u00e1 utilizando y mucho, pero con cierta tendencia hacia los gradientes, sombreados, movimientos o simular capas en 3D<\/strong>.<\/p>\n Esto se debe a que el Flat Design<\/i> es perfecto para la navegaci\u00f3n con dispositivos m\u00f3viles, pero, con tanta simplicidad, quiz\u00e1s se ha dejado de lado al usuario que navega desde pantallas m\u00e1s grandes.<\/p>\n Te habr\u00e1s fijado que, hoy en d\u00eda, en muchas p\u00e1ginas web tienes que hacer scroll<\/i> vertical para llegar al contenido que buscas. Pues bien, esta tendencia continuar\u00e1 y posiblemente vaya en aumento. Adem\u00e1s, es posible hacer peque\u00f1as animaciones con el uso de CSS3, HTML5 y JS seg\u00fan el desplazamiento.<\/p>\n La causa de esta tendencia es que si navegas a trav\u00e9s de un dispositivo m\u00f3vil, cuesta menos acceder haciendo scroll<\/i> vertical que no buscar y pulsar un bot\u00f3n. Adem\u00e1s, si navegas usando un ordenador tampoco tienes ning\u00fan problema en utilizar la rueda del rat\u00f3n.<\/p>\n De este modo, es posible tambi\u00e9n que las p\u00e1ginas web del tipo OnePage<\/i> perduren los pr\u00f3ximos a\u00f1os: m\u00e1s scroll<\/i> vertical y menos clics<\/strong>.<\/p>\n Es posible que la p\u00e1gina de inicio en particular o alguna otra p\u00e1gina interna, tenga peque\u00f1os elementos de interacci\u00f3n y posiblemente de animaci\u00f3n<\/strong>. Por ejemplo, un bot\u00f3n de registro de usuarios que modifique la p\u00e1gina con un nuevo dise\u00f1o, un producto en oferta que si lo clicas te muestra de golpe informaci\u00f3n relacionada con el producto, un peque\u00f1o bot\u00f3n para darte de alta a la newsletter<\/i> que hace alg\u00fan efecto al pulsarlo, etc ..<\/p>\n Gracias a magn\u00edficas herramientas como Google Fonts<\/strong><\/i><\/a>, el dise\u00f1o de las p\u00e1ginas web ha mejorado sensiblemente en los \u00faltimos a\u00f1os, ya que dispones de m\u00e1s tipograf\u00edas y no tienes que conformarte con la Arial, Verdana o Tahoma.<\/p>\n De este modo, ahora tenemos infinidad de posibilidades a la hora de escoger las tipograf\u00edas<\/strong> y los tama\u00f1os de letra para nuestra p\u00e1gina web, y no podemos fallar en la elecci\u00f3n<\/a><\/strong>. Es un aspecto clave<\/strong> a la hora de determinar la calidad y el impacto de nuestra p\u00e1gina web en la red. [\/et_pb_text][\/et_pb_column][et_pb_column type=\u00bb1_4″][et_pb_sidebar admin_label=\u00bbSidebar\u00bb orientation=\u00bbright\u00bb area=\u00bbsidebar-1″ background_layout=\u00bblight\u00bb remove_border=\u00bboff\u00bb header_font_size=\u00bb18″ body_font_size=\u00bb14″] [\/et_pb_sidebar][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n\u00c9nfasis a la originalidad<\/h3>\n
Evoluci\u00f3n del Flat Design<\/h3>\n
Scroll vertical largo<\/h3>\n
Experiencias cortas<\/h3>\n
La importancia de la tipograf\u00eda<\/h3>\n
\nEstos son los puntos m\u00e1s relevantes<\/strong> de lo que se espera del dise\u00f1o web en los pr\u00f3ximos a\u00f1os. Sin embargo, como este mundo evoluciona tan r\u00e1pido, es posible que nos sorprenda alguna nueva idea o t\u00e9cnica<\/strong> que ahora ni siquiera nos planteamos.<\/p>\n