Idag kommer vi att prata om skript teckensnitt. Vi undersöker hur de vanligtvis används på webben, erbjuder några tips för att integrera dem i dina egna mönster och se femtio webbplatser som använder skript på ett stort sätt.
Vi tittar också på ett av de vanligaste scriptsna på webben idag, kan du gissa vad det är?
Hummer och webbdesigners: en kärleksaffär
Under det senaste årtiondet har världens kärlek till Helvetica höjt sig. Personer som vanligtvis inte kan namnge ett enda teckensnitt bär Helvetica-skjortor och tittar på dokumentärer tillägnad den ikoniska typsnittet. Mycket av denna fascination sprouts från den plötsliga insikten att Helvetica är överallt: det finns i ditt badrum, på ditt mail, i din bil, även i rymden!
På samma sätt som Helvetica har blivit den mest allestädes närvarande moderna sans-serif-teckensnittet på planeten, verkar Hummer på en mycket mindre skala som om den blir det mest använda scriptet på webben. Denna typsnitt är överallt! Sluta med något webbdesign galleri och du kommer inte göra det två sidor innan du spottar några webbplatser med hummer.
Skälen till detta är uppenbara. Till att börja med är det en snygg typ som också är fri, en kombination som inte är lika lätt att hitta som du kanske tror. Det är också ganska läsbart så långt det går att skriva. Slutligen är det fint och djärvt, vilket gör det perfekt för rubriker. Skript tenderar att vara tunna och feminina och det är trevligt att hitta en som bryter sig ifrån denna norm.
Ett ord av rådgivning
Som jag just nämnde, fungerar hummer, liksom moth andra skript, mycket bra för rubriker. Jag cringe när jag ser Hummer används i en hel paragraf och rekommenderar starkt att du undviker att göra det helt enkelt för att läsbarheten minskar avsevärt när innehållet ökar. Mitt råd är att alltid använda speciella typsnitt sparsamt: mindre är mer i detta fall.
Som en bit av råd, kom ihåg att eftersom hummer blir så otroligt allestädes närvarande att det finns risk för överanvändning i designgemenskapen. Det är en ganska lätt identifierbar typsnitt och även icke-designer användare kan snart bli trött på det! En styrka av Helvetica är att de flesta människor aldrig märker det, unikt utformade teckensnitt delar inte den lyxen.
Med allt detta i åtanke, här är några inspirerande exempel på hummer som används i webbdesign. Som du kan se finns det definitivt många olika möjliga applikationer, vilket visar att teckensnittet är anmärkningsvärt mångsidigt.
Syropia
html5demo
Threepenny Editor
Warehouse Twenty One
Gopal Seema Wedding
Atticus Pet Design Studio
Made With Love Inc
Kosmetik
Zabawnik
Brewminer
Andra sätt att använda skript
Hummer är ett speciellt fall, det används för närvarande i alla sorters webbplatser för att passa alla typer av uttalanden och stämningar (oavsett om det förefaller vara eller inte). Men skript verkar i allmänhet bryta sig in i några mycket specifika kategorier av användningsområden i webbdesign idag.
Nedan tar vi en titt på några designmål eller teman som du kan se upp för i ditt eget arbete. Om en av dem passar det utseende du ska göra, försök att bryta ut ett manus för att få jobbet gjort!
Fancy Casual
Termen? Fancy casual? är en komplett oxymoron, men det är mycket betydelse i det enkla uttalandet så det är en användbar oxymoron! Tanken är att du vill ha din design att känna sig vänlig och avslappnad, men på den trevligare sidan av det tillfälliga kontinuumet. Du vill inte ha clowner och ballonger, du vill bara se professionell samtidigt som du behåller en välkomnande miljö.
Vissa typer av skript kan vara helt perfekta för detta mål och kan faktiskt hittas på otaliga webbplatser som uppfyller dessa kriterier. Här är några som hjälper dig att räkna ut konceptet.
Tolv lördagar
Dolce Pixel
Gravual
Pixelschupser
Houten toys
anlände
Cake Sweet Cake
Nanda & Juan Diego
AFR
Vid en vikning
Elegant
Dessa dagar, den? Fancy casual? ser verkar vara den vanligaste platsen att använda skript på webben. En fin, elegant stämning är dock fortfarande den mest uppenbara platsen för ett manus.
Historiskt används skript ofta när någonting behöver se officiella, läckra, formella etc. Allt från bröllopsinbjudningar till statliga dokument använder dem för att kommunicera en känsla av elegans. Här är några exempel där skript teckensnitt används i ett exklusivt sätt (ibland ironiskt nog så).
Peaxl
Weinhandlung Posch i Vaihingen / Enz
Carnivale du Vin 2011
Darling Clothes
Le Freebies
Gjord av Vadim
EvaJuliet
retro
En annan extremt vanlig användning av skript är att förmedla en retro estetik. Det finns gott om teckensnitt runt, inklusive hummer, som har brevformar som omedelbart tycks kommunicera en svunnen tid.
Tänk på att, som med någon? Retro? designelement, det finns ett visst decennium som vanligen tillskrivs ett givet teckensnitt. Skriv ut vilket decennium du vill sikta på och gör din forskning för att se vilken typ av typografi som var vanlig vid den tiden.
optografik
Strålkastare
GiftRocket
Tinybigstudio
Drupalcamp Atlanta
The Big Feastival
Full Fat Designs
Handskriven
Skript reflekterar hur vi skriver mycket närmare än ditt genomsnittliga typografiska element. Av denna anledning brukar de vanligtvis ge illusionen av ett handskriven uttalande.
Det finns för närvarande en stor trend i webbdesign för att använda skript och små doodlepilar som ett slags ad hoc-instruktionstöd som ligger över en annars standarddesign. Det här är populärt nog att varje exempel på handskrivna skript som används i webbdesign som jag kom över i min sökning passar denna beskrivning!
Realizzazione
Sketch Rolls
XHTML-Lab
Stor och fet
När du vill göra ett stort, djärvt uttalande kan ett skript kanske inte vara ditt typiska go-to-font. Detta beror till stor del på den historia som vi redan har diskuterat: skript tenderar att vara läcker. Men när du körde ordentligt kan du absolut använda ett manus för att skapa en kraftfull, iögonfallande rubrik. TheStyleSpy nedan är ett perfekt exempel på denna teknik.
TheStyleSpy.com
Pixel Studio
Selektiv fokusering
Vår sista gemensamma användning av skript i webbdesign är att lägga tonvikten på vissa ord i en mening. I stället för att hålla sig till en typsnitt under varaktigheten av ett uttalande, varierar dessa konstruktörer typsnitten inte bara för att lägga till variation utan att rikta uppmärksamheten mot nyckelord och fraser.
Sproutlet
Econeve Design Agency
Bloom Health
Ännu fler skript!
Kan inte få tillräckligt med script-webbdesign exempel? Här är några fler att avsluta posten.
Jet Cooper
Tweeki
The Honch
Köra gör att göra
Loopclick
Lefft Paddy Donnelly
cicero
Booker Theme Demo
Vidare läsning
- 20 Feta fria script-teckensnitt som du inte behöver vara en flicka att använda
- 20 vackra skrivfonter för dina designer
Slutsats
Många designers kan förbise skript teckensnitt som ett verktyg som helt enkelt inte är lämpligt för sitt givna projekt. Men som exemplen ovan visar är skript otroligt flexibla och kan användas på olika sätt för att kommunicera flera olika typer av känslor och estetiska stämningar.
Efter att ha läst det här inlägget, ta en ny titt på ditt personliga fontbibliotek och fundera på hur du kan använda dina gamla typsnitt på ett nytt sätt. Medan du är på det, lämna en kommentar nedan och låt oss veta vad ditt favoritskript är!