indeskai design | Diseño Gráfico y Web Sant Boi, Barcelona, Hospitalet

responsive, web, html5, css3

El diseño web en 2013El disseny web en 2013

Todos sabemos que la tecnología y el mundo virtual están en continuo avance. Como diseñadores web tenemos el deber de estar en continuo estudio de las tendencias que están en auge y de las que vendrán. Cuando hay un gran avance en la tecnología de los dispositivos, la tendencia es centrarse más en aprovechar las capacidades de los nuevos medios de comunicación, pero una vez estos avances maduran la tendencia es mirar más aspectos como la usabilidad. El último gran avance ha sido el boom de los smartphones y las tablets.

No es fácil predecir las tendencias de una industria que está cambiando constantemente a una velocidad de vértigo. Como diseñadores tenemos mucha responsabilidad, por un lado deberemos diseñar un diseño web para complacer a los clientes por las tendencias establecidas en 2012, y por otro tendremos que diseñar de tal manera que se puedan configurar las nuevas tendencias para el 2013. Hoy en este post vamos a exponer algunas de las predicciones que corren por internet.
 

Diseño Web Responsivo

El denominado Responsive Web o diseño Web adaptativo es aquel que responde a las necesidades de adaptación de un sitio Web a los diferentes dispositivos, desde un ordenador de sobremesa o una televisión inteligente, hasta un smartphone o una tableta. El diseño web ahorra tiempo y dinero a la hora de afrontar el desarrollo de una página, pues no hay que hacer un diseño distinto para cada dispositivo. La otra gran ventaja es que evita la creación de subdominios, con lo que aumenta la eficiencia de cara a los robots de los buscadores.
 

Desplazamiento vertical de elementos

Es este un punto que guarda relación con el Diseño Web Responsivo. Cuando el usuario se desplace verticalmente por la página, los menús, los botones de acceso a las redes sociales, o incluso los carros de compra en las tiendas online, se desplazan también hacia abajo, acompañando al usuario en el recorrido. De esta forma no solo se evita que tenga que volver hacia arriba para buscar estos botones, sino que los tiene siempre al alcance.
 

Buen diseño tipográfico

Gracias a los avances en tipografía web (Font Face) y el trabajo que hacen empresas como Google (con sus tipografías gratuitas), los diseñadores tienen una gran cantidad de fuentes donde elegir. Sin embargo, la selección de la tipografía ya no será un tema baladí, será algo a tomar muy en cuenta para diferenciarse del resto.

diseño web sant boi de llobregat
Se cree que la tipografía se convertirá en una parte integral del diseño web de cualquier sitio. Los diseñadores ya no relegarán el texto en favor de hermosas imágenes, sino que tratarán de realzar la belleza del sitio a través de la tipografía.

Todo esto también tiene relación con el Diseño Web Responsivo, al tener que jerarquizar la información en menos espacio es lógico que la tipografía adquiera más importancia que la que ha tenido hasta ahora. Otro factor es que la resolución de nuestras pantallas cada vez es mayor y permiten recrear tipografías prácticamente a la misma calidad que las imprentas, lo que quiere decir que hay mucha más libertad con su uso sin perder la legibilidad.
 

El minimalismo. Menos es más

Éste es uno de los lemas de siempre, aunque por aquí lo solemos llevar más lejos: “más es nada”. Las cosas simples entran mejor por los ojos. Esto ya es claramente perceptible en los logotipos. Importantes marcas tecnológicas han cambiado el diseño de sus logos y lo han hecho para hacerlos más simples. Veáse el caso de Ebay o de Microsoft, por ejemplo.

Siempre es mejor comunicar mensajes importantes en un fondo limpio, sin ruido de elementos que hagan más complicada la navegación o comprensión del sitio web en cuestión. Es un punto que también va relacionado con el Diseño Web Responsivo.
 

Programación

Se impone el lenguaje HTML 5 y las hojas de estilo CSS3 como los grandes estándares del 2013, por su versatilidad ante los múltiples dispositivos. Los frameworks de CSS3 se están multiplicando para facilitar la tarea de los diseñadores.
 
indeskai is indeklaud

