web grfico marketing porfolio blog contacta

El diseo en ausencia de contenido no es diseo, es decoracin

Jeffrey Zeldman

BLOG Todo lo que necesitas saber para estar al da

12 tendencias en diseo web para 2015

CATEGORAS
Visto en la red
Jueves, 29 Enero 2015
Nuestros trabajos
Las pginas web, como todo, evoluciona con el paso del tiempo.
Consejos
Vemos como se van adaptando a los cambios sociales y
De todo un poco
tecnolgicos. Si os paris a pensarlo, hoy en da, cuando vemos
una pgina antigua de 800x600px hecha con tablas o con
interminables intros en ash, la primera sensacin que dan es de
ARCHIVO
rechazo. Una web limpia bien montada y ordenada, con fotos y Septiembre 2016 (1)
estilos, invita a seguir navegando e ir descubriendo qu nos Agosto 2016 (1)
ofrece. Por eso es recomendable actualizar el diseo de nuestra Julio 2016 (4)
web cada pocos aos, o hacerlo bastante neutro de manera que Junio 2016 (3)
nos sirva el mayor tiempo posible. Aunque siempre habr algo Mayo 2016 (14)
que se pueda mejorar y las modas irn cambiando. Marzo 2016 (3)

Si te gusta que tu web tenga un estilo actual y destaque sobre las dems, aqu os dejamos 10 tendencias Febrero 2016 (7)

que, aunque algunas ya las conoceris, irn in crescendo en 2015: Enero 2016 (3)
Convertido de web en PDF a http://www.htmlapdf.com con el api html a pdf
 Noviembre 2015 (5)
