Google Fonts is de nieuwste Google-service die een design-make-over heeft gekregen. De map met gratis weblettertypen maakt het een makkie voor ontwerpers om lettertypen aan te passen, lettertypen te delen met hun collega's en zelfs samen te werken aan lettertypen met de oorspronkelijke ontwerper.
In een tweet op zijn officiële Twitter-stream , Google Fonts kondigde aan dat het een nieuwe look had die het browsen voor nieuwe fonts stroomlijnde. Mensen die lettertypen nodig hebben voor hun sites of applicaties hebben nu een veel toegankelijkere service om te gebruiken.
Als je het vergelijkt de oude versie van Fonts naar de nieuwe versie , het contrast is opmerkelijk. Het nieuwe ontwerp wordt bepaald door minder rommel, meer kleuren en een schonere gebruikerservaring.
Terwijl de oude versie lettertypen in rechthoekige vakken van links naar rechts weergeeft, maakt de nieuwe versie verstandig gebruik van op kaarten gebaseerd ontwerp om zowel de reeks open-bronlettertypen van Google te organiseren en te laten zien. Het algehele resultaat is een presentatie die te kampen heeft met minder rommel, waardoor het voor ontwerpers, ontwikkelaars en gebruikers gemakkelijker wordt om door de site te navigeren en lettertypen te vinden die ze leuk vinden.
De verschuiving van de hoofdinhoud naar het midden van de pagina maakt het gebruik van witte ruimte echt effectief. In het oude ontwerp was de witte ruimte ongericht, omdat verschillende pagina-elementen om aandacht trokken.
Het nieuwe ontwerp heeft minder navigatie dan het oude ontwerp. Terwijl er een navigatiebalk was die ontwerpers verschillende lettertypen in actie liet zien op basis van woorden, zinnen, alinea's en posters, is dit allemaal verwijderd in de nieuwe uitrol. In plaats daarvan krijgen ontwerpers nu alleen de schermkeuzes te zien wanneer ze hun cursors op de eigenlijke lettertypekaarten plaatsen; daar worden ze begroet met verschillende vervolgkeuzelijsten voor de voorbeeldtekst en stijlen.
De vervolgkeuzelijst met grootteselectie is verwijderd en is nu een enkele schuifregelaar op elke kaart. Verder zijn de filters die verschillende categorieën behandelen en hoe alle lettertypen moeten worden gesorteerd, verplaatst van de linkerzijbalk naar de rechterzijbalk.
Misschien heeft Google, in overeenstemming met de gevoeligheden van Material Design, ook meer kleur geïntroduceerd in de Fonts-service. Het oude ontwerp bevatte alleen blauw en wit, waardoor het gebruik van witte ruimte niet effectief was, omdat het grootste deel van de pagina toch wit was.
Een welkome aanblik voor ontwerpers die een probleemloze ervaring willen
Met het nieuwe ontwerp kunnen gebruikers hun kleurenschema kiezen: door te klikken op het pictogram "achtergrondkleur wijzigen" kunnen gebruikers kiezen tussen roze, zwart, blauw en geel voor de achtergrond. Alle schermen hebben een goed contrast, maar sommige achtergrondkleuren werken beter dan andere.
De UX is echt het belangrijkste aan het einde van de dag. Het herontwerp van Google Fonts heeft de UX verbeterd tot maximale efficiëntie. Wanneer ontwerpers geïnteresseerd zijn in een lettertype, kunnen ze klikken op "zie voorbeeld" om op een nieuwe pagina te komen die hen alle details over het lettertype en informatie over de letterontwerper vertelt. De oude versie gebruikte eigenlijk pop-upvensters om dezelfde info te presenteren.
Gebruikers hebben ook de mogelijkheid om de zoekbalk te verbergen, die in het oude ontwerp niet was toegestaan.
Al met al zou de update van Fonts een welkome aanblik moeten zijn voor ontwerpers die een zorgeloze ervaring willen met het kiezen van een nieuw lettertype voor hun webprojecten. Het strakke ontwerp levert een verbeterde UX op die navigatie gemakkelijker maakt.