Fuentes:
www.taringa.net
www.vgsystems.es
www.jaimeblanco.com

Tots sabem que la tecnologia i el món virtual estan en continu avanç. Com a dissenyadors web tenim el deure estar en continu estudi de les tendències del moment i de les que vindran. Quan hi ha un gran avanç en la tecnologia dels dispositius, la tendència és centrar-se més a aprofitar les capacitats dels nous mitjans de comunicació, però una vegada aquests avanços maduren la tendència és mirar més aspectes com l’usabilitat. L’últim gran avanç ha estat el boom dels smartphones i les tablets.

No és fàcil predir les tendències d’una indústria que està canviant constantment a una velocitat de vertigen. Com a dissenyadors tenim molta responsabilitat, d’una banda haurem de dissenyar llocs web per complaure als clients per les tendències establertes en 2012, i per un altre haurem de dissenyar de tal manera que es puguin configurar les noves tendències pel 2013. Avui en aquest post anem a exposar algunes de les prediccions que corren per internet.

 

Responsive Web Design

El denominat Responsive Web o disseny Web adaptatiu és aquell que respon a les necessitats d’adaptació d’un lloc Web als diferents dispositius, des d’un ordinador de sobretaula o una televisió intel·ligent, fins a un smartphone o una tableta. El disseny Web estalvia temps i diners a l’hora d’afrontar el desenvolupament d’una pàgina, doncs no cal fer un disseny diferent per a cada dispositiu. L’altra gran avantatge és que evita la creació de subdominis, amb el que augmenta l’eficiència de cara als robots dels cercadors.

 

Desplaçament vertical d’elements

Aquest és un punt que guarda relació amb el Responsive Web. Quan l’usuari es desplaci verticalment per la pàgina, els menús, els botons d’accés a les xarxes socials, o fins i tot els carros de compra a les botigues online, es desplacen també cap avall, acompanyant a l’usuari en el recorregut. D’aquesta forma no solament s’evita que hagi de tornar cap amunt per buscar aquests botons, sinó que els té sempre a l’abast.

 

Bon disseny tipogràfic

Gràcies als avanços en tipografia web (Font Face) i el treball que fan empreses com Google (amb les seves tipografies gratuïtes), els dissenyadors tenen una gran quantitat de fonts on triar. No obstant això, la selecció de la tipografia ja no serà un tema secundari, serà una cosa a prendre molt en compte per diferenciar-se de la resta.

diseño web sant boi de llobregat

Es creu que la tipografia es convertirà en una part integral del disseny de qualsevol lloc web. Els dissenyadors ja no relegaran el text en favor de belles imatges, sinó que tractaran de realçar la bellesa del lloc a través de la tipografia.

Tot això també té relació amb les Responsive Webs, en haver de jerarquitzar l’informació en menys espai és lògic que la tipografia adquireixi més importància que la que ha tingut fins ara. Un altre factor és que la resolució de les nostres pantalles cada vegada és major i permeten recrear tipografies pràcticament amb la mateixa qualitat que les impremtes, la qual cosa vol dir que hi ha molta més llibertat amb el seu ús sense perdre la llegibilitat.

 

El minimalisme. Menys és més

Aquest és un dels lemes de sempre, encara que per aquí ho solem portar més lluny: “més és gens”. Les coses simples entren millor pels ulls. Això ja és clarament perceptible en els logotips. Importants marques tecnològiques han canviat el disseny dels seus logos i ho han fet per fer-los més simples. Com és el cas de Ebay o de Microsoft, per exemple.

Sempre és millor comunicar missatges importants en un fons net, sense soroll d’elements que facin més complicada la navegació o comprensió del site web en qüestió. És un punt que també va relacionat amb el Responsive Web Design.

 

Programació

S’imposa el llenguatge HTML 5 i les fulles d’estil CSS3 com els grans estàndards del 2013, per la seva versatilitat davant dels múltiples dispositius. Els frameworks de CSS3 s’estan multiplicant per facilitar la tasca dels dissenyadors.

 

indeskai is indeklaud

Fuentes:
www.taringa.net
www.vgsystems.es
www.jaimeblanco.com

Post a Comment