Le logo Starbucks sous toutes ses coutures
Comment se construit un logo? Une fois n’est pas coutume, procédons à reculons: du produit fini aux origines de sa conception, autopsie du logo Starbucks.
Mot-clé: webdesign
Quand le One Page Website fait des ronds de jambes
Si le one page website a le mérite de souffler un vent de fraicheur sur le web, est-il adapté à tous types de contenus? Et, est-il SEO friendly? Pas sûr!
Les templates signent-il la fin de la création graphique?
Utiliser un template pour créer son site web: voilà de quoi rendre le créatif dubitatif. Y a-t-il encore de l’originalité dans la création graphique?
Le duel scroll / ligne de flottaison
Faut-il mettre toutes ses informations au-dessus de la ligne de flottaison ou laisser le contenu prendre de la place et obliger le lecteur à scroller?
Des widgets Twitter pour enrichir votre WordPress
Et si vous fabriquiez vos widgets Twitter? Faisons le tour des possibilités, fil d’utilisateur, liste, recherche ou fils personnalisés.
5 leçons que les webdesigners rêvent d’apprendre aux copywriters
Le copywriting dans la rédaction web est encore souvent un souci mineur. Les webdesigners ont défriché le terrain. Qu’ont-ils à nous apprendre ?
Les couleurs sur le web : la symbolique culturelle
Un choix de couleur sur le web ne se fait pas au hasard. Avez-vous suffisamment analysé votre cible ? Quelle couleur pour quel public ?
Bien choisir ses couleurs sur le Web
Rouge carmin et bleu ciel, jaune poussin et vert pistache, autant de couleurs différentes. Sont-elles toutes adaptées au web ? Mise au point.
J'ai choisi "Lorem Ipsum" comme mots clés
Vous travaillez dans la com’ et vous n’êtes pas sûr de savoir ce que Lorem Ispum veut dire ? Découvrez-en le sens, et quelques alternatives.
Templates ou thèmes des modèles bien utiles
Donner un look à votre site, une étape à ne pas prendre à la légère. Pour un site top design, sans être graphiste, choisissez le bon template ou thème.
Le Polaroid a le vent en poupe: du visuel pour votre image
Un vent de vintage souffle sur nos réseaux : Instagram, Lomogram et autres applications smartphone remettent au goût du jour le Polaroid.
Un web designer ne suce rien de son pouce
Jouer avec les grilles de 960grid, abuser des FX de Photoshop ou composer une gamme chromatique agréable, ce n’est pas chose aisée. Tour du propriétaire .
Dessine-moi un arbre, ou comment faire une arborescence de site
Arborescence, plan du site, structure de l’information, … une des premières étapes de la construction ou la refonte d’un site Internet consiste à ranger, structurer, hiérarchiser l’information. Comment?
Comment faire des maquettes wireframe?
Le wireframe est un prototype de page Web. Il sert à formaliser l'organisation de l'information sur le site Internet et l'interaction entre l'interface et l'utilisateur. Comment ça marche?
Un modèle de CSS optimisé pour l'éditorial
La mise en forme de vos contenus Web contribue à leur lisibilité. C'est un des fondamentaux de l'écriture Web. Téléchargez notre modèle de CSS.
La longueur idéale d'une ligne?
Aujourd’hui je m’aventure sur un terrain que je connais peu. Cependant, j’ai assuré mes arrières en demandant main forte aux spécialistes de mon équipe.
Les 10 dogmes du Web
Une interview d’Eric Reiss, intitulée « Dogmas Are Meant to be Broken » et parue il y a quelques temps dans le journal en ligne Boxs and Arrows, propose 10 règles absolues ou dogmes du design Web. Ces contraintes ne sont bien sûr pas, par définition, pour plaire à tout le monde : tout d’abord, car elles […]
Typographie et Web
J’ai trouvé sur Action-Rédaction un succinct billet sur les usages typographiques sur le Web… Juste une petite mention avant que de revenir vers vous sur la question de la dénomination de la home page… Ce qu’écrit l’auteur du site… « Les règles de typographie sont simplifiées sur Internet: accentuation, ponctuation, espaces, casse. Adopter un code […]
Le pouvoir des images
Ce matin, formation à la Défense. Au moment de clôturer le séminaire, un des rédacteurs me demande : « au fond, est-ce que le pouvoir de l’image n’est pas sous-estimé sur les sites Web ? Surtout en termes de référencement. Beaucoup de gens tombent sur un site en ayant cherché des images sur un moteur de […]
Croisade contre Italia.it
Suite aux commentaires d’Alex et de Cédric sous ce billet, je reviendrai un instant sur cette affaire du nouveau logo cornichonesque du site italia.it, suite à une campagne pour faire de l’Italie, une marque (sic) ! Que s’est-il passé ? Avant 60 agences en compétition pour la création d’un logo et d’une baseline pour […]
Gare aux images suggestives…
A propos de l’universalité des icônes, je vous suggère d’aller jeter un oeil sur ce site pour le moins farfelu.
Des icônes gratuites et sympa…
Puisque nous causions icônes dernièrement, je vous indique ce site où vous trouverez une série d’icônes gratuites et originales pour Windows XP et Vista. J’ai trouvé l’info sur le site d’Eric, un de mes indicateurs de tendance 😉 Attention, comme le souligne Eric, les icônes proposées au téléchargement sont destinées à un usage personnel et […]
La perception des polices… faites avancer le schmilblik
Bloodrath (voir son commentaire sur travailler la forme et le fond) a retrouvé l’article sur la perception des polices. On notera au passage que ce site est une excellente référence scientifique en termes d’études d’utilisabilité et de perception de l’utilisateur. Vraiment. Participez à une étude sur la perception des fontes de caractère Si vous souhaitez […]
Testez votre police
Deux petites choses aujourd’hui : un testeur de police comment gérer votre police web sans les crs … euh sans les css, pardon. Testez et comparez l’effet de vos polices à l’écran Une bonne adresse où vous pouvez tester et comparer la lisibilité des polices que vous avez choisie pour votre site Web : Typetester. […]
Le poids des images (suite) : existe-t-il des icônes universelles ?
Il y a quelques jours, Sylvie me posait la question suivante : Comment est-il possible de créer un image nouvelle tout en restant intelligible à tous sans utiliser de légende? Doit-on se référer à des symboles culturellement connus ? Comment peut-on approcher “le travail graphique” sans tomber dans les piège du cliché ou dans […]
Les polices sur le web, c'est la misère
tant que nous sommes dans les questions typographiques, je vous renvoie à un article assez long mais du coup très complet concernant l’usage des typos en web sur Barbablog . Le titre de ce billet est d’ailleurs repris tout droit de cet article. … Le texte est un élément majeur du design d’une page web. […]
Que fait la police ? à propos de l'italique…
A priori, je ne suis pas pour l’italique dans les pages Web. Ce n’est pas une police naturelle et elle est peu lisible à l’écran. D’aucuns suggèrent d’utiliser l’italique de manière parcimonieuse pour mettre l’accent sur une partie de votre phrase. C’est le cas de Daniel Will-Harris : Ceci aurait tout aussi bien pu […]
les icônes : le poids des images
Les icônes sont des métaphores visuelles. Elles sont censées symboliser certains concepts ou fonctions : envoyer un e-mail, consulter une carte géographique, accéder aux coordonnées, remplir un formulaire… Vos îcones doivent être éloquentes. Sinon, cette arme précieuse peut se retourner contre vous. Exemple ? Comment savoir à quoi correspondent les visuels dans les icônes […]
