A lire — Typo & Web : pour une lisibilité optimale de la typographie sur internet

Dans la collection [WEB] éditée par Atelier Perrousseaux, je viens de terminer Typo & Web pour une lisibilité optimale de la typographie sur internet écrit par Aurélien Foutoyet (@allfordesign). avec l’arrivée de la propriété CSS @font-face et la résolution des écrans qui va en augmentant, la typographie sur le web a fait un bond en avant. Les intégrateurs web peuvent désormais ajouter des polices de caractères qui sortent de «l’ordinaire» ! Continuer la lecture de A lire — Typo & Web : pour une lisibilité optimale de la typographie sur internet

A lire — Webgrids : structure et typographie de la page web

Je viens de terminer la lecture du livre Webgrids écrit par Anne-Sophie Fradier (@mitternacht sur twitter) qui récapitule les bases de la structure des documents et de la typographie adaptés aux pages web, sujets qu’elle avait abordés à l’occasion de la conférence La macrotypographie de la page Web à Paris Web 2010. Après un rappel nécessaire des fondamentaux de la mise en page hérités des premières heures de l’imprimé, l’auteure aborde les spécificités du support web pour terminer sur la composition du texte. Continuer la lecture de A lire — Webgrids : structure et typographie de la page web

Un livre et une vidéo sur le design émotionnel

Un site web qui fonctionne est avant tout un site web qui donne au visiteur ce qu’il est venu chercher tout en le mettant dans une situation qui lui permette de recevoir l’information dans les meilleurs conditions. Pour cela, les concepteurs font de plus en plus appel à des techniques issues des recherches sur le fonctionnement du cerveau pour découvrir comment retenir les visiteurs et leur donner une bonne impression pour les inciter à s’engager émotionnellement. Voici deux ressources, un livre et une vidéo, qui devraient vous en apprendre davantage sur le sujet.
Continuer la lecture de Un livre et une vidéo sur le design émotionnel

Les goûts et les couleurs

Cette présentation faite par David Rault à l’occasion de Paris Web 2011 présente la symbolique que notre culture occidentale associe généralement avec les couleurs de notre quotidien. Vous y trouverez la représentation des 11 couleurs de base, quelques conseil pour le choix d’une palette de couleurs, ainsi que de nombreux exemples de sites web commentés. L’auteur a pris soin de parsemer son discours de nombreuses anecdotes qui rendent cette vidéo agréable à consulter. Continuer la lecture de Les goûts et les couleurs

10 principes de design pour les sites du gouvernement anglais

Le gouvernement de Sa Majesté a produit, après un long congrès sur la question, le document Government Digital Service Design Principles — actuellement en version bêta — pour expliciter les principes qui devraient régir la conception des services en ligne en direction du public. Il ne s’agit pas de règles à prendre au pied de la lettre ni d’une liste des mauvaises pratiques à éviter. Il s’agit simplement d’un ensemble de 10 recommandations accompagnées d’exemples d’application pour inspirer les éditeurs de sites et les inciter à mieux travailler pour les citoyens. Continuer la lecture de 10 principes de design pour les sites du gouvernement anglais

Conception de wireframes

Un wireframe est une maquette grandeur nature en vue «fil de fer» qui permet d’avoir une idée sur la manière dont les fonctionnalités prévues par le cahier des charges, c’est-à-dire le périmètre des fonctionnalités, vont se concrétiser. Cette maquette fonctionnelle procède généralement du zoning. Toutefois, j’ai tendance à considérer ce dernier comme faisant partie intégrante du wireframe. Selon les projets, il peut s’agir d’un croquis réalisé à main levé pendant le rendez-vous avec le client ou d’une version plus élaborée, après réflexion. Continuer la lecture de Conception de wireframes

Utilisez une grille de mise en page, il en restera toujours quelque chose

Contrairement à l’imprimé où le langage de description de page Postscript d’Adobe est un standard, il n’existe pas sur le web de dispositif « officiel » pour créer des colonnes à l’épreuve des différences de rendu entre les agents utilisateurs (les navigateurs). Toutefois, des webdesigners talentueux ont mis en place des systèmes de grilles adaptés au web. Ces frameworks CSS — qui ont popularisé le placement des blocs sur une grille — ont fait (re)découvrir aux concepteurs de sites web que le design graphique est une pratique plusieurs fois millénaire qui a forgé ses propres règles pour que le contenu devienne message grâce au contenant. Continuer la lecture de Utilisez une grille de mise en page, il en restera toujours quelque chose

Recherche de pistes graphiques

Après la mise en place du réseau de sites 4design d’un point de vue technique, j’aborde l’habillage graphique de 4design.tl. C’est l’occasion de réfléchir sur les questions de fond : l’objectif du site et les types de contenus qu’il va accueillir. 4design.tl n’est n’est pas seulement une porte d’entrée pour les sous-domaines css, wp, basics, et bruno. C’est aussi un site à part entière composé d’articles ayant une ligne éditoriale spécifique. L’objectif est de réagir sur l’actualité de la création numérique en mettant l’accent sur les sujets transversaux abordés sur mes autres sites, avec une pensée particulière pour le graphisme, la typographie et la mise en page, sans oublier les logiciels qui permettent de donner vie aux idées créatives, comme Photoshop, Illustrator ou Indesign. Continuer la lecture de Recherche de pistes graphiques

4design.tl : la timeline de la création numérique ?

C’est fait ! Après un temps de réflexion assez court et quelques sueurs froides, les projets css4design, js4design et wp4design sont désormais regroupés comme autant de sous-domaines du réseau de sites 4design.tl. Le premier est focalisé sur le couple HTML & CSS et les aspects techniques de la création de site ; le second continue sur la voie tracée au départ : une sélection de ressources Javascript et jQuery  rapidement commentée ; et le troisième reste le support du thèmes Basics et des thèmes enfant, comme Beyond Basics. Continuer la lecture de 4design.tl : la timeline de la création numérique ?