Share
Tout le monde a son propre plaisir en matière de conception de sites Web; avec moi, c'est une grande typographie. je amour lire sur le Web lorsque le contenu est présenté avec un grand type, sans prétention. Ajoutez à cela des couleurs intelligemment utilisées, des espaces blancs confiants et des polices bien conçues - je suis accro. L'inspiration de cette semaine rassemble certains de mes exemples préférés.
Si un site Web doit créer cette liste, il doit avoir un corps de copie d'au moins 16 pixels, de préférence beaucoup plus. Nous commencerons par le bas de l'échelle avec digg, dont les articles de fond utilisent un 18px sain:
Les titres et le corps utilisent des poids différents de Graphik, bien que les titres soient un # 191919 légèrement plus sombre et très contrasté par rapport au plus facile # 232323 utilisé pour la lecture principale.
Un autre exemple de 18px (1.125em) est la Royal Drawing School de Londres, qui utilise une combinaison de polices judicieusement chique:
La police utilisée pour les en-têtes ici s'appelle Vinter; Personnalité Art déco, avec des traits modulés très contrastés (des coups d'épaisseur variable). En savoir plus sur sa conception sur le site Web Monokrom.
Je préfère l'audace de la fonctionnalité digg à celle de The Verge, bien que celle-ci dresse également la liste pour ses espaces généreux et l'accent mis sur le contenu lui-même:
Dans ce cas, la copie du corps est de 16,5 pixels sur les grands écrans et repose sur les polices système (Helvetica, Arial), même si les en-têtes et les cotes de bloc sont identiques à Playfair Display. C'est une grande lecture, mais pourrait toujours être plus grande en ce qui me concerne.
Le Washington Post utilise également une police système (Georgia 18px) comme cheval de travail, bien que les titres et légendes utilisent Postoni (un serif condensé, quelque chose que vous verrez utilisé par de nombreux journaux) et ITC Franklin, respectivement..
Chapeau à Wondersauce, l'agence à l'origine de la refonte du FADER. Comment est-ce pour faire une déclaration avec l'en-tête d'un article?
«Nous n’avons jamais empêché les lecteurs d’obtenir un contenu supplémentaire inutile ou une conception superflue. Le contenu a régné comme roi; un roi très bien habillé. "- Sauce des merveilles
Belle! Police orange neutre de 120 pixels (nous ignorerons le fait que cette rubrique est marquée comme Le sous-titre aussi, Freight Text Pro dans un 48px très-dans-votre-visage. En fait, ces titres sont tellement volumineux qu’ils font paraître le corps du texte très petit, alors qu’il est affiché à 19.2px (1.2rem) sur de grands écrans.! Edenspiekermann utilise un énorme 1.92rem pour nous accueillir sur son site: La police en question est "Espi"; une version interne de leur propre unité FF (par Christian Schwartz et Erik Spiekermann), qui convient aussi bien à la police d’affichage qu’au style. Et il n’est pas étonnant que Edenspiekermann utilise aussi énormément de caractères pour son blog, même s’ils ne sont pas des publications éditoriales.. Jason Pamental tire son chapeau en recommandant l’Histoire de la typographie vietnamienne de Donny Trương. Les caractères de grande taille (1,1875em ou 19px), les combinaisons de polices de qualité (regardez les ligatures OpenType) et le contraste en sourdine entre le type et le fond rendent ces pages très faciles à absorber. Des couleurs plus faciles à voir se trouvent sur Vox, où le corps reçoit une taille de police saine de 19,5 pixels (ou l’équivalent). Laissez simplement vos yeux se détendre et lisez… Le sujet des combinaisons de couleurs nous amène à notre sujet suivant: The Forecaster. Ce site a été construit pour accompagner un documentaire sur le conseiller financier Martin Armstrong et ses prédictions sur l'économie mondiale.. Inspiré du classique «saumon» utilisé par le Financial Times, ce rose atténue le contraste et améliore l'expérience de lecture. C'est certainement distinctif, ce qui est l'une des raisons attribuées à la décision originale du FT d'imprimer sur du papier de couleur. Une théorie peut-être plus appropriée est que la teinte rose était moins chère, en raison du blanchiment moins important du papier. Peu importe, les couleurs sont superbes et le type est massif. Le corps entre dans un format conservateur de 16px, mais les en-têtes s'étirent pour remplir l'espace disponible (en utilisant une technique similaire à FitText). Découvrez quelques-uns des thèmes en vente sur Envato Market et ajoutez des gros caractères à votre prochain projet Web: Comme je l'ai mentionné plus tôt; J'aime les gros caractères. J'adore les détails que cela permet et j'adore quand les concepteurs placent le contenu en lecture en haut de leur liste de priorités. J'espère que cette collection vous inspire à être audacieux et à voir grand!
Facile sur les yeux
Marché Envato
Thème WordPress: Barcelone
Thème WordPress: Vendredi NouvellesDe conclure
Accentsconagua