Rubriker är en av de viktigaste elementen på din sida och är ofta utgångspunkten som ställer tonen för hela designen. Så varför inte göra dem bra?
Idag tar vi en titt på sju olika designtekniker som du kan implementera om en minut eller mindre, vilket kommer att öka din rubrik från vanlig till fantastisk.
En stor linje, en liten linje
Vi börjar med det mest typiska och grundläggande tricket på listan. Ett av dina mest kraftfulla verktyg för att skapa rubriker är kontrast, som vi kommer att använda om och om igen i hela det här inlägget.
Här valde vi att tillämpa kontrast främst i form av teckenstorlek. Det är extremt vanligt att ha en tvåstegs rubrikuppsättning där en rad använder en större teckenstorlek än den andra. Detta fungerar med nästan vilken typsnitt som helst, och du kan variera vilken linje som är större.
Nyckeln här, som med några av de andra exemplen nedan, är att lägga tonvikten där du tycker att den hör hemma. I mitt exempel,? Stor rubrik? är huvudidén och är alltid betonad om den är överst eller på botten.
Variera ditt ärende
Detta är ett enkelt trick som jag slutar använda ganska lite. Använd nästan alla rubrikstrukturer du vill ha, försök byta upp fallet på några av dina ord eller linjer.
I exemplen ovan använde jag olika kombinationer av stora bokstäver, små bokstäver och små kepstext. Vanligtvis används stora bokstäverna för betoning, men det är trevligt att kasta in en kurvboll då och då och faktiskt göra den små bokstaven den primära uppmärksamhetsgrabben som jag har gjort i den andra rubriken.
Dina skäl att välja vilka ord eller linjer att kapitalisera kan naturligtvis vara logiska och tänkta, men var inte rädda för att försöka lite godtycklig ansökan. Din resonemang kan vara så enkelt som det faktum att du gillade hur ett ord såg bättre ut i alla små bokstäver.
Alla kepsar: svårare att läsa?
Någonstans i åldern är gammal designer creed ett uttalande om hur alla kepsar gör det svårt att läsa. I viss utsträckning är detta sant, men det gäller egentligen bara i stora textblock som ett stycke eller en mycket lång meningsfras.
Variationen i brevhöjd i små bokstäver hjälper dig att skilja och läsa snabbare, men när det bara finns några ord är det helt enkelt att läsa i alla kepsar och jag har även hört några hävdar att det är lättare!
Lika linjebredd
Denna teknik används hela tiden i modern toppdesign. Resultatet som jag uppnådde ovan är ganska otypiskt (avsiktligt). Du brukar se den här tekniken som används på en djärv kondenserad sans-serif som Helvetica, men faller inte i fällan av att göra vad alla andra gör, bryta ut på egen hand och prova det med vilket teckensnitt du vill ha. Det ser inte alltid bra ut, men experimentering är en viktig del av varje design!
Den typsnitt som jag använde ovan är DeLarge Bold, vilket är ganska ganska svårt att läsa men är ganska attraktivt i små doser.
Tanken bakom denna teknik är att du verkligen driver begreppet en rubrik som ett enda element. Genom att skapa en fast breddspolumn blir normalt olika brevformer och linjelängder en sammanhängande helhet som är lättare att arbeta i en större design. Plus, det vet bara att det bara är coolt.
Lika bredd på nätet
Vill du genomföra denna teknik med live text på webben? Det finns några jQuery-plugins, som Lettering.js och BigText som gör det enkelt. BigText är speciellt för denna teknik medan Letterring.js är mer flexibel och kan användas för att skapa de flesta om inte alla exemplen i det här inlägget.
Selektiv Word Emphasis
Den här har samma grundläggande logik som det första exemplet ovan. Vi försöker helt enkelt använda storlek som en viktig punkt i kontrast. Här betonar vi vissa ord och de-emphasiserar andra.
Det finns ingen riktig magisk formel för vilka ord att göra stora, bara känna det och se vad som är meningsfullt. Jag minskar vanligtvis oväsentliga ord som? eller och? medan du försöker göra de stora orden läsa något anständigt som helhet. Till exempel, i exemplet ovan kan du se frasen? Gör några viktiga? även om det inte är helt vad meningen i sin helhet säger.
Tillbaka när jag designade utskriftsannonser var detta en av mina mest använda knep för rubriker. I trycket försöker du alltid att fånga någons uppmärksamhet i en delad sekund och minska en rubrik till dess viktigaste delar hjälper verkligen till det målet medan du fortfarande kommer i den gigantiska rubriken som copywritersna gav dig att arbeta med.
Ett dubbelmeddelande
Den här är lite knäpp och bör bara användas i sällsynta fall, men det är ganska roligt. Du kan använda storlek, vikt, typsnitt och / eller färg för att ange specifika bokstäver från resten av raden.
Resultatet är ett smart doldt meddelande i din rubrik. I rubrikerna ovan har jag gjort? DUH !? och? WOW? stå ut. Det här är alltför enkla exempel, det är mycket mer imponerande när du verkligen spenderar tid för att de två betydelserna fungerar bra tillsammans som den här formgivaren gjorde.
Integrera textändringsgrafik
Om du vill ha en riktigt intressant design, försök inte att placera rubriken av sig själv utan hellre arbeta med den i grafiken på sidan. Det här fungerar bra med enkla vektorformer som den ovanstående. Lägg märke till hur rubrikmeddelandet och grafiken förstärker varandra.
En av de mest typiska platserna du ser denna teknik är i infographics. Här är hela poängen att blanda bilder i texten för att göra meddelandet tydligare, så det är en uppenbar och lämplig inställning för att detta ska användas.
Ibland är dina bokstäver lätt att manipulera så att de kan böjas och sträckas för att följa linjerna i din grafik, så var det med "W"? ovan. De andra bokstäverna var dock mycket kurvare så jag tog bara den enkla vägen och hade den grafiska skärningen i dem.
Inbäst text
Vi började på en väldigt enkel teknik så jag trodde vi skulle sluta på en också. Denna typ av rubrikdesign är mycket vanligt i tidskriftsrubriker. I grund och botten skriver du något i titelfall och tittar på det negativa utrymmet som bildas mellan uppstigarna. Det är ofta det perfekta stället att knyta ett ord eller två in i.
Resultatet är en snygg integrerad rubrik som bara tar två sekunder att bygga! Perfekt för alla dessa tider när du är långt över din deadline och behöver kasta en design i rekordtid.
Slutsats
Moralen av denna historia är att tänka två gånger innan du bara skriver ut den rubriken och kallar den en dag. Tänk alltid på hur du kan förbättra läsbarheten och / eller estetiken i texten för att bättre uppfylla målen för designen.
Lämna en kommentar nedan och låt oss veta vilka av dessa är din favorit. Har du några egna rubriker för att dela med dig?