Variabele lettertypes zijn een zeer aanpasbare lettertypetechnologie. Het variabele lettertypepaneel van adobe fonts stelt je in staat om het uiterlijk van variabele lettertypes aan te passen en de beste stijl te kiezen die past bij je projecten. creative cloud-applicaties die momenteel variabele lettertypes ondersteunen zijn photoshop, indesign en illustrator.
Wat zijn variabele lettertypes?
Variabele lettertypes gebruiken één bestand om veel lettertypestijlen op te slaan, in tegenstelling tot statische lettertypes die afzonderlijke bestanden gebruiken voor elke beschikbare stijl. Ze stellen je in staat om een waarde op te geven voor elke ontwerpas van een lettertype, waardoor je controle krijgt over het uiterlijk van het lettertype waar statische lettertypes niet toe in staat zijn.
Traditionele statische lettertypes vereisen dat je elke individuele stijl toevoegt of installeert die je wilt gebruiken in je project. Met Acumin Pro voeg je bijvoorbeeld Acumin Pro Regular, Acumin Pro Italic en alle andere stijlen toe waartoe je toegang wilt hebben. Acumin Variable bevat alle stijlen van Acumin, dus je hoeft maar één lettertype toe te voegen.
Elke configuratie van een variabel lettertype wordt een instantie genoemd. Instanties zijn vooraf ingestelde stijlen die zijn gemaakt voor snelle toegang. Het variabele lettertypepaneel hierboven toont dat Acumin Variable is ingesteld op een standaardinstantie — een vooraf bepaalde instelling waarop alle variabele lettertypes terugvallen vóór aanpassing.
Verderop in het paneel staan de asbesturingen. Assen vertegenwoordigen een doorlopend bereik van stijlvariaties. Eén variabel lettertype kan meerdere assen bevatten. Je kunt een as aanpassen aan elk getal binnen het minimum- of maximumbereik. In het voorbeeld van de Acumin Variable zijn de assen Slant, Weight en Width.
Variabele lettertypen gebruiken op de Adobe Fonts website
Elke familiepagina voor variabele lettertypen op de Adobe Fonts website bevat een interactief tekst-tool en paneel waarmee je het lettertype kunt aanpassen aan je gewenste stijl. Je kunt een vooraf ingestelde instantie kiezen om snel te manipuleren of je eigen instantie maken.
Een variabel lettertype toevoegen aan een web Project
Om een variabel lettertype op te slaan in je web Project, selecteer je add to web project boven het paneel voor variabele lettertypen op de familiepagina. Zorg ervoor dat het juiste lettertype is geselecteerd; sommige variabele lettertypen hebben extra lettertypen binnen hun familie.
Selecteer Copy CSS onderaan het paneel om de code te pakken die overeenkomt met de aangepaste instantie die je maakt. De code toont een standaardinstantie als er geen aangepaste Instellingen zijn.
?$png$&jpegSize=100&wid=300)
Je kunt de browser-URL als bladwijzer opslaan na het aanpassen van een variabel lettertype om je laatste aangepaste Instellingen later opnieuw te bezoeken, of selecteer Copy URL om je configuratie te Delen of op te slaan.
Variabele lettertypen in gebruik
De aanpasbare aard van variabele lettertypen maakt ze perfect voor verschillende toepassingen, van digitale graphics tot productverpakkingen of even voertuigbelettering. Door de breedte aan te passen kan een lettertype zo worden gerangschikt dat het nog steeds leesbaar is op onregelmatige oppervlakken.
Creatieve instellingen voor variabele lettertypen kunnen een merkpersoonlijkheid naar voren brengen of lange titels accommoderen die vaak niet passen in ondertitelgraphics.
Slant-, weight- en width-assen worden gebruikt om Obviously Variable aan te passen zodat het past op de autodeurpanelen. Acumin Variable wordt gebruikt voor lange ondertitels.
Je kunt variabele lettertypen gebruiken om een visuele hiërarchie te maken op billboards en posters of het variabele lettertype aanpassen aan kleine ruimtes en vreemde vormen in verpakkingsontwerp.
Variable letteretypen blinken uit door betere regelafbreking in alinea-uitvulling te maken. De width-as maakt met name efficiëntere en visueel aantrekkelijkere woordafstand mogelijk.
Variabel lettertype-mogelijkheden zorgen ervoor dat ze goed presteren in responsief webontwerp. Eén variabel lettertype kan worden gebruikt om aan te passen van kleine naar grote schermformaten, wat helpt een klein bestandsformaat te behouden en de laadtijd te verminderen.
Codefragmenten kunnen aan je CSS worden toegevoegd zodat variable letteretypen animate, reageren op geluid, omgevingslicht of computersysteemthema. Variabel lettertype-assen maken variable letteretypen ook gemakkelijker te animate.
Ontwerpers van letteretypen blijven nieuwe manieren verkennen om te interacteren en te innoveren met deze lettertypetechnologie.
