Min läslista

Din läslista är tom.

Sök på capdesign.se

Ur tidningen
43334

10 verktyg som tar typografin på webben till nya höjder

TEXT Andreas Göransson

Jobbar du med typografi och vill slippa vara beroende av installerade verktyg? Här kommer 10 tips som underlättar din vardag.

Annons

Den här artikeln publicerades först i CAP&Design #1 2018 med tema Typografi – för mer typsnittsinspiration, köp tidningen här

magimage
magimage
Få CAP&Design i brevlådan

4 nr för 708:-

Prenumerera

Att ha mjukvara installerad på en dator har så klart sina fördelar, med kortare laddningstider och möjlighet att arbeta i nedkopplat läge, men verktyg på webben kan i många fall ge ett smidigare arbetsflöde. Du kan sömlöst byta dator utan att behöva genomlida dryga installationer och med tanke på hur bra dagens internetuppkopplingar är blir mjukvaran sällan för tung.

Detta gäller även typografi där det i dag finns en hel del alternativ att välja mellan. Vi har samlat några som ger dig möjligheten att skapa en bättre läsupplevelse för de webbsajter du jobbar med – helt online.

Typesettings.css
Brinner du för minimalistiskt designtänk? Då kan Typesettings.css vara något för dig. Tillägget bygger på CSS och implementeras i head-sektioner på din hemsida, samt i artikel-elementet. Alla typografiska stilar som följer med är väldigt enkla och följer minimalistiska regler, vilket gör Typesettings.css perfekt för den som vill bygga en avskalad hemsida eller blogg. Senaste uppdateringen kom i oktober förra året, vilket innebär att mjukvaran fortfarande är aktiv och hålls vid liv.

Slabtext
Det här är ett script för designern som enkelt vill kunna dela på rubriker så att de passar in i alla typer av mallar. Enligt utvecklarna själva kalkylerar Slabtext det perfekta antalet tecken på raken och anpassar dem sedan på pixelnivå. Slabtext är helt gratis att ladda ner och finns på utvecklarnas Github. Värt att notera är att det har dryga två år på nacken men fungerar fortfarande felfritt – även i Microsofts numera nedlagda Internet Explorer.

Gutenberg
Döpt efter Johannes Gutenberg, den tyska uppfinnare som skapade tryckpressen, är Gutenberg det perfekta startpaketet för designern som vill arbeta online med typografi. Med Gutenberg kan du ställa in typsnittets storlek, linjehöjd och maxbredd. Dessutom är Gutenberg ett projekt baserat på öppen källkod, och som användare får du därför på eget bevåg bidra med egna skapelser, använda andras och modifiera efter smak och tycke.

Typographic
Det här är verktyget för dig vars mål är att uppnå typografi som är enkel och responsiv. Typographic är lika lätt att komma igång med som det är att lära sig; allt som krävs av dig är att du plockar typsnitten du vill ha och klickar i de inställningar som passar ditt projekt bäst. Typographic gör resten av jobbet och resultatet är en snygg responsiv typografi. Verktyget blir extra smidigt om du vill skapa en hemsida vars typografi ser riktigt bra ut på desktop, i mobilen och surfplattan.

Type Scale
Är du ute efter ett program som ger dig möjlighet att leka med typsnittens olika storlekar? Då bör du spana in Type Scale som fyller just det syftet. Allt sker direkt i webbläsaren i ett redigeringsfönster och när du känner dig klar, då går det snabbt att exportera resultatet till CSS.

State of Web Type
State of Web Type är mer av en databas än ett renodlat verktyg. Det är dock smidigt för designern som vill hålla koll vad som är hett just nu, men även kontrollera ett visst typsnitts stöd. Databasen är detaljerad i sin kategorisering och du kan söka på allt från kerning till capital spacing och mycket mer.

Glyphr Studio
Med Glyphr Studio kan du skapa dina egna typsnitt direkt i webbläsaren. Programmet är i det enklaste laget, långt ifrån så komplext som proffsprogram. Fördelen är att det är lätt att komma igång med, anpassat för nybörjaren och helt gratis att använda.

Kerning.js
Med hjälp av det här verktyget kan du som designer skala om, modifiera och transformera din typografi till CSS – helt automatiskt. Det är utvecklat med användarvänlighet i åtanke och går snabbt att komma igång med. Enligt utvecklarna själva hjälper verktyget till att ta webben till nästa nivå. Devisen för dem är nämligen att ”printfolket” haft ett enkelt försprång alldeles för länge.

Typecast
Det här är mer av ett renodlat program än ett tillägg du installerar på din hemsida. Med Typecast kan du skapa olika typer av designer direkt på webben. Verktyget finns i en gratisversion där över 600 typsnittsfamiljer finns att leka med. Om du vill ha ett större utbud finns två premiumvarianter där den ena innehåller över 12 000 typsnittsfamiljer och den andra över 24 000 typsnittsfamiljer.

