Archives des tags : Charte graphique

Pas encore de description pour le tag Charte graphique. Suggérez à l'administrateur du site de d'y remédier.

9 ans d’articles et de chartes graphiques pour (css)4design

4design depuis 2006

Le 20 juin 2006, j’enregistrais le nom de domaine css4design.com avec l’envie d’écrire des articles sur les différentes manières de faire des mises en page web avec les feuilles de style CSS tout en mettant l’accent sur les problèmes de compatibilités entre navigateurs. Le temps a passé et ce qui était encore nouveau à l’époque est aujourd’hui une évidence, tandis que les problèmes de compatibilité — même s’ils n’ont pas totalement disparus — semblent moins critiques. Au fil des années, j’ai enlevé le « css » de css4design pour élargir le propos du blog au design en général et pour éviter de créer une rupture entre mes expériences professionnelles Print et Web. Comme l’a dit Ashley Havinden : « Le graphiste est celui qui est capable de résoudre les problèmes de communication, quel que soit le médium imposé ».

Quelques notes de lecture sur Le Graphisme au XXe siècle

Le Graphisme au XXe siècle est la traduction française de Graphic Design (A Concise History) écrit par Richard Hollis et publié en 1994. Ce livre est une mine d’or pour pour qui veut connaitre l’histoire du Graphisme à travers les pays qui lui ont donné ses lettres de noblesse : le futurisme et l’Italie, la Russie soviétique, l’Allemagne, les Pays-Bas, la Suisse, la France, la Grande-Bretagne, les Etats-Unis, l’Europe du Nord. Il contient plus de 800 illustrations et le texte est très riche. Je lis généralement en prenant des notes pour plus tard ou en surlignant les passages qui me plaisent au Stabilo. Ce billet est la compilation des extraits qui ont plus particulièrement suscité mon intérêt. Ils ne suivent pas forcément l’ordre des pages et certains passages ont été remaniés afin de rester compréhensibles une fois sortis de leur contexte.

Votre blog professionnel à partir de 9,90€

Depuis quelques temps les propositions commerciales autour des blogs d’entreprise ou des sites web «vitrine» se font plus agressives. On peut trouver des annonces pour des blog pro autour de 150€, 100€, voire 60€ ! Peut-on descendre plus bas ? Et d’ailleurs, est-il possible qu’un blog ayant coûté le prix d’un tee-shirt puisse rapporter de l’argent ? Si oui, foncez ! Mais juste pour info, sachez qu’un blog corporate fait dans les règles de l’art coûte au moins dix fois plus… Ce billet a été écrit il y a longtemps et j’ai décidé de le ressortir pour soutenir @Daibai dans sa lutte contre les sites web à 1€. Attention, si ce billet n’est pas à prendre uniquement au premier degré, l’offre proposée reste valable.

8 exemples de tarifs pour l’intégration de votre site WordPress

Quels sont les éléments à prendre en compte dans l’établissement d’un tarif pour la livraison d’un site web utilisant WordPress ? C’est en substance la question posée dans l’article Quel tarif pour un thème WordPress ? Beaucoup de personnes ont été déçues par le manque de données chiffrées. Je reconnais que le titre pouvait induire en erreur. Je vais essayer de rectifier le tir en dressant le portrait de plusieurs clients-type en utilisant librement la technique des Personas. Il s’agit de représentations fictives mais concrètes des utilisateurs pour lesquels le produit est conçu. Ils fournissent aux développeurs une référence pour définir les fonctionnalités et les scénarios d’utilisation. C’est donc une méthode idéale pour concevoir un site web orienté vers l’utilisateur !

La typothèque idéale par Smashing Magazine

J’arrive un peu après la bataille, mais que voulez-vous, il fallait bien que mon pauvre Modem Olitec 56K (1) prenne le temps de charger les 80+ plus belles polices de caractères pour un design professionnel que nous propose Smashing Magazine. Si je n’ai jamais douté de la qualité des articles publiés par ce qu’on peut considérer comme l’un des 10 meilleurs blogs du monde, je dois avouer que mon passé d’infographiste print amoureux de la belle typo a refait surface pour traquer la faute de goût…

Quelques notes — Un seul design pour les rassembler tous ?

La question du jour est : faut-il absolument qu’un site web s’affiche de manière identique sur tous les navigateurs ? Les réponses divergent selon que l’on est du côté de la conception graphique ou du côté de l’intégration web. On peut toujours répondre «non» ! La réponse toute faite étant qu’un visiteur donné n’utilise qu’un navigateur à la fois. Ce n’est pas faux, mais ce même visiteur peut très bien utiliser Internet Explorer 6 sur son lieu de travail, Firefox à la maison,  Google Chrome chez un ami et Opera chez un autre ami…

Guide stylistique — Exemple de charte graphique et éditoriale

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.

« css 4 design » — Nouvelle charte graphique et redesign du logo

La nouvelle version de css 4 design que j’avais évoqué dans Screenshot de mon prochain design est en ligne. Il reste des ajustements à faire et quelques pétouilles que je corrige au fur et à mesure. Comme vous pouvez le constater la mise en page est sobre avec une palette de couleurs blanche et grise rehaussée de teintes chaudes. Ce thème se situe à mi-chemin entre le format blog et le style magazine dont j’ai beaucoup parlé à une époque. J’ai gardé la succession des billets et la traditionnelle sidebar qui fait tous le charme d’un blog, avec au-dessus, le début d’un article qui se distingue par une illustration généreuse accompagnée de sa légende.

30 menus de navigation en CSS pour votre site web

styledmenus propose une trentaine de menus de navigation compatibles avec les navigateurs IE6, IE7, Firefox, Opera, Safari, Chrome et conformes aux recommandations du W3C.

Le téléchargement de ces menus est gratuit ; toutefois, vous pouvez acheter les fichiers originaux au format *.psd* si vous voulez personnaliser davantage vos menus selon votre charte graphique.

Merci Thierry 😉

Nombre d’or, suite de Fibonacci et autres grilles de mise en page pour le design web

petit-nautile.pngDans la série des thèmes WordPress minimalistes voilà The Ideal Website 1.1 proposé par Information Architect (iA). L’équilibre graphique de ce thème provient essentiellement de l’application de la suite de Fibonacci — qui fournit des rapports très proches du nombre d’or — aux différentes proportions des éléments du design. Le résultat est ce que j’ai vu de mieux en matière de mise en page pour un blog. C’est la démontration réussie que l’on peut appliquer les règles de mise en page du monde de l’imprimé à l’écran, sans rien sacrifier. Je l’avais presque oublié.