Design

Responsive webdesign : adapter un site à toutes les résolutions. Le Responsive webdesign (conception adaptative ou réactive en français) représente un ensemble de méthodes et techniques permettant d’universaliser un site Web.

Qu’il soit consulté sur ordinateur, tablette, e-reader ou mobile, le site ainsi conçu s’adapte automatiquement à la taille de l’écran. Cette évolution très séduisante du Web pose néanmoins certaines questions d’ergonomie et oblige à repenser la conception des sites. Nous abordons dans cet article les objectifs du responsive design, les critères qui doivent décider à le mettre en œuvre, les recommandations de conception et les considérations techniques. Objectifs du responsive webdesign. Les sites changent de visage, 2013 est l’année du Responsive Web Design. Cette année marquera le web avec une nouvelle tendance de conception de sites internet.

Il suffit de voir les sites de référence Mashable, Smashing Magazine ou encore Time.com qui ont lancé leurs nouvelles versions repensées totalement avec les notions de web fluide et adaptatif et fortement allégé graphiquement. Ces sites sont passés au Responsive Web Design. Visuellement, on présente le Responsive Web Design comme la méthode qui va permettre à un site de s’adapter dynamiquement, avec un seul template à plusieurs types de résolutions d’écran.

De façon à être optimal aussi bien sur un écran de bureau, sur une tablette ou sur un smartphone. [WEBDESIGN] Comment bien choisir ses couleurs pour créer un site. Vous êtes nombreux à créer des sites internet, ou des supports de communications avec des choix de couleurs judicieux.

Mais nous ne sommes pas tous experts, et certains ne savent pas comment allier les couleurs entre elles. Nous allons voir quelques exemples qui seront illustrés à l’aide d’un cercle chromatique. Les principes de la Gestalt appliqués au webdesign (1/2) J’ai toujours entendu dire qu’un bon design de page web se résumait à peu de choses : équilibre, rythme et organisation du contenu.

C’est pas faux, mais un peu plus de détail ne ferait pas de mal. Pour aller dans le détail, il faut se pencher légèrement sur la psychologie de la forme, que l’on appelle aussi gestaltisme (le terme qui à lui seul vous fait paraitre intelligent), avec quelques principes simples, assez évidents pour certains, que l’on appelle les principes de la Gestalt. Les principes de la Gest- quoi ? C’est généralement la réaction quand on lit pour la première fois le terme. Design mobile : différencier web et application ? Lorsque j’ai été contacté par Matthieu Bué pour écrire sur WDfriday, j’ai été très honoré, de part la qualité du contenu, les sujets et thématiques abordés, mais aussi car j’allais pouvoir enfin vous parler de ce qui a beaucoup modifié mon travail de designer ces dernières années : le design d’interface en condition de mobilité (comprenez le “design sur mobile & tablette”).

Aujourd’hui, je vais donc plus précisément aborder la question suivante : Pourquoi & comment différencier les applications web mobile et les applications mobiles natives Introduction. Webmastering - Webdesign. Février 2016.

Responsive design : tester facilement votre site sans émulateur. Comment voir à quoi ressemble un site en responsive design sur plusieurs écrans, smartphones, tablettes et même téléviseurs ?

Voici trois bonnes adresses. Story-boarding : 8 outils pour vos prototypes. Le maquettage d’un site est une étape incontournable de l’approche de conception.

Mauger-20111124.pdf. Ergonomie et design : Les clefs pour réussir une application mobile performante. [Infographie] 10 choses à savoir sur le responsive design. Splio, prestataire spécialiste de la relation client multicanal, vient de réaliser une infographie sur le responsive design.

Cette notion consiste à repenser la manière de concevoir les parcours de navigation en ligne. L’objectif est donc de réorganiser l’information en fonction des paramètres de l’appareil. Outre une véritable tendance, ce concept constitue un enjeu majeur compte tenu de l’explosion des usages mobiles. Relativement technique, l’infographie met en avant, sur un ton décalé, 10 conseils clefs à destination des designers et développeurs. Mettre en place une mise en page simple. 50+ Ressources indispensables pour les webdesigners. 50+ Ressources indispensables pour les webdesigners Webdesign 24 août 2010 Utiliser les bonnes ressources peuvent parfois vous faire économiser un sacré temps tout en vous apportant une valeur ajouté à votre travail…Vous êtes ainsi plus performant et professionnel !

Il est donc essentiel pour tout webdesigner qui se respect, d’apprécier les différents outils/ressources listés dans cet article présentant les 50 ressources indispensables pour les webdesigner. Interview de Sylvie Daumal, experte en design d’expérience utilisateur. Plus qu’un produit ou un service, les clients sont aujourd’hui à la recherche d’expériences de consommation. Nous avons rencontré Sylvie Daumal, auteure du premier ouvrage français sur le design d’expérience utilisateur, « Design d’expérience utilisateur, principes et méthodes UX ». Le design d’expérience utilisateur ou UX Design, est une méthode venue des pays anglo-saxons et assez récemment arrivée en France. C'est quoi, le design numérique ? (Visuel : Mo, Ircam + DaFact + Grame + Nodesign + Voxler, projet de recherches de l’Agence Nationale de la Recherche (ANR), 2010 ; présenté à Saint-Etienne dans le cadre de la Biennale du Design) A gauche, l'industrie du papier peint, filière que l'on imagine volontiers un brin vieillissante, et pas forcément à la pointe de la R&D.

A droite, des créatifs, issus du monde du design et du graphisme.