En av de största trenderna i webbdesign är en stor hjälte bild eller video högst upp på en sida med några ord för att styra användarna till webbplatsen. Denna typ av estetik lägger stor press på konstruktören för att komma fram med precis rätt teckenfönster för att dra designen tillsammans.
Med så många teckensnitt att välja mellan kan det vara lite av en skrämmande uppgift. Men du kan hitta en bra typsnitt med lite planering och tur. Här är fem tips för att komma igång med några vackra exempel på display typografi.
Vad är displaytyp, hur som helst?
Innan vi hoppar in i tipsen, är du bekväm att prata om bildskärmar? (Om så är fallet, hoppa till Tips nr 1.)
Om inte, är en visnings typ ofta stor, iögonfallande bokstäver som används för rubriker eller de stora orden i en design. Skärmtypen är inte unik för webbdesign, det är en term som också används av tryckdesigners.
Displaytypen kommer i två primära former för webben.
- Huvudwebbplatsrubriken på hemsidan, till exempel Walk West (ovan).
- Huvudrubriken eller rubriken på varje sida i hela webbdesignen. Medan ofta inte så stor eller prickig som huvudrubriken på hemsidan, är dessa bitar av visnings typ de element som bär varje enskild sida.
1. Det behöver läsas
Displaytypen måste vara läsbar för att kunna vara effektiv. Det här borde låta som en no-brainer, men med så många snygga nyckeltyper att välja mellan, är det inte svårt att hitta webbplatser där huvudrubriken inte är lätt att läsa.
Det finns ingen regel om vilken typ av typkategori som ska visas från bokstaven. Serifs och sans serifs fungerar lika bra. Även några nyhetstycken är en idealisk match.
De saker som är viktiga är att bokstäverna är tillräckligt stora, fördelade tillräckligt och kontrasterar med andra designelement som är tillräckligt för att stå ut på skärmen. Tänk vad orden skulle se ut om de skulle skrika? LÄS MIG.? Det är vad en teckensnitt ska göra för användare.
2. Lettering behöver matcha orden
Detta kan vara ett av de svåraste begreppen i världen att förstå tills du ser det i aktion: Bokstäverna måste matcha orden.
Här är en förklaring. Vissa ord ser bara dåligt ut i vissa tecken. Det är svårt att förklara. Kanske innehåller ordet s flera gånger och den bokstäverna ser inte bra ut i teckenuppsättningen. Samma sak kan hända särskilt med glyfer eller udda tecken som%, $ eller &. Eller kanske du plockade ett tecken där jag, l och 1 ser lika ut och alla dessa tecken finns i teckenfönstret. (Du måste välja något annat.)
Brev bör passera ögonglobstestet, vilket betyder att det ska se tilltalande ut. Orden ska ha en viss känsla eller känna eller blomstra för dem som är önskvärda. Om du ser några odditeter i kombinationerna tecken, kommer användarna också.
3. Ge dig själv flexibilitet
Tänk på hur visnings typ kommer att användas under hela ditt projekt. Behöver du flera vikter och stilar för att skapa rätt rubrikpaket? Fungerar den typ du har valt för de sekundära visningsutrymmena samt huvudrubriken?
Du kommer att vilja tänka på alla dessa användningsområden och ge dig tillräckligt med flexibilitet med den typ du väljer för oss på flera sätt. Alltför ofta ser det ut som ett typsnitt för storformat med bara ett ord eller två att tänka på, men effektiv användning blir mycket svårare när det gäller att använda den i de sekundära utrymmena.
Det blir mycket lättare att arbeta genom designen och skapa den konsekvensen om den valda teckensnittet fungerar i flera situationer. För ytterligare flexibilitet och designkonsistens, överväga en hel typfamilj för visningsanvändning. Gå lite djupare med huvudrubriken och använd ett tunnare alternativ för sekundär visning (kanske försök med en färg).
4. Var försiktig med tunna slag
Följande uttalande är föremål för kontrovers: Tunna streck är svåra att använda effektivt när det gäller visningstyp.
Ja, brev med smala streck kan se fantastiskt ut. Ja, vissa designers drar av det vackert. Men de flesta gör det inte.
Gå tillbaka till Tips nr. 1. Allt kommer tillbaka till läsbarhet.
Föreställ dig att du har använt en typsnitt med en super-tunn stroke för din huvuddisplay och det ser bra ut på 27-tums bildskärmar (kanske som den du designar på). Titta nu på den på din surfplatta eller telefon. Vad tycker du nu? Är det fortfarande lika läsbart? (Antagligen inte.)
Om du behöver mer övertygande, kom ihåg att Apple försökte detta med IOS 7. Användarna klagade över att typsnittet som användes för operativsystemet var för tunt och svårt att läsa. De tog dessa klagomål till hjärta och efterföljande versioner inkluderade en tjockare streckad typsnitt.
5. Tänk på bilden
Hur fungerar orden - och bokstäverna - med den bild eller video de är parade med? Det är ett viktigt element. Den vackraste teckensnittet i världen kan tyckas obehagligt om tonen inte matchar bilden och meddelandet i resten av designen.
Kontrast är också en bidragande faktor, särskilt med video där de mörka och lätta delarna av bilden kan röra sig. Orden måste alltid vara igenkännlig i bakgrunden.
Fler designers väljer solid bakgrundsfärg - det här är en ganska rolig trend med massor av ljusa, djärva webbdesigner - så att texten är det primära fokuset. Om du älskar ditt bokstäver kan det här vara ett bra alternativ.
Den solida bakgrunden med djärv visningsalternativ, får användarna verkligen att fokusera på orden själva. Färgen används som rita för att uppmärksamma vad du vill säga. Denna textkombination fungerar med ett antal teckensnitt och kan ändras för att passa nästan alla färgscheman från högfärg till minimalistisk svartvit design. Det enda som verkligen betyder är att du väljer en helt underbar typsnitt!
Slutsats
Skärmtyp är den första tanken du sätter i användarens sinne. Det första intrycket kan avgöra om en användare håller fast med din webbplats eller går vidare till något annat.
För att få ut det mesta av den viktiga interaktionen, se till att varje ord är lätt att läsa, ställer in rätt ton och hjälper användarna att gå igenom designen för att ge dig den högsta chansen att lyckas.