![\"Disseny](\"http:\/\/www.weweb.cat\/wp-content\/uploads\/2013\/02\/tv-safety.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
Estos d\u00edas podemos encontrar en varias p\u00e1ginas web y blogs especializados (designrfix.com<\/a>, hongkiat.com<\/a> …) art\u00edculos sobre c\u00f3mo ser\u00e1n los dise\u00f1os web este 2013<\/strong>. Intentaremos explicar cu\u00e1les son los aspectos o elementos que destacar\u00e1n y se consolidar\u00e1n este a\u00f1o.<\/p>\n Dise\u00f1o web preparado para que los usuarios, desde cualquier dispositivo, puedan acceder y visualizar con la misma calidad una p\u00e1gina web.<\/p>\n Escoger las fuentes que mejor se adapten a la imagen de la p\u00e1gina web. Debemos dejar de utilizar im\u00e1genes que sustituyen a t\u00edtulos, y utilizar herramientas como Google Web Fonts<\/a> o Cuf\u00f3n<\/a>. Tampoco hay que tener miedo a utilizar tama\u00f1os de letra relativamente grandes (16px\/18px) para el contenido de la p\u00e1gina web.<\/p>\n Dise\u00f1o web con largos scrolls verticales y dejar de lado posibles scrolls horizontales. Aumentar\u00e1 el uso de men\u00fas de navegaci\u00f3n o botones fijos en la parte superior o lateral de la p\u00e1gina web.<\/p>\n Tambi\u00e9n crecer\u00e1 el uso del efecto Parallax, es decir, efectos y movimientos que se aplican sobre elementos de la p\u00e1gina web al hacer uso del scroll.<\/p>\n Uso de botones grandes, que llamen la atenci\u00f3n, para facilitar el click desde un smartphone. No es s\u00f3lo un aspecto visual, sino una caracter\u00edstica funcional.<\/p>\n El fondo de la p\u00e1gina web tender\u00e1 a ocupar la pantalla completa, ya sea con un elemento repetitivo o con fotograf\u00edas o im\u00e1genes grandes de buena calidad que se adapten al tama\u00f1o de la ventana del navegador.<\/p>\n Integraci\u00f3n de los botones sociales para que los usuarios puedan compartir de manera sencilla y r\u00e1pida nuestras p\u00e1ginas web a las redes sociales, como Facebook, Twitter o Pinterest.<\/p>\n Uso de transparencias a aquellas capas que creemos conveniente, utilizando la opacidad que nos proporciona el CSS3.<\/p>\n La tecnolog\u00eda Flash ya no forma parte de ninguna lista de tendencias de dise\u00f1o web de los \u00faltimos a\u00f1os y, ahora m\u00e1s que nunca, con la implantaci\u00f3n del HTML5 y CSS3. Con HTML5 y CSS3 podemos crear p\u00e1ginas web con algunos efectos y movimientos, visibles desde cualquier dispositivo u ordenador, sin largos per\u00edodos de espera por parte de los usuarios.<\/p>\n No s\u00f3lo encontraremos estos 8 aspectos que hemos comentado, tambi\u00e9n hay otros que ya en los \u00faltimos a\u00f1os se han implantado y seguir\u00e1n siendo importantes: slideshows con fotograf\u00edas, uso de elementos redondeados, mostrar im\u00e1genes o contenido utilizando Lightbox o similares, v\u00eddeos incrustados en la p\u00e1gina web …<\/p>\n Vistos todos estos puntos, no es dif\u00edcil concluir que todos estos aspectos ayudan a mejorar la usabilidad de la p\u00e1gina web<\/strong>. De este modo, el objetivo debe ser mejorar la facilidad de uso de cualquier p\u00e1gina web que realizamos. Los dise\u00f1adores de p\u00e1ginas web debemos pensar siempre en el usuario final a la hora de escoger los diferentes elementos del dise\u00f1o. Como hemos visto, en la mayor\u00eda de los casos, usabilidad y aspecto est\u00e9tico van ligados<\/strong>: de ning\u00fan modo son incompatibles.<\/p>\n [\/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>\n1. Dise\u00f1o web adaptable o web responsive<\/h3>\n
2. Uso de tipograf\u00edas que mejoren la apariencia de la p\u00e1gina<\/h3>\n
3. Desplazamiento vertical<\/h3>\n
4. Botones grandes<\/h3>\n
5. Fondo ocupando la p\u00e1gina completa<\/h3>\n
6. Integraci\u00f3n de los botones sociales<\/h3>\n
7. Transparencias CSS<\/h3>\n
8. Adi\u00f3s a la programaci\u00f3n en Flash<\/h3>\n