Le responsive webdesign
Nous avions déjà eu l’occasion de faire une sélection de sites autour du design responsive. Si jamais vous n’êtes pas au courant de la notion du responsive web design je vous laisse une nouvelle fois un petit rappel :
La notion de Responsive Web Design regroupe différents principes et technologies mais il indique globalement qu’un site est conçu pour s’adapter aux différentes tailles d’écran et aux différents terminaux permettant d’afficher le site (navigateur, tablette, mobile, télé connectée, …)
source : https://fr.wikipedia.org/wiki/Site_web_r%C3%A9actif
La pratique du webdesign responsive a déjà fait un petit bout de chemin dans notre façon de concevoir des sites. Nous avons de plus en plus de clients qui souhaitent posséder un site pouvant s’adapter sur tous types de support (Bureau, tablette et mobile) et l’utilisation du responsive est une bonne solution pour une grande partie des sites qui possèdent un contenu et des fonctionnalités simples (site vitrine, blog, etc.).
La plus grande difficulté du design responsive est de faire passer du contenu de bureau (écran 960px) à un contenu mobile (écran 480px) avec la restructuration de divers éléments, header, sidebar, footer, articles, etc. qui amènent certaines problématiques.
Voici une liste d’exemples avec 9 webdesign responsive qui vous permettront de vous inspirer sur les solutions de rupture et de redimensionnement pour vos futures créations.
a-e-l.co.uk
Rachel Nabors
hillsong
dConstruct 2012 Home
Goldenisles
Luciopiunti.it
From the front
Westerscheldetunnel.nl
Starbucks Coffee Company