Vous me connaissez; j’aime prendre un sujet simple et le couvrir de beaucoup, beaucoup plus de détails que nécessaire. C’est ce que je vais faire avec celui-ci, alors attachez-vous aux enfants et préparez-vous à en apprendre beaucoup plus sur la police de Facebook et la typographie des médias sociaux que vous n’avez jamais voulu savoir.
Facebook est un cas intéressant, parce que leur police semble assez générique qu’il peut correspondre à plusieurs polices différentes., Jusqu’au milieu de 2014, ils utilisaient une police que la plupart des gens identifiaient comme Klavika Bold. Si vous le comparez au logo qu’ils utilisent maintenant, vous verrez quelques différences. La nouvelle police actuelle est presque la même, mais a un crénage et des angles légèrement différents sur certaines lettres.
La police n’a pas un nom, au moins à l’extérieur, car il n’est pas disponible en externe. Il a été développé en interne avec la contribution d’Eric Olson, de Process Type Foundry.
Par conséquent, vous ne pouvez pas télécharger officiellement la police actuelle du logo Facebook., Le plus proche serait Klavika Bold (lié ci-dessus). Si vous êtes un graphiste talentueux, vous pouvez faire quelques modifications pour l’obtenir très proche de leur police officielle.
La plus grande différence entre l’ancien et le nouveau design de police Facebook est le type de A qu’il utilise. Avant, il avait le petit crochet dessus, comme c’est typique avec de nombreuses polices. Le nouveau a n’a pas ce crochet. La version avec le crochet est appelée un a à double étage, tandis que la version sans est un a à un étage., Une chose intéressante à noter est que la police officielle conçue pour les utilisateurs dyslexiques a un a à deux étages, indiquant que le changement de Facebook a rendu leur logo légèrement moins lisible pour ces utilisateurs. Non pas que quelqu’un ait du mal à identifier le logo Facebook, dyslexie ou non.
Quant à la police qu’ils utilisent pour le texte de leur site de médias sociaux, elle varie d’une plate-forme à l’autre. Sur les PC, ils utilisent Tahoma, tandis que sur les ordinateurs Apple, ils utilisent Lucida Grande. Les appareils mobiles iOS utilisent Helvetica Neue, tandis que les smartphones Android et autres utilisent Roboto., Ces polices sans empattement, ce qui indique qu’elles n’ont pas toutes les fioritures supplémentaires, ou empattements, que viennent de plus compliqué polices. Times New Roman est la police à empattement prototypique, tandis que Arial est la police sans empattement standard.
Au cas où vous seriez curieux, soit dit en passant, Facebook utilise cinq nuances de bleu différentes tout au long de la conception de son site et de ses documents marketing. Ces cinq valeurs sont hexadécimales 0e1f56, 3b5998, 6d84b4, afbdd4 et d8dfea, du plus sombre au plus clair. Le bleu Facebook le plus connu est le deuxième, 3b5998., Vous pouvez, bien sûr, échantillonner n’importe quelle couleur sur le site simplement en prenant une capture d’écran de votre navigateur et en l’ouvrant dans un éditeur d’image. Même MSPaint a un outil pipette ces jours-ci.
Le logo de Twitter n’inclut pas souvent leur nom dans une police, mais quand c’est le cas, il est fait de grandes lettres légèrement arrondies avec nary un empattement à voir, ce qui signifie que la police exacte n’est pas officiellement disponible non plus. Ils n’ont pas changé leur police depuis un certain temps non plus. Cependant, la police de logo que vous pouvez utiliser pour la répliquer est la police Pico Alphabet, qui est presque identique., Il a été créé par Maniackers Designer, que vous pouvez trouver hébergé sur ce site. Attention: le site est en grande partie japonais.
Ce n’est pas exactement un match pour le logo Twitter, malheureusement. Le e n’est pas un match parfait, et le t ne s’étend pas assez loin. Vous pouvez voir une comparaison entre les deux sur le site même. Cela dit, il est assez proche pour presque n’importe quelle utilisation.
En ce qui concerne la police d’affichage sur leur site, vous pouvez la voir – ainsi que les directives de logo et autres conseils de gestion de marque – sur leur page d’actifs de marque., Ils citent leur police comme l’une des polices Gotham, en particulier Gotham Narrow SSm. Certains prétendent qu’ils ont changé pour le même Helvetica Neue que Facebook utilise sur iOS, mais d’autres ne sont pas d’accord. Vous pouvez toujours prendre une capture d’écran et utiliser un programme comme Ce que la police pour tenter de l’identifier vous-même.
Twitter spécifie cinq couleurs – plus le blanc – qu’ils utilisent sur leur site. Vous avez le 55acee bleu, le 292f33 presque noir et trois gris, ccd6dd, 66757f et e1e8ed. Encore une fois, vous pouvez les échantillonner vous-même pour confirmer.,
Une chose à noter est que Twitter a des règles spécifiques pour permettre aux autres d’utiliser leur logo. Vous n’êtes pas autorisé à changer l’angle ou la direction du logo, vous ne pouvez pas l’entourer d’autres animaux, vous ne pouvez pas ajouter de bulles ou changer les couleurs, et ils ne veulent pas que vous l’anthropomorphisiez. Bien sûr, j’ai vu à peu près chacun d’entre eux fait par quelqu’un quelque part, mais ce sont les directives que Twitter met en avant pour tout ce qui est officiel.,
Google+
Comme vous pouvez vous y attendre, Google – fabricants d’Android – utiliser la police qu’ils ont mis dans Android comme la police standard sans empattement. Cette police est Roboto, en particulier Roboto Medium pour leurs différents boutons de connexion. Fait intéressant, Google n’aime pas que les gens utilisent l’expression « Google + » pour leur plate-forme sociale. Ils préfèrent que vous utilisiez le logo G+ avec le mot « Google” seul. Google fournit la police, ainsi que des tonnes de directives sur la façon d’utiliser leurs boutons, police, et tout dans leur section Développeurs.,
Si vous étiez attentif aux nouvelles liées à Google l’année dernière, vous avez peut-être remarqué que Google a changé leur police de logo principal en septembre. Ils avaient une police et un logo robustes et épais, mais ils l’ont changé pour une version considérablement simplifiée. Leur raisonnement, disent-ils, est parce que les pixels parasites, les empattements et les formes compliquées peuvent devenir boueux sur les petits appareils. Parce que tant de gens utilisent des appareils mobiles et de petits écrans ces jours-ci, allant des tablettes aux montres intelligentes, ils avaient besoin de quelque chose de net et clair.,
La police qu’ils ont choisie ressemble beaucoup à Futura, mais Futura est en fait un peu différent. D’une part, Futura est basé sur des formes géométriques parfaites et des angles droits, tandis que le nouveau logo Google a un e incliné, entre autres choses. Le l est également un peu plus court. Vous pouvez voir une comparaison directe ici.
La police est une spin-off de leur Produit Sans font, qu’ils utilisent pour l’ensemble de leurs propriétés. Cette police utilise également le a à deux étages, probablement pour éviter d’avoir a et d’autres lettres similaires à la même apparence sur les petits écrans., Aussi intéressant que puisse être Google Mops, je ne pense pas que quelqu’un veuille le confondre et Cartographier ensemble, vous savez?
En ce qui concerne les couleurs, Google+ a une petite sélection. Ils n’ont pas besoin de s’embêter avec plusieurs nuances différentes. Ils ont un rouge, un gris clair et gris foncé. Le rouge est d34836, le gris foncé est 2d2d2d, et le gris clair est d2d2d2. Cela va juste vous montrer combien de précision Google met dans leur code.,
Autres
Reddit n’est pas connu pour sa typographie, et en fait la police qu’ils utilisent sur leur site change de sub en sub car différents subs personnalisent tout pour leurs utilisateurs. Les utilisateurs de Reddit sont notoirement difficiles sur les polices, aussi. Il y a un an, le site a augmenté la taille de police par défaut sur le site, et les Redditors sont collectivement allés ape sur le changement.
Quant à leur logo, ils utilisent une lumière arrondie VAG. C’est une police très fine et normale à tous égards, cimentant davantage la façon dont les Redditors aiment se sentir spéciaux en dépit d’être l’un d’une communauté collective de centaines de millions., Reddit n’a que trois couleurs qu’ils utilisent par défaut, le rouge ff4500, le bleu 5f99cf et le bleu clair cee3f8. Encore une fois, cependant, différents sous-marins peuvent avoir des conceptions différentes.
Pinterest est intéressant parce que leur logo n’a pas réellement de police. Avant leur refonte en 2011, ils utilisaient Bello Pro, qui peut être trouvé ici. Depuis lors, cependant, ils ont utilisé un logo personnalisé qui utilise le lettrage du logo sans une police. Il n’y a pas une police que vous pouvez prendre pour écrire dans « la police Pinterest” cependant., La raison principale en est qu’il peut avoir l’aspect cursif des lettres connectées correctement. Vous pouvez le voir dans les es et ts du logo, qui ont l’air différent entre les deux de chacun d’eux. Le logo Pinterest a été conçu par Michael Deal et Juan Carlos Pagan.
Contrastez cela avec la police du logo Instagram, qui émule un look cursif sans réellement connecter la plupart des lettres. C’est parce qu’il est plus facile de faire des lettres tourbillonnantes sans se soucier de la façon dont elles se connectent organiquement. La police utilisée par Instagram est Billabong, qui peut être trouvée ici., Contrairement à la plupart des autres polices de cette liste, vous devez payer des frais de licence pour acheter Billabong. Il n’est pas bon marché non plus.
Le logo Tumblr est une variante du style ancien de Bookman depuis le jour où le site a été fondé. Aujourd’hui, le T est toujours le même, mais le U a reçu une petite modification. Fait intéressant, le guide des actifs Tumblr contient des informations utiles. Ils permettent la personnalisation des couleurs autant que vous le souhaitez, et permettent de mettre le logo sur les photos et dans différents conteneurs. C’est beaucoup plus flexible que les autres réseaux sociaux.,
Pour terminer, vous devez toujours faire attention à l’émulation de la police d’un réseau social. Beaucoup de ces réseaux n’aime pas quand les gens utilisent leurs polices. Vous n’êtes généralement autorisé à utiliser que du matériel marketing spécifique et de manière spécifique, comme spécifié dans ces guides d’actifs auxquels j’ai fait référence. Si vous utilisez des logos de manière non autorisée, vous allez rencontrer des violations de marques, en particulier si vous utilisez l’une de leurs polices dans votre image de marque. En aucun cas, vous ne devez essayer d’incorporer leur logo ou leur police dans le vôtre.