Après avoir récemment découvert twitter je me suis dit qu’il serait intéressant de faire un tutoriel concernant ce service de micro blogging. Twitter est un site qui permet d’envoyer des minis messages à sa bande de followers (comprendre ceux qui suivent vos minis aventures). Mais bien évidemment, vous le savez déjà … déjà plusieurs millions de personnes utilisent ce service quotidiennement et moi je suis à la traine.

Je vous propose aujourd’hui de découvrir le service de twitter en s’intéressant d’avantage à son esprit graphique. Nous étudierons son logo puis son site Internet et nous finirons par créer nous aussi du graphisme stylé twitter !

Cet article se compose de trois parties :

• L’univers graphique de twitter
• Les icônes Follow me, spécial twitter
• Créer une publicité twitter avec Photoshop.

L’univers graphique de twitter

Ce service se doit d’être simpliste au maximum. Twitter joue donc la carte de la sobriété que ce soit sur son site Internet ou son logo. Quand on arrive sur la page d’accueil on doit reconnaitre le service mais surtout identifier les différentes actions possibles. Explication du service, inscription et ou connexion.

Il suffit de regarder la page d’accueil du site :

Ou encore la page d’inscription qui est d’une simplicité enfantine … hormis le captcha qui reste une véritable abomination.

Ou encore la page d’administration du compte qui permet de modifier le design en quelques clics.

Le logo représente relativement bien cet esprit simple et aéré du service, les couleurs sont également judicieusement sélectionnées.

Ou encore l’oiseau mascotte qui représente au mieux l’ambiance : rapide et aérien.

Les icônes Follow me spécial twitter

Depuis le succès grandissant du service twitter, de nombreux webdesigners de talent ont développé des icônes, ou des mascottes pouvant aider au mieux les internautes à suivre le micro blogging. Voici une sélection des meilleures créations disponibles en téléchargement sur le web.

ICONE 1

http://www.iconarchive.com/show/web-2-icons-by-fasticon/Twitter-icon.html

ICONE 2

http://www.productivedreams.com/its-twitter-time-free-vector-icon-set/

ICONE 3

http://designreviver.com/freebies/6-free-new-social-icons-digg-twitter-stumble-rss-delicious-reddit/

ICONE 4

http://vector.tutsplus.com/illustration/create-a-twitter-style-bird-mascot/

ICONE 5

http://phiredesign.deviantart.com/art/Twitter-Icon-103468482

ICONE 6

http://www.hongkiat.com/blog/100-remarkably-beautiful-twitter-icons-and-buttons/

ICONE 7

http://randaclay.com/freebies/free-twitter-graphics/

ICONE 8

http://kailoon.com/free-vector-icons-set-twitter-birdy-icon/

ICONE 9

http://icontexto.blogspot.com/2008/09/icontexto-webdev-social-bookmark-bonus.html

ICONE 10

http://monkeyworks.wordpress.com/2008/11/12/twitter-icons-with-attitude/

ICONE 11

http://www.smashingmagazine.com/2008/09/23/practika-a-free-icon-set/

ICONE 12

http://thedesignsuperhero.com/2008/10/free-psds-give-away-high-resolution-twitter-bird-icons/

ICONE 13

http://www.webdesignerdepot.com/2009/07/50-free-and-exclusive-twitter-icons/

ICONE 14

http://juliusx.deviantart.com/art/Twitter-Icons-PSD-117644880

ICONE 15

http://www.webdesign.fm/free-twitter-icons-happy-birds/

ICONE 16

http://web-kreation.com/index.php/articles/freebies-2-awesome-twitter-icons/

ICONE 17

http://ithemes.com/free-rockin-twitter-icons-for-your-blog/

ICONE 18

http://littleboxofideas.deviantart.com/art/TWEETA-A-Free-Twitter-Icon-Set-120816409

ICONE 19

http://cyberella74.deviantart.com/art/Twitter-dock-icons-125995572

ICONE 20

http://milomark.deviantart.com/art/Twitter-103084309

ICONE 21

http://antonist.deviantart.com/art/twitter-icon-117679205

ICONE 22

http://poeticpixel.box.com.ph/2009/03/26/free-twitter-icon/

ICONE 23

http://aleandros.deviantart.com/art/Twitter-icon-87333441

ICONE 24

http://tribalmarkings.deviantart.com/art/Twitter-Dock-icon-119835593

ICONE 25

http://catmy.deviantart.com/art/Lovely-Twitter-Icons-119310358

ICONE 26

http://www.iconspedia.com/icon/twitter-bird-5-63.html

ICONE 27

http://www.flickr.com/photos/darkmotion/2691565773/

ICONE 28

http://www.blog.spoongraphics.co.uk/freebies/8-free-cute-and-simple-twitter-bird-vector-graphics

ICONE 29

http://inaliblast.deviantart.com/art/Twitter-Birds-117712134

ICONE 30

http://thedesignsuperhero.com/2009/03/tweet-tweet-cute-tweet-another-free-twitter-icon/

ICONE 31

http://www.productivedreams.com/free-twitter-bird-icon-set/

ICONE 32

http://freakyframes.deviantart.com/art/Twitter-Bird-127757230

ICONE 33

http://www.smashingmagazine.com/2009/01/23/friday-freebies-flavours-icon-set-and-cute-tweeters-icon-set/

ICONE 34

http://tylersticka.deviantart.com/art/TweetDeck-Replacement-Icons-105464224

ICONE 35

http://graphicleftovers.com/graphic/Twitter-Eggs/

ICONE 36

http://fasticon.com/freeware/index.php/twitter-block-icons/

ICONE 37

http://monkeyworks.wordpress.com/2008/09/30/tweeter-icon/

ICONE 38

http://www.jankoatwarpspeed.com/post/2009/01/26/Free-Fat-twitters-icon-pack.aspx

ICONE 39

http://www.flickr.com/photos/maustuff/3174449299/

ICONE 40

http://monkeyworks.wordpress.com/free-twitter-icons/

ICONE 41

http://monkeyworks.wordpress.com/2009/02/10/follow-metwitter-icon/

ICONE 42

http://limeshot.com/2008/follow-me-on-twitter-badges

ICONE 43

http://www.smashingmagazine.com/2009/06/24/birdies-cute-free-twitter-icons-for-your-blog/

ICONE 44

http://leanneboyd.posterous.com/for-the-birds-social-networkin

ICONE 45

http://weblog.404creative.com/2008/12/20/free-vector-twitter-icons/

ICONE 46

http://darkmotiondotcom.deviantart.com/art/Twitter-fellows-123633286

ICONE 47

http://catmy.deviantart.com/art/Twimo-87583007

ICONE 48

http://www.flickr.com/photos/matthamm/3383916444/in/pool-twitterbirds

ICONE 49

http://www.luclatulippe.com/index.php/site/comments/free_twitter_birds/

ICONE 50

http://www.littleboxofideas.com/blog/freebies/tweetbird-free-twitter-icon

Après cette belle liste d’icônes Twitter, voici un tutoriel pour créer une publicité toujours dans la même thématique.

Pour lire le prochain article de la saga, merci de patienter un petit peu Je le publierai dans les prochains jours.

Cliquez ici pour lire la deuxième partie de la saga de tutorials dédiés au service Twitter !