Cet article a pour but, d’aider bien évidemment les novices ou toutes personnes intéressées par la typographie générale. Je vais vous présenter, quelques types de caractères, et vous expliquer le rapport graphisme/sens du texte avec les différentes classifications qu’ont créés de brillants typographes. Mais également de la couleur dans la typographie, la lisibilité d’un texte en couleur dépend du contraste et de l’effet spatial.

Il existe six types de modulations typographiques.

- La romain ou “régular” sur les ordinateurs, est la première typographie utilisée en 1450. Cette typographie est utilisée un peu partout pour sa simplicité et surtout sa lecture facile. Elle apporte une notion de sécurité et de stabilité. Vous pouvez facilement modifier les modulations de ce caractère. L’italique, créer par un italien en 1501, reprend les écritures manuscrites de l’époque. L’écriture penchée, dans le sens de la lecture nous permet de donner un certain dynamisme (notion de mouvement) tout en gardant une certaine légèreté.

- Les capitales sont les premières lettres conçus par les romains. Utilisées à l’époque pour graver les victoires des romains sur les statues de leurs souverains, ces capitales, de nos jours, apportent une dimension de puissance et d’ordre. Utilisez principalement dans les publicités.

- Les bas de casse sont les caractères appelés “minuscules”. Ce mode d’écriture apporte un rapport de convivialité entre l’auteur et le lecteur. Ce caractère est très facile à lire, elles permettent un graphisme plus intéressant. On peut les retrouver dans presque toutes les publicités simplistes.

- Les graisses sont les épaisseurs ajoutées aux caractères (gras). Elle permet de mettre en valeur certains éléments d’un mot ou d’un groupe de mot et ainsi permet aux lecteurs de repérer facilement l’essentielle du document.

- La chasse est l’encombrement des caractères en largeur. L’espace entre les caractères permet de donner un peu de fraîcheur et d’oxygène aux textes. Sans modifier le caractère utiliser, cette modulation peut être utilisée comme une phrase à effet sous un logo. Si le logo est très grand, et le slogan trop petit, le rapport images/textes est donc anéanti. Toutefois, nous pouvons utiliser la chasse pour que le slogan soit de la même taille que le logo, en largeur.

Des fonctions avancées sont présentes tels que la possibilité de voir les personnes qui vous ont envoyé un message ou un message privé via les onglets. Certaines fonctionnalités, plus avancé pour twitter facilement sont également disponibles, mais que dans certains thèmes. Notons également que BlueBird dispose d’un gestionnaire de compte Twitter, parfait pour ceux qui ont plusieurs comptes et qui souhaite switcher avec les autres autres comptes en deux clics. Pour trouver des thèmes, je vous invite à vous rendre sur cette page.

Lire : Thèmes BlueBird : Client Twitter Mac

Voici quelques aperçu de cette application ! Commençons d’abord par la gestion de l’application, des comptes, des sons et des thèmes.

Maintenant, voici l’interface de BlueBird avec ses différents onglets.

Côté fonctionnalité, il y a ce qu’il faut là où il faut ! Une palette d’outil situé à gauche de votre document contient un outil de sélection, un outil de transformation de vos formes, l’outil plume (tu rigole ?), un outil de tracé de forme géométrique et un outil de réglage pour vos reflets. Sur la droite de votre document nous avons les différents calques qui composent votre tracé vectoriel et les réglages des dégradés. Notons également la présence de la règle qui vous permet d’être précis dans vos travaux.

Les paramètres quant à eux sont très simples. Il vous suffit d’indiquer pour chacun des thèmes installer le mois et l’heure où le thème sera activé et de même pour sa désactivation. Vous pouvez donc gérer plusieurs thèmes dans la même journée tels qu’un thème clair dans la journée et un thème sombre (avec une petite lune) pour la nuit.

Mais également un thème pour l’hiver, le printemps, l’été et l’automne, parfait pour un système de template et tout ça sans vous prendre la tête puisque les changements se feront automatiquement.

Commençons par le logo. Pour créer un logo il faudra donc quelques petites notions de dessin, si vous n’avez jamais touché à un crayon ce qui suit peut quand même vous aidez à créer votre logo ou même une interface graphique. Le logo sert essentiellement à communiquer par l’image. L’internaute ne vous fera pas de cadeau, le logo devra avoir un impact sur la personne et ainsi lui permettra de ce souvenir de votre blog.

Le logo peut se classer dans différentes catégories telles que le pictogramme, un symbole, un simple texte ou une combinaison de texte et de symbole. Le logo devra avant tout communiquer sur le contenu de votre blog. Ne faite pas un logo d’un tracteur si votre blog traite de l’actualité informatique. Plus l’image est représentative du sujet de votre blog, mieux elle sera assimilée par vos lecteurs et donc plus simple de s’en rappeler.

- Le pictogramme vous permet de communiquer très facilement et cela dans le monde entier puisqu’en lui-même, le picto est une forme abstraite. Cependant, le picto devra être très bien travaillé par rapport au sujet de votre blog, sinon il faudra expliquer à l’internaute ce qu’il signifie.

- Le symbole devra être simple et faire passé un message direct. Par exemple, un blog sur l’informatique devra soit contenir un symbole universelle de l’informatique soit utilisé une forme abstraite et des couleurs associées à cette activité. Une partie d’une forme telles que les circuits imprimés, un écran, un clavier ou le trackpad. Les couleurs devront être grises ou blanches, le bleu peut également faire l’affaire si celui-ci traitent d’autres sujets.

- Le texte ou le lettrage utilisé par de grandes marques permet une lecture simple, mais peut par exemple être difficile à retenir si celui-ci ce prononce d’une certaine manière. On peut également souligner le fait qu’un logo texte peut être facilement copié vu qu’il n’utilise qu’une simple typographie.