1. IMGENES Y VDEOS DE ANCHO COMPLETO: Antes tenamos limitaciones con los anchos de las Octubre 2015 (2)
pginas que han ido desapareciendo, dando paso a un estilo de imgenes de cabecera de ancho
completo que nos encanta y nos parece de un impacto visual tremendo. Ejemplo:
http://heathlife.co.uk/ TAGS
2. DISEO RESPONSIVE O ADAPTATIVO: Ya hemos hablado en algn post anterior sobre el diseo
responsive (http://bit.ly/1twnmze) y lo importante que es adaptar la web a los dispositivos mviles en
aplicaciones arte blog boda
estos tiempos donde un gran porcentaje de la navegacin se hace ya desde smartphones y tablets. Por branding Cantabria Chrome
ello tambin es importante adaptar el men de la web a lo que se llama menu mobile (las rayitas que
aparecen, normalmente, en la parte superior izquierda para acceder al men). Ejemplo web cms comercio electrnico CSS cncer
responsive: http://www.zara.com/es
desarrollo web dibujo diseo
3. MEN FIJO: Un men superior sencillo y que se mantenga siempre visible, facilitar la navegacin y
har la web ms accesible. Una tendencia en alza. Ejemplo: diseo grco
http://www.ascensionlatorre.com/es/home
diseo web Drupal
4. MENOS CLICK Y MS SCROLL: Hace tiempo, el tener que usar el scroll para ver entera una pgina
Ecommerce facebook
pareca un pecado mortal. Siempre te pedan que se viera toda la informacin tal cual en la pantalla y,
para ver el resto, navegando por el men. Mucha gente sigue pensando as an. La tendencia actual feedback fotografa google
rompe con este sistema ofrecindonos pginas interminables en las que tienes casi toda la
informacin en la primera pantalla, utilizando el scroll y, desde ah puedes acceder a los puntos ms Guadalajara hosting
importantes a travs de fotos o iconos. Simplicamos el men y la navegacin. Un ejemplo de una
original tienda rusa de novias: http://marytrufel.ru/
ilustracin imagen

5. ICONOS EVERYWHERE: Algo que nos encanta, el protagonismo de los iconos. Ya sean pictogramas
corporativa Instagram internet
sencillos u originales dibujos, nos ayudan a identicar las categoras visualmente de una manera invitaciones logotipo marca
rpida y amena. Por ejemplo: http://www.bluegg.co.uk/
Marketing Marketing
6. PARALLAX: Seguramente las webs ms impresionantes que se pueden ver ahora mismo. Se trata de
un efecto que, al hacer scroll, ves como el fondo se mueve a diferente velocidad que el contenido, Online navegador noticias oferta
como en capas. Suelen ser pginas de navegacin sencilla y que le dan importancia a la fotografa
para dar esa sensacin de profundidad. Seguramente habris visto muchas con dos capas, pero hay
posicionamiento publicidad
trabajos espectaculares realmente complejos como este: Atentos a este efecto porque cada vez vais a
verlo ms. Nuestro favorito sin duda. Fijaros en esta divertida partida de Tetris jugada con el scroll del
redes sociales
parallax, que se public por el 25 aniversario de la Game Boy: https://ihatetomatoes.net/happy-25th- responsive San Valentn SEO
birthday-game-boy/
Social Media tecnologa
7. BOTONES FANTASMA: Los botones fantasma o ghost buttons son formas planas sin relleno que se
suelen usar para el call to action (llamada a la accin). Suelen ser botones simples, con un trazo
Convertido de web en PDF a http://www.htmlapdf.com con el api html a pdf
 tirando a no, sin relleno, con textos simples y algo ms grandes que el resto de botones. Suelen
camuflarse sobre fotografas y en la parte centras de la pantalla. Un ejemplo: http://www.iuvo.si/ Tienda online usabilidad vdeos web
8. NFASIS EN LA TIPOGRAFA: Cada vez vemos ms diseo tipogrco en las pginas web, lo cual nos
whatsapp Youtube
parece un toque muy elegante y diferenciador. Si no, Qu os parece esta web canina tan divertida? Ms
http://packdog.com/preview?hasdog=true

9. CARD DESIGN: Dos estilos de diseo que hay que empezar a tener muy en cuenta. El mejor ejemplo
d e card design lo tenemos en Pinterest. Coloca la informacin en tarjetas, aparentemente
desordenadas, rompiendo las alineaciones horizontales y verticales que resultan ms aburridas y ms
vistas. Nos evocan los mticos cromos de cambiar y, a la vez, es una manera fcil de colocar la
informacin. Muy vlida para el e-commerce. Un ejemplo que vemos en dribble http://bit.ly/1A1grAa.

10. FLAT DESIGN: El at design o diseo plano es la alternativa a la tendencia de las webs que basan su
imagen en grandes fotografas. Es la vuelta a lo bsico, las formas geomtricas, los iconos y el dibujo
vectorial. Todo en una presentacin, eso s, con mucho scroll. Por ejemplo:
http://www.themeskingdom.com/

11. MICROINTERACCIONES: Os habris dado cuenta que, cada vez ms, os saltan en la pantalla mensajes
para interaccionar con la pgina que estis viendo, ya sea suscribindote al newsletter, pulsando
algn botn, o contestando alguna pregunta. Eso incrementa el look&feel del usuario, que se siente
parte de la pgina, no slo un espectador como antao. Por ejemplo: http://emptystat.es/

12. COOKIES: El camino hacia la web 3.0 va de la mano con el creciente acoso de las cookies y los
consejos en la publicidad de las pginas de que compres esto o veas lo otro porque has estado
navegando por esos lugares. Esta tendencia, que puede gustar ms o menos, ir en aumento por el
avance de la web semntica y la inteligencia articial que tendern a dirigir la navegacin. Donde ms
lo notamos por ahora es en las webs con ms publicidad y las tiendas online. Podemos ver ejemplos
en la publicidad de Facebook, de Amazon, etc.

Esperamos que hayis encontrado interesante este post. Al nal, aunque anses combinar estas
tendencias para crear algo diferente, tienes que adaptarte a los gustos y deseos del cliente, que no
siempre conoce las tendencias o le parecen demasiado arriesgadas. En nuestras manos est tambin
hacer ver las ventajas y desventajas de cada opcin, y hacer que se vayan conociendo un poquito ms lo
que va a marcar la esttica de internet en estos tiempos. Menos es ms. Impacto visual. Feedback.
Responsive. Palabras a tener en cuenta.

Tags:
diseo web design resposive flat design card desing parallax scroll botones fantasma ghost buttons tipografia
Convertido de web en PDF a http://www.htmlapdf.com con el api html a pdf
web microinteracciones microinteractions
Volver

Hazhistoria, S.L.

Diseo web | Diseo grfico | Marketing 2.0 | Porfolio | Blog | Poltica de privacidad

Guadalajara y Cantabria - Telfono: 949 04 91 07 - 942 044 058 - Contctanos

Convertido de web en PDF a http://www.htmlapdf.com con el api html a pdf