Dross
-
Posté le 17/09/06 02:04
Niveau :
Confiance
27
messages
Je vais énumérer quelques unes des astuces qui me paraissent utiles par rapport à ce que j'ai pus voir un peu partout. Mon but n'est pas de faire un quelconque étalage de mes connaissances, mais juste de donner quelques petites trucs qui pourrait se révéler utiles a certains.
Déjà la base :
-il est plus facile est moins dangereux de faire des designs en une ou deux couleurs. Au-delà il faut du feeling. Deux est souvent un bon compromis. Pour être sûr que les deux couleurs s’harmonisent il vaut mieux rester dans le même domaine, à savoir soit couleurs froides (bleu vert violet ….) soit couleurs chaudes (jaune orange rouge …). Là encore on peut faire des beaux designs en ne respectant pas cette règle simple, mais il faut du feeling.
-les fonds de blogs fait de fond d’écran peuvent donner de jolis résultats, mais il faut savoir que c’est assez difficile à intégrer proprement, et qu’on a souvent un problème de lisibilité. Pour autant, on peut résoudre ce problème en retravaillant sous un logiciel de traitement d’image : jouer sur les contrastes et la luminosité devrai vous sortir de ce petit problème en créant un fond plus homogène.
-une des règles pour un design agréable est la simplicité ! un truc psychédélique qui remue et saute de partout sera fatiguant et lassant à la longue. C’est pour cela que je déconseille l’utilisation abusive de gif. Mieux vaut une animation, mais parfaitement intégrée a l’ensemble, qu’une bouillis de pixel qui gesticule dans tout les sens.
Mais il s’agit ici d’un point de vu complètement personnel et discutable.
-utiliser des images de fond d’écrans pour vos bannières, boutons, etc. est beaucoup plus joli qu’un fond neutre et mono chromatique. Le problème est qu’il faut du coup choisir très finement le fond d’écran a utiliser pour que ça soit sympa, n’hésitez pas a perdre 20 mins pour trouver quelque chose qui convienne parfaitement : c’est ce qui fera que votre création sera belle, ou pas. Perso je tourne avec une base de donnée de 2000 fonds d’écrans pour mes créations. Je vous conseille de vous en créer une aussi. C’est très pratique et vous fera gagner du temps par la suite.
-il faut aussi savoir que quand on retouche une image (réduction, agrandissement) elle est forcément dégradée. Alors que la réduction ne pose généralement pas de problème, l’agrandissement génère des images crénelées (i.e : avec des contours en escaliers), et tout l’anti-aliasing du monde n’y pourra rien. Il faut donc toujours prendre des images à forte résolution pour ne pas être embêté lors de vos travaux.
Et maintenant des choses un peu plus précises.
-J’ai parlé d’intégration plus haut. J’entends par ce terme le fait de rechercher à ce que les divers éléments du blog face corps entre eux. En des termes plus clairs, il faut qu’on sente une réelle harmonisation entre toutes les parties de votre blog. On peut par exemple se dire que les parties servant à la navigation (liens, boutons) soient d’une telle couleur, que la partie servant à la lecture soit d’une telle autre, etc. Un bon design ne doit pas faire l’impression d’un puzzle mélangé.
-Si vous vous en sentez capable (connaissances requises : langage CSS) le must est bien entendu de faire correspondre les différentes images et parties graphiques de votre blog pour que l’ensemble soit continu. La connaissance du CSS vous permettra de calculer exactement les tailles des images qu’il vous faudra créer. Ensuite il vous suffira de créer les images en pensant a faire coïncider les effets graphiques avec les bords qui seront en contact (dégradé, élément géométrique, …).
Voila pour les quelques petites astuces. Bien évidement, ce n’est pas avec ça que vous saurez parfaitement créer un design, mais cela vous permettra peut être de ne pas tomber dans certains petit pièges aisément évitable.
N’hésitez pas non plus a regarder comment les designs des autres sites/blogs sur le net sont fait, a réfléchir sur comment vous l’auriez fait etc. Cela vous permettra de découvrir les petites astuces de chacun, et vous donnera de l’inspiration.
Je fini sur quelques exemples fait de ma sourie, pour illustrer les points précédent :
Exemple de blog avec design « continu, bicolore » : http://arrachecoeur.over-blog.com
Exemple de blog avec design « harmonisé, bicolore » : http://dross.over-blog.com
Exemple de design pour forum, « harmonisé, monocolore » : http://croissantalbre.conceptforum.net
Site pour apprendre rapidement le CSS (et si l’envie vous en prend : le xhtml, php, mysql) :
http://www.siteduzero.com
logiciels de traitement d'image que je préconise : Photoshop ou The Gimp (Dist. linux)
bon design
"Celui qui ne veut pas mourir pour une cause qui lui semble juste ne mérite pas de vivre" Martin Luther King
