Lorsqu’on réalise le design d’un site web, il est d’usage de formaliser les choix créatifs retenus en répertoriant les éléments qui composent l’identité graphique et éditoriale dans un guide stylistique. Son objectif est de garantir à l’utilisateur final une expérience visuelle et intellectuelle cohérente tout au long de la navigation. Ce guide stylistique s’adresse généralement aux professionnels chargés de la réalisation technique du site (développeurs, intégrateurs web, etc.) et à ceux qui devront intégrer les contenus au quotidien, qu’il s’agisse des textes et de tout élément graphique ou multimedia. Il peut également préciser les valeurs de la marque et son positionnement vis-à-vis de ses concurrents. C’est dire l’importance de ce guide qui servira souvent de référence dans l’entreprise. Voulez-vous en savoir plus ?
tag » typographie
7 conseils pour mélanger plusieurs fontes dans votre design web
La typographie peut devenir la partie la plus créative de votre design ou la plus frustrante. Travailler avec ne serait-ce qu’une police de caractère peut déjà devenir un défi insurmontable pour de nombreux webdesigners ; alors imaginez ceux qui utilisent jusqu’à sept fontes ou plus dans leur design ! Voici un résumé de l’article 7 Rules for Mixing Multiple Fonts in Good Web Design qui passe en revue les éléments à prendre en considération pour utiliser plusieurs polices de caractère dans votre site web. Voulez-vous en savoir plus ?
24 frameworks CSS — Mettez une grille (ou pas) dans votre site web
Il existe de nombreuses raisons pour ne pas utiliser de frameworks CSS lors de la phase de conception ou d’intégration de votre site web : le poids, l’intrusion des classes CSS dans le code HTML qui devient la règle pour placer le moindre bloc de contenu, le fait que de nombreuses règles ne sont pas utilisées, etc. Pour ma part, j’aime bien tester les frameworks qui tombent à portée de souris, et je n’hésite pas à faire des expériences d’hybridation : rien de tel qu’un bout de reset CSS d’Eric Meyer avec la feuille de style de typogridphy, le tout mis en forme avec la robustesse de Blueprint. Voulez-vous en savoir plus ?
Typekit — La typographie sur le web
Parmi les solutions disponibles pour afficher des titres avec une police de caractère sortant des sentiers battus, Typekit sort du lot. Si SIFR, FaceLift, ou Typeface.js s’appuient globalement sur la technologie Flash et Cufon sur Javascript, Typekit quant à lui s’appuie sur le standard CSS3 et la propriété @font-face pour faire son petit effet. Frambi-framboise sur le gâteau, cette propriété @font-face est prise en charge par les navigateurs modernes (Firefox 3+, Safari 3.1+) mais aussi par Internet Explorer à partir de la version 6. A noter que @font-face ne fonctionne pas avec Google Chrome. Voulez-vous en savoir plus ?
BIC, framework CSS orienté couleur et typographie
BIC est un meta framework CSS basé d’une part sur le reset CSS d’Eric Meyer pour la remise aux valeurs par défaut des éléments HTML (clean.css) et le framework 960.gs pour la partie grille de mise en page (layout.css), et d’autre part sur de bonnes idées en ce qui concerne le traitement de la typographie et de la couleur (typography.css et color.css). Voulez-vous en savoir plus ?
Des ensembles de polices cohérents pour le web
Si vos déclarations CSS font-family contiennent désespérément la même liste de police de caractères Helvetica, Arial, sans-serif, etc., le billet de Grégoire Polices sur le web et celui de Michael Tuck 8 Definitive Web Font Stacks devraient élargir votre horizon typographique grâce à 8 ensembles de polices « intelligents » : Voulez-vous en savoir plus ?

Commentaires récents