- La combinaison de symbole et de texte et le plus utilisé. Il permet au blog d’avoir un caractère qui est impossible à copier (sans se faire prendre…). De plus, sa prononciation est plus ou moins facile, tout dépend de son application et de son exécution.

Même si vous n’avez pas les talents d’un graphiste, je vous conseille quand même de faire quelques brouillons sur papier de votre logo pour trouver tout simplement l’inspiration et ainsi trouver votre logo. Par la suite essayer de le faire sur ordinateur ou envoyé vos croquis à des contacts graphistes.

Mais comment sortir de l’ordinaire avec les millions de logos dans le monde ? Tout simplement grâce à votre originalité et à votre façon de penser. Prenons un exemple d’un simple logo très facile à faire. Le logo de ce blog “Geekeries”. Ce logo est donc composé d’un texte “Geekeries” et d’une forme abstraite “La ligne”. Le mot ce réfère à l’adresse du site (www.geekeries.fr) ou inversement.

La typographie utilisée, toute simple est “Myriad” . Elle permet ainsi une légère différence des typographies les plus utilisés tels que Arial, Verdana et Helvetica. Myriad a quelques particularités qui peuvent faire la différence.

La ligne abstraite qui démarre à la fin de la boucle du “S” en fin du mots “Geekeries” permet d’apporter une touche personnelle et donne un résultat unique et simple. Cette ligne permet également, d’une façon inconsciente de donner le sujet du blog ou le centre d’intérêt des lecteurs puisque cette ligne vient toucher les quatre premières lettres du logo laissant apparaître “Geek“. Je laisse alors le reste du mot à l’écart ce qui permet de montrer en un instant au visiteur de quels sujets nous traitons.

Le sujet du blog ayant changé après avoir créé ce logo, j’ai décidé de garder ce logo pour éviter de copier de nombreux blogs traitant sur wordpress mais également copié WordPress, qui est le créateur du logo. Si j’avais utilisé le logo wordpress, on ne se souviendra pas de “Geekeries” mais belle est bien de WordPress, à cause du logo.

Gecko : Un autre exemple de logo utilisant la technique de combinaison. Mais cette fois-ci moins abstraite puisque je reprends simplement l’image du sujet. Un Gecko est une sorte de lézard tout mignon il est donc très simple de réaliser quelques petits logos tout en gardant une touche personnelle et un logo unique. Nous pouvons jouer avec les éléments caractérisant le Gecko tels que son oeil, ses empreintes ou tout simplement “Gecko” lui-même ; Toutefois, si vous décidez de réaliser un Gecko, pensé à noter les différences entre les lézards(patte, queue, forme, tête, yeux…)

Ce logo contient donc un texte “Gecko” et l’image du Gecko, on le distingue du lézard grâce à ses pattes ventouses. Le texte ne contient en fait que quatre lettres “G E K O“. Une fois la bestiole dessiner j’essaye de jouer avec sa queue pour faire apparaître la lettre C.

Cette petite idée est bien personnelle et unique. Il ne vous reste plus qu’à le transformer sur votre ordinateur en noir et blanc et d’y ajouter par la suite de la couleur. Pour ce logo, il faudra utiliser les couleurs d’un gecko, tels que le brun, le vert, le blanc translucide, mais on peut également jouer avec les couleurs de son environnement.

Prochain dossier : Créer l’interface graphique d’un blog grâce aux régles de base de la mise en page.

Fluency 2 vous permet donc, une fois activé en tant que plugins de changer l’interface d’administration de votre blog. Mais également, l’affichage du panneau de connexion de WordPress (wp-login).

Toutefois, si vous avez choisi la couleur bleu pour l’administration, les différents modules du dashboard et des autres pages resterons bleu. Une petite touche de couleur dans tout ça, ça ne peut pas faire de mal !

Fluency 2 : Aperçu de l’interface général et du menu vertical gauche.

FreshGenerator est doté d’une interface simple et intuitive en Ajax et vous pouvez a tout moment interrompre la création de votre bouton et y revenir plus tard, pour cela il vous suffit de copier l’url mise à votre disposition, elle peut également servir a partagé vos boutons avec vos amis blogueurs.

Dans la page “exemples” vous y trouverai les boutons de Youtube, Mozilla et Ebay, créer avec FreshGenerator.

Pour l’utiliser c’est très simple, si vous cherchez une icône RSS il vous suffit de taper “rss” et de validé. Si vous n’avez pas d’idée de “tags” une page répertorie tous les tags enregistrés par les visiteurs. Une page contenant les icônes les plus populaires existe également.

Pour certaines icônes toutes les tailles sont disponibles et donc vous fera un autre petit pack d’icône dans votre collection !

Pour cette version de Creative Suite, l’éditeur Adobe, annonce que 4 éditions différentes seront disponibles :

• Adobe CS4 Master Collection : 3 586,80 € (version complète) et 1 194,80 € (mise à jour)
• Adobe CS4 Design Premium : 2 630 €  et 895,80 €
• Adobe CS4 Web Premium : 2 271,20 € et 776,20 €
• Adobe CS4 Production Premium : 2 510,40 € et 836 €

Cependant, certaines applications telles que Photoshop CS4, Flash CS4 et Dreamweaver CS4 seront vendus séparément aux prix respectifs de 850, 700 et 480 euros

Hier soir j’ai eu l’envie de le finir et ça y est, il est fini (en 20min…). Je vous laisse donc un aperçu de ce thème au complet et j’espère qu’il vous plaira. N’hésiter surtout pas à donner votre avis sur ce thème !

J’attends vos feedbacks avec une grande impatience :). Notons également que je cherche un codeur XHML/CSS pour le développent de ce thème. Donc n’hésiter surtout pas !