Vignettes Contrepoints
#1
Posté 27/08/2011 - 13:02
- Coluche
Un homme devrait savoir changer une couche-culotte, planifier une invasion, charcuter un cochon, manœuvrer un navire, concevoir un bâtiment, écrire un sonnet, faire un bilan comptable, monter un mur, soigner une fracture, soutenir un mourant, prendre des ordres, donner des ordres, coopérer, agir seul, résoudre des équations, analyser un nouveau problème, répandre de l'engrais, programmer un ordinateur, cuisiner un bon repas, se battre efficacement, et mourir galamment.
- Robert A. Heinlein
#2
Posté 27/08/2011 - 16:29
pas mal la 1ere ! ça manque peut-être encore un peu de lisibilitéUne vignette plus trendy sur les élections. Ça fait suite aux essais déjà postés ici. http://www.liberaux....post__p__750308
#3
Posté 27/08/2011 - 17:17
«Savoir se libérer n'est rien ; l'ardu, c'est savoir être libre», André Gide, L'immoraliste
Sur la dette publique: «L'Etat est un alcoolique gravement atteint qui souffre à présent de problèmes de manque. Il en est à un stade où son addiction le rend incapable de travailler et où ses maigres revenus en constante baisse ne suffisent plus à subvenir à sa consommation d'alcool en augmentation. Il n'arrive plus à acheter assez pour éviter les sueurs et les tremblements. Votre diagnostic consiste à dire que le problème est seulement causé par un manque d'alcool et qu'il suffit de donner un peu de vodka au patient pour que tout aille mieux dans le meilleur des monde». (Pan)

