5 Tekniker för att engagera skärmtyp
Ibland behöver din typsnitt förmedla känslan så mycket som meningen, och för den funktionen vänder mer konstruktörer till dramatisk typografi. Denna typ av typografi används för mer än bara läsbarhet och läsbarhet (även om det fortfarande är det primära syftet). Dramatisk typografi sticker ut. Den når genom skärmen, kräver tittarens uppmärksamhet och riktar den mot meddelandet som den levererar. Det är ett tillfälle att visa varumärkesidentitet, förbättra textinnehållet, skapa en perfekt visuell hierarki och skapa ett minnesvärt intryck. Det är inte en överraskning att dramatisk typografi snabbt blir en trend i webbgränssnitt.
Oavsett om det är enkelt eller utarbetat, läses orden på dagens webbplatser i ett helt nytt ljus. I den här artikeln tar vi en titt på 5 exempel på dramatisk typografi i webbdesign.
1. Enkelt, men dramatiskt typsnitt
Enkel typografi och dramatisk typografi är inte ömsesidigt exklusiva. Faktum är att enkel typografi är en av de bästa formerna av dramatisk typografi. Denna teknik är relativt lätt att införliva på din sida - bara välj en enkel typ och följ dessa tips:
- Öka typstorlek (stora tecken skickar ett kraftfullt meddelande, särskilt när det är kopplat till hjältebilder)
- Gör textfärg kontrasterande mot bakgrunden (texten på textkopian är vanligtvis vit eller svart som kontrasterar bra mot en bild eller en ljusfärgad bakgrund.)
- Lägg till en djärv stil
Teckenstorlek är ett sätt att styra inflytande; exemplet nedan visar perfekt hur brevformar kan vara vackra på egen hand. Genom att använda ytterligheter, isolerat eller i grupper, blir det möjligt att förmedla ett budskap kraftigt utan att vara motbjudande.
Enkla teckensnitt kommunicerar förtroende och klarhet.
2. Kreativ användning av enkla typsnitt
Det är absolut möjligt att ta de mest grundläggande typsnitt och skapa en minnesvärd upplevelse. Allt du behöver är att experimentera med typografi:
Behöver du skicka ditt meddelande högt och klart? Använd ALL CAPS för kopia. Vill du skapa något riktigt speciellt? Använd enkel typsnitt tillsammans med animerade effekter eller video.
3. Dekorativt Typsnitt
Designers har blandade känslor om dekorativa typsnitt. Många designers föraktar dekorativa ansikten som billiga och slarviga, medan andra älskar dem och utnyttjar kreativa och intressanta sätt. När det gäller mig tror jag att det används korrekt, kan dekorativ typografi ställa in tonen för webbplatsen och lyfter märket på ett underbart sätt; men bara när den matchar personligheten hos varumärket och atmosfären på webbplatsen. När en formgivare uppnår en balans genom att inkorporera kopia med en riktig dekorativ typ är hela upplevelsen bättre. Här är några exempel:
I Hawk & Hen Exempel nedan hjälper dekorativa teckensnitt att skapa en udda och unik stil för detta kök / bar.
en anpassade typsnitt På Squarespace sova-band sätter du rätt humör för erfarenhet.
Den lekfulla typsnittet på HeadOfffice sätter energetisk atmosfär.
Den moderna och ursprungliga typsnittet som används på Maaemo hemsidan skapar mystisk atmosfär.
Du har säkert märkt att alla exemplen ovan har en sak gemensamt: den dekorativa typsnittet används tillsammans med en enkel minimal layout. Detta är inte en slump. Faktum är att dekorativ typografi är intressant på egen hand. Således, om du ska använda dekorativ typ på din hemsida, för att koncentrera användarens uppmärksamhet på ett enda element är det bättre att använda en enkel layout.
4. Lettering
Handritad typ har länge varit en del av webbdesignen. Ibland är det ett riktigt bokstäver som skannas in, men i många fall är det ett typsnitt som är gjort för att se handritad. Skript teckensnitt och bokstäver lägger till en elegant känsla för varje design när du är klar rätt. Den handritade texten är unik eftersom den kan överföra meddelanden om organisationen bakom den. Ta en titt på Grain & Mortar och Femmefatale exempel nedan. De konstnärliga rötterna för dessa designbyråer lyser igenom i deras hemsida design.
Handdragen element är ett bra sätt att humanisera ett varumärke.
Se bara till att om läsbarheten är det ultimata målet är meddelandet inte förlorat i skönheten. För att förhindra potentiella problem, försök att begränsa användningen av handtecknade teckensnitt till stora titlar överlagda över bilder och använd ett annat teckensnitt för den vanliga kopian.
5. Överlagrade överelement
Ett av de bästa sätten att få text uppmärksammas genom att överlappa den över andra element (till exempel bilder eller andra grafiska objekt). Vanligtvis beaktas de typsnitt som valts för att överlagras med hänsyn till andra texturer, mönster och konstverk som kommer att vara närvarande i designen:
Du kan förlänga text bortom det här avsnittet till andra.
Med hälften av orden "blöder" över en bild.
Eller till och med bryta reglerna och ge framträdande för primärbilden och dölja orden bakom den.
De två viktiga övervägandena med denna teknik är kontrast och läsbarhet . Du måste testa din design för att säkerställa att båda kraven är nöjda och att webbplatsen har bra användarupplevelse.