Fittext
Om du är på jakt efter ett verktyg för att göra din hemsida flexibel gällande olika typsnitt, kan Fittext vara värt att ta en titt på. Som namnet antyder anpassar programmet typsnittet och precis som i fallet Slabtext kan du få fram rubriker som passar alla olika typer av  upplösningar. Nackdelen är att Fittext endast fungerar för större text, men det är å andra sidan kanske ingen nackdel om fokus ligger på just rubriker.


Warning: file_get_contents(): php_network_getaddresses: getaddrinfo failed: Name or service not known in /home/sippiese/capdesign.se/wp-content/themes/cap/functions.php on line 5206

Warning: file_get_contents(https://urls.api.twitter.com/1/urls/count.json?url=https://capdesign.se/verktyg-pa-webben/): failed to open stream: php_network_getaddresses: getaddrinfo failed: Name or service not known in /home/sippiese/capdesign.se/wp-content/themes/cap/functions.php on line 5206
Annons
Annons
Annons

Magasinet

magimage
magimage
2018
No2

Sthlm signs handmålar | Nordblicks nya profil | Semiotik i grafiken | Galleri: Simon Hjortek | Löwengrips redesign | Designa effektiva logotyper | Att redesigna eller ej | Nystartade studion Ulmaja Wilsson | Vi testar Loupedeck

Prenumerera
magimage
magimage
2018
No1

Passionsfyllt foundry | Typografiska omslag | Jämställt inom typografin | Historisk inspiration | Rörlig typografi | Att nå ut med snitten | Webbverktygen för typo | Byråer efter koncept

Prenumerera
magimage
magimage
2017
No5

Framtiden för reklam | Inkludering för tillväxt | Formgivarens roll i en globaliserad värld | Norm Form | Aardman Studios | Färg på rätt sätt | En kräsen generation

Prenumerera
magimage
magimage
2017
No4

Klarnas nya form | Från A till Zlatan | Vikten av design hos Sveriges digitala jättar | Curious ställer frågan först | Starka identiteter för stora varumärken | Converse tar steget fram med blicken bakåt | Nordiskt fokus på flygplansmat

Prenumerera
magimage
magimage
2017
No3

Psykedelisk design | Koncept för krögare | Gedigna kreatörer | Identitet med stil | Matigt fotografi | Alectas historia | Läskig analys

Prenumerera
magimage
magimage
2017
No2

VR till folket | Karaktärsdesign | Robert Sundelin | Johanna Hanno | En byrå över gränser | Framtidens filmstudio | Wacoms nya plattor | Juventus rebrand

Prenumerera
magimage
magimage
2017
No1

Fantastiska världar – Alexander Jansson & Mina Lima | Jakob Trollbäck | Rysk revolution | Magasindesign | Ny form för public service |

Prenumerera
magimage
magimage
2016
No4

Starta egen byrå? – Möjligheterna, utmaningarna och fallgroparna | SJ byter spår | På besök hos Bold | Få effekt utomhus | Typsnittens psykologi | Pionjärer inom VR | Pinterests planer

Prenumerera
magimage
magimage
2016
No3

Tonsäkra omslag – från vinyl till ikon | I huvudet på Jesper Waldersten | En bråkig 40-åring | Där data dominerar | Stjärnskottet Rachel Gogel

Prenumerera
magimage
magimage
2016
No2

Att formge bortom skärmen | Jonathan Barnbrook | Sätt översättningarna | Så funkar Adobe XD | Aktuellt | Portfolio

Prenumerera
magimage
magimage
2016
No1

Design <3 kod I Färglära från Way Out West I Hon formar nyheterna I Så arbetar du med virtuell verklighet

Prenumerera
magimage
magimage
2015
No8

Henrik Nygren | Formgivarpanelen trendspanar | Appar utan kod | Årets stora formhändelser

Prenumerera
magimage
magimage
2015
No7

Tema: Typografi | Tobias Frere-Jones | En eklektisk typ | Slitstark form | Från Lady Gaga till Hamilton

Prenumerera
magimage
magimage
2015
No6

Tema: Karriär | Framtidens kompetens | Björn Kusoffsky | Maxa frilansverksamheten | Nyheterna i Adobe Creative Cloud

Prenumerera
magimage
magimage
2015
No5

Tema: Hantverk | En responsiv pionjär | Lotta Kühlhorn | Färgglad ölform | Guide: Kalligrafi

Prenumerera
magimage
magimage
2015
No4

Tema: Grafisk identitet | Tre identiteter | Acne Advertising | Alla finalister i #omSLAGET | Emojins intåg

Prenumerera
magimage
magimage
2015
No3

Bärbar design | Filmisk form | Jane Bark | Högupplösta skärmar | Uppe i molnet

Prenumerera
magimage
magimage
2015
No2

Wyatt Mitchell | Grafitti i storformat | Iskalla typer | Ett tungt frågetecken | Guide: Välj rätt papper

Prenumerera
magimage
magimage
2015
No1

Bildens kraft | Microsofts designchef om framtiden | Lasse Skarbövik | Spel som gör skillnad | Guide: Nyheterna i Camera Raw

Prenumerera