Contrepoints, journal en ligne
#4
Posté 27/08/2011 - 23:14
Fichier(s) joint(s)
- Coluche
Un homme devrait savoir changer une couche-culotte, planifier une invasion, charcuter un cochon, manœuvrer un navire, concevoir un bâtiment, écrire un sonnet, faire un bilan comptable, monter un mur, soigner une fracture, soutenir un mourant, prendre des ordres, donner des ordres, coopérer, agir seul, résoudre des équations, analyser un nouveau problème, répandre de l'engrais, programmer un ordinateur, cuisiner un bon repas, se battre efficacement, et mourir galamment.
- Robert A. Heinlein
#5
Posté 28/08/2011 - 11:01
"L'idéologie, c'est ce qui pense à votre place." J-F Revel.
"Corruptissima republica plurimae leges" Tacite
"Je n'ai jamais compris pourquoi les étudiantes Erasmus des pays de l'est viennent en France : elles sortent du communisme et voila qu'elles y reviennent." Schweitzinator
#6
Posté 28/08/2011 - 19:07
Genre dans le fond, le palais de l'Elysée, avec un gradient vers le rouge Contrepoints.
Et en texte, juste "Présidentielles 2012".
Le tout sera dans un cartouche "dossiers", donc de toute façon, pas besoin d'en mettre plus
Dieu c'est un peu un gros trampoline cosmogonique au syncrétisme quasi caoutchouteux. (Jim16)
hashtable - Liberty Finder : un site qu'il est bien
#7
Posté 28/08/2011 - 21:23
Il faut moins de textes et une photo.
Genre dans le fond, le palais de l'Elysée, avec un gradient vers le rouge Contrepoints.
Et en texte, juste "Présidentielles 2012".
Le tout sera dans un cartouche "dossiers", donc de toute façon, pas besoin d'en mettre plus
Pour le gradient rouge je vois pas trop
Comme ca c'est basic je trouve. L'autre à plus de style. Attention il ne faut pas surcharger en photos car il y en a déjà pas mal sur le tableau de vignettes. Et puis un bouton en couleur pleine ça harmoniserait la composition de la page.
Fichier(s) joint(s)
- Coluche
Un homme devrait savoir changer une couche-culotte, planifier une invasion, charcuter un cochon, manœuvrer un navire, concevoir un bâtiment, écrire un sonnet, faire un bilan comptable, monter un mur, soigner une fracture, soutenir un mourant, prendre des ordres, donner des ordres, coopérer, agir seul, résoudre des équations, analyser un nouveau problème, répandre de l'engrais, programmer un ordinateur, cuisiner un bon repas, se battre efficacement, et mourir galamment.
- Robert A. Heinlein
#8
Posté 28/08/2011 - 21:42
Les vignettes fig ont un gradient qui va vers une teinte. Ici pour CP, le rouge 205,23,19.Pour le gradient rouge je vois pas trop
![]()
Comme ca c'est basic je trouve. L'autre à plus de style. Attention il ne faut pas surcharger en photos car il y en a déjà pas mal sur le tableau de vignettes. Et puis un bouton en couleur pleine ça harmoniserait la composition de la page.
Dieu c'est un peu un gros trampoline cosmogonique au syncrétisme quasi caoutchouteux. (Jim16)
hashtable - Liberty Finder : un site qu'il est bien
#9
Posté 28/08/2011 - 21:53
Un ptit logo pour m'amuser. Je veux pas faire mon rabajoie mais il me semble que le logo actuel est déjà vieillissant. Ou, du moins, pas vraiment dans la tendance.
Fichier(s) joint(s)
- Coluche
Un homme devrait savoir changer une couche-culotte, planifier une invasion, charcuter un cochon, manœuvrer un navire, concevoir un bâtiment, écrire un sonnet, faire un bilan comptable, monter un mur, soigner une fracture, soutenir un mourant, prendre des ordres, donner des ordres, coopérer, agir seul, résoudre des équations, analyser un nouveau problème, répandre de l'engrais, programmer un ordinateur, cuisiner un bon repas, se battre efficacement, et mourir galamment.
- Robert A. Heinlein
#10
Posté 28/08/2011 - 22:55
Par contre, ne brise pas les codes. Lorsque tu démarres une série, conserve toujours le même style et standardise, de façon à ne pas "perdre" l'utilisateur. Les canons de l'ergonomie veulent que l'on conserve la même charte pour tous les objets remplissant une fonction similaire.
Ainsi, si tu commences une série de vignettes pour les grands dossiers de Contrepoints, avec un titre en Arial à gauche qui démarre sur un dégradé de noir menant à la dominante de l'image choisie pour représenter la thématique, conserve ce code partout, pour que l'utilisateur associe ce style à la fonction (ici, l'accès à un "dossier").
Comme sur la plupart de celles-ci : http://www.liberaux….308#entry750308
Celle que tu as faite avec l'Elysée en fond ne colle pas avec les autres. On a l'impression qu'elle n'a rien à voir avec le reste, et par association, qu'elle va remplir une fonction qui n'est pas la même que celle des autres vignettes.
Essaie donc de reprendre le code précédent pour faire cette image, et regarde la différence. Ca devrait te sauter aux yeux.
Aussi, essaie de revoir la série en réduisant la distance entre l'ombre portée et la typographie de base. Tu devrais avoir un rendu nettement plus propre avec une distance et une taille de 1 à 2 pixels. Et surtout : pas de spead.
Je veux pas faire mon rabajoie mais il me semble que le logo actuel est déjà vieillissant. Ou, du moins, pas vraiment dans la tendance.
Le logo actuel de Contrepoints, avec le C en symétrie verticale suivi d'un point, est très bon. Le minimalisme et le jeu sur la typographie est complètement dans la tendance actuelle. Même l'utilisation d'une police "serif", inconsciemment liée à un côté sérieux (dans les livres, on ne croise que du serif), est judicieux.
"Mon Dieu, après les soucoupistes, les jungiens. Il ne ne nous sera donc rien épargné?" - Drake
#11
Posté 29/08/2011 - 01:50
Mais pourquoi tant de haine ? J'étais déjà effondré quand j'ai appris que le logo du projet sur lequel je travaille était en Helvetica…avec un titre en Arial
Le monde repose sur le savoir, le travail et la bonté ; il se maintient par la vérité, la justice et la coopération. (Adapté de I, 2 et 18) - Que les hommes d'Etat soient calmes, car, sans cela, les hommes s'entre-dévoreraient. (Adapté de III, 2) - Celui qui dirige mal son peuple ne pourra jamais expier son crime. (Adapté de V, 21) - Le vrai héros est celui qui sait faire d'un ennemi un ami. (A de R N, 23)
Comme bien d'autres libéraux, je suis passé de "L'individualisme, c'est cool" à "Le marché libre, ça marche", puis à "L'Etat qui planifie, c'est dangereux". (Robert Bradley, Jr)
#12
Posté 29/08/2011 - 07:23
Ainsi, si tu commences une série de vignettes pour les grands dossiers de Contrepoints, avec un titre en Arial à gauche qui démarre sur un dégradé de noir menant à la dominante de l'image choisie pour représenter la thématique, conserve ce code partout, pour que l'utilisateur associe ce style à la fonction (ici, l'accès à un "dossier").
Comme sur la plupart de celles-ci : http://www.liberaux….308#entry750308
Titre en Franklin Gothic Book
Celle que tu as faite avec l'Elysée en fond ne colle pas avec les autres. On a l'impression qu'elle n'a rien à voir avec le reste, et par association, qu'elle va remplir une fonction qui n'est pas la même que celle des autres vignettes.
Essaie donc de reprendre le code précédent pour faire cette image, et regarde la différence. Ca devrait te sauter aux yeux.
Le truc c'est que la photo utilisée ici n'a pas de fond de blanc ce qui la rend difficile à exploiter car l'unique emplacement disponible pour du texte se retrouve en haut. Les photos de l’Élysée sont toutes dans ce cas là. Sur les côtés, il y aurait une coupure trop nette et très moche si je plaçais la photo sur la partie droite pour conserver le modèle de la précédente série. Sur celles-ci, les photos sont sur fond blancs ce qui permet de faire des gradients qui s'intègrent parfaitement. Enfin, sauf la deuxième Analyse.jpg.
Aussi, essaie de revoir la série en réduisant la distance entre l'ombre portée et la typographie de base. Tu devrais avoir un rendu nettement plus propre avec une distance et une taille de 1 à 2 pixels. Et surtout : pas de spead.
Ok je ferais le test. Euh, le spead, c'est l'ombre ?
Le logo actuel de Contrepoints, avec le C en symétrie verticale suivi d'un point, est très bon. Le minimalisme et le jeu sur la typographie est complètement dans la tendance actuelle. Même l'utilisation d'une police "serif", inconsciemment liée à un côté sérieux (dans les livres, on ne croise que du serif), est judicieux.
Le shérif lui donne un aspect sérieux mais pataud, je trouve, et ancien, voir un peu figé dans une autre époque. Pour un support papier je dit pas, mais pour du web je trouve le sans-shérif beaucoup plus d'actualité. C'est d'ailleurs le choix qu'ont fais tous les sites récents (Atlantico, Slate, Politico). Ça fait dynamique et plus jeune. Aussi, un point commun à tous les logos des sites d'actu est qu'ils sont situés en haut dans l'angle gauche de la page.
Enfin, le rouge dominant sur CP comporte trop de jaune, ce qui lui donne un aspect orangé qui manque de pureté. Il faut prendre un rouge dans le haut de l'échelle des couleurs PS, avec d'avantage de bleu dedans, proche des bordeaux. Ça donnerait une teinte légèrement plus sombre et plus affermit. Plus douce aussi pour les yeux.
Ci-dessous avec 1 pixel d'espacement et aussi un essai avec l'élysée gradient.
Fichier(s) joint(s)
- Coluche
Un homme devrait savoir changer une couche-culotte, planifier une invasion, charcuter un cochon, manœuvrer un navire, concevoir un bâtiment, écrire un sonnet, faire un bilan comptable, monter un mur, soigner une fracture, soutenir un mourant, prendre des ordres, donner des ordres, coopérer, agir seul, résoudre des équations, analyser un nouveau problème, répandre de l'engrais, programmer un ordinateur, cuisiner un bon repas, se battre efficacement, et mourir galamment.
- Robert A. Heinlein
#13
Posté 29/08/2011 - 08:51
Dieu c'est un peu un gros trampoline cosmogonique au syncrétisme quasi caoutchouteux. (Jim16)
hashtable - Liberty Finder : un site qu'il est bien
#14
Posté 29/08/2011 - 08:57
- Coluche
Un homme devrait savoir changer une couche-culotte, planifier une invasion, charcuter un cochon, manœuvrer un navire, concevoir un bâtiment, écrire un sonnet, faire un bilan comptable, monter un mur, soigner une fracture, soutenir un mourant, prendre des ordres, donner des ordres, coopérer, agir seul, résoudre des équations, analyser un nouveau problème, répandre de l'engrais, programmer un ordinateur, cuisiner un bon repas, se battre efficacement, et mourir galamment.
- Robert A. Heinlein
#15
Posté 29/08/2011 - 09:25
#16
Posté 29/08/2011 - 13:20
Sur la homepage des sites récents il y a généralement un logo sur fond blanc avec un barre de dossiers en police blanche (ex: Atlantico, Politico) sur fond noir ou bleu marine. Ca délimite nettement le haut de page pour offrir un point de repère au lecteur. Sur d'autres sites (ex : Slate, LeFigaro), ce point de repère est créé à partir d'un logo en police blanche sur un fond de couleur sombre (violet, bleu). Là encore ça offre un point de repère et ça apporte du caractère à la page et surtout une identité, 2 choses essentielles selon moi que Contrepoints n'a pas encore.
Pour les vignettes donnant l'accès à différents dossiers, je pense qu'un code de couleur permet aussi de ne pas désorienter le lecteur. Dans mon exemple, la charte est différente entre les 2 vignettes mais la couleur est proche, ce qui signifie que la fonction des deux objets est la même (l'objet sur la crise de la dette pourrait tendre davantage vers le bleu pour renforcer cet effet).
Dernièrement, mais je ne sais pas si c'est possible car peut-être que ça dépend du navigateur, un moyen de mettre la page pleinement en valeur c'est d'apporter du contraste à chacun des 2 côtés (du gris sombre dans mon exemple). Ça la fait ressortir et ça donne même l'impression au lecteur d'avoir un exemplaire papier entre les mains ce qui est très agréable.
Aussi, dans cet exemple les 4 logos du haut pourraient êtres ceux du Wikibéral, de Librairal et du forum + autre (même charte avec la bulle de texte mais de couleur différente pourquoi pas). La photo pour la citation n'a pas lieu d'être à mon avis et l'édito pourrait être mit en valeur avec un fond un peu plus sombre (de la même couleur que le fond de la grande image du slideshow, un gris très léger). De cette façon le slideshow et l'Edito serait joint l'un et l'autre par la même couleur, ça renforcerait encore un peu le haut de page.
Pour le bas de page il y aurait aussi des choses intéressantes à faire.
Fichier(s) joint(s)
- Coluche
Un homme devrait savoir changer une couche-culotte, planifier une invasion, charcuter un cochon, manœuvrer un navire, concevoir un bâtiment, écrire un sonnet, faire un bilan comptable, monter un mur, soigner une fracture, soutenir un mourant, prendre des ordres, donner des ordres, coopérer, agir seul, résoudre des équations, analyser un nouveau problème, répandre de l'engrais, programmer un ordinateur, cuisiner un bon repas, se battre efficacement, et mourir galamment.
- Robert A. Heinlein
#17
Posté 29/08/2011 - 14:12
Il faut nous réapproprier le rouge.
Le sang bleu, ce sont les étatistes.
Dieu c'est un peu un gros trampoline cosmogonique au syncrétisme quasi caoutchouteux. (Jim16)
hashtable - Liberty Finder : un site qu'il est bien
#18
Posté 29/08/2011 - 14:25
- Coluche
Un homme devrait savoir changer une couche-culotte, planifier une invasion, charcuter un cochon, manœuvrer un navire, concevoir un bâtiment, écrire un sonnet, faire un bilan comptable, monter un mur, soigner une fracture, soutenir un mourant, prendre des ordres, donner des ordres, coopérer, agir seul, résoudre des équations, analyser un nouveau problème, répandre de l'engrais, programmer un ordinateur, cuisiner un bon repas, se battre efficacement, et mourir galamment.
- Robert A. Heinlein
#19
Posté 02/09/2011 - 23:19
Mes préférées
Le Figaro choisit de ne pas coller ses vignettes mais de les intercaler entre d'autres blocs
«Savoir se libérer n'est rien ; l'ardu, c'est savoir être libre», André Gide, L'immoraliste
Sur la dette publique: «L'Etat est un alcoolique gravement atteint qui souffre à présent de problèmes de manque. Il en est à un stade où son addiction le rend incapable de travailler et où ses maigres revenus en constante baisse ne suffisent plus à subvenir à sa consommation d'alcool en augmentation. Il n'arrive plus à acheter assez pour éviter les sueurs et les tremblements. Votre diagnostic consiste à dire que le problème est seulement causé par un manque d'alcool et qu'il suffit de donner un peu de vodka au patient pour que tout aille mieux dans le meilleur des monde». (Pan)

Contrepoints, journal en ligne
#20
Posté 03/09/2011 - 09:02
Edit : et puis celle de climatescience aussi, ma préférée.
Fichier(s) joint(s)
- Coluche
Un homme devrait savoir changer une couche-culotte, planifier une invasion, charcuter un cochon, manœuvrer un navire, concevoir un bâtiment, écrire un sonnet, faire un bilan comptable, monter un mur, soigner une fracture, soutenir un mourant, prendre des ordres, donner des ordres, coopérer, agir seul, résoudre des équations, analyser un nouveau problème, répandre de l'engrais, programmer un ordinateur, cuisiner un bon repas, se battre efficacement, et mourir galamment.
- Robert A. Heinlein



