10 tips för att använda texteffekter som inte suger

Att lägga till effekter på typografi kan vara en källa till hjärtat för designers. Klienter kräver en droppskugga eller prägling, och du har fast textproblem som hotar att förstöra ett projekt. Vad du behöver är en arsenal av texteffekter det suger inte så att du kan hjälpa kunden att svänga till något lite mer elegant.

Tricket till alla dessa effekter använder dem med ändamål. Bra typografi behöver inte? Hjälp.? Om ett teckensnitt inte fungerar ensamt, kommer det inte att fungera med en massa tekniker som läggs till heller. (Du gör bara något dåligt ännu värre.)

De bästa texteffekterna är nästan osynliga för icke-designers. Eller texteffekter används för att lägga till mening till typografi eller bokstäver. Här är några tips för att använda texteffekter som inte suger med några ganska coola exempel.

1. Använd ändamålsenliga droppskuggor

Oavsett vad du gör, klicka inte på skuggknappen i designprogramvara och använd bara standardinställningarna.

Den bästa droppe skuggan är en som du inte ens ser. En droppskuggteknik används bäst som ett element för att skapa djup mellan text- och bakgrundsskikt.

Detta? Osynligt? drop shadow style är något du förmodligen ser som designer när du lägger till tekniken för text, men den ska inte vara igenkännlig för den vanliga användaren. Droppsskuggor används oftast på detta sätt som ett mjukt element för att skapa separering eller för att bara lägga till en snedställd kontrast mellan text och bakgrundselement.

Oavsett vad du gör, klicka inte på skuggknappen i designprogramvara och använd bara standardinställningarna. Sällan är dessa inställningar lämpliga och ofta ser amatöriska ut.

Andra vanliga - och mycket användbara - droppskuggtekniker inkluderar alternativ som är gjorda att ses, till exempel en hård kantskugga eller en skikad skugga.

  • De hård kantskugga (bilden ovan) har en distinkt retro känsla som lägger till ett andra lager bakom texten. Det här fungerar bäst med tjocka streck eller plåt typsnitt.
  • en skiktad skugga skapar en nästan tre-lags / tredimensionell effekt. Det har också en retro känsla och fungerar bäst med tjockare teckensnitt.

2. Gå trendig med dubbel exponering

Dubbelexponeringsbilder är ett trendigt och populärt alternativ i webb- och skrivdesign applikationer. Effekten som placerar två bildexponeringar inuti bokstäver ser komplex och intressant ut. När det används sparsamt eller med bara rätt bild, kan det vara helt fantastiskt.

Vill du skapa en cool dubbel exponering? Vi har en lista med 20 Photoshop-åtgärder för att göra det lättare. Eller Envato Tuts + har en bra handledning om du vill göra det själv.

3. Ha kul med slag

Spice upp blockbokstäver med intressanta slag- eller strokeeffekter för extra djup. En djup, bred stroke kan ha en retro känsla eller till och med emulera bokstäver från gamla tecken. Neon strokeffekten ovan är ett bra exempel på hur man använder en stroke för att skapa en specifik känsla för designen.

4. Använd färger (eller en färgstilsort)

Färgfonter är teckensnitt som innehåller flera färger, nyanser eller gradienter, texturer eller transparens. Du kan använda en färgteckning för att få denna skraj effekt (vi har några att välja mellan här), eller skapa din egen.

När du använder mycket färg som texteffekt måste det nästan vara över toppen. Ljusa, djärva färgval är ganska trendiga och kommer inte att förolämpa användare eftersom folk brukar se dem.

Var noga med att använda färg på ett sätt som verkar avsiktligt. Att bara trycka någon färg på Helvetica är inte densamma som att utforma en texteffekt som är det primära visuella elementet i designen.

5. Lägg till en animering

Det finns ingen regel som säger att textelement måste vara statiska. En animering i webbdesign är ett roligt sätt att lägga till visuellt intresse.

Lägg till det visuella intresset för textelement också. När du använder textanimering är det viktigt att hålla några saker i åtanke för att se till att bokstäverna är läsbara:

  • Rörelsen ska vara avsiktlig
  • Brev bör inte röra sig för fort
  • Rullning eller automatisk uppspelning ska innehålla ett sätt att stoppa rörelsen
  • Ord bör alltid läsas, oavsett skärmstorlek

6. Mimic någonting Iconic

När något blir populärt, som Netflix-serien? Stranger Things ,? designtrender tenderar att efterlikna originalet.

Neons 80-inspirerade logotyp för serien är inget undantag. Det har varit grunden för memes, knockoff-projekt och ett roligt sätt för designers att spela med en ny effekt.

Var bara medveten om att linjen mellan cool och en text effekt som gör suga, kan skiftas snabbt med efterliknande tekniker. En stil kan datera en design snabbt. Dåliga replikeringar kan också se ostliknande och kanske inte passa projektet som avsett.

7. Inkorporera former

Skapa lager och blanda? Medium? kan vara ett roligt sätt att lägga till lite extra till text. Genom att låta former eller andra element passa i stället för ett brev eller bokstäver, drar designen ögat då element sammanfogas.

Tricket med denna teknik är att se till att elementet som fungerar som ett brev passar texten. Det måste vara uppenbart att objektet ersätter ett specifikt brev så att designen inte blir svår att läsa.

Kasra Design, ovanför, gör ett bra jobb med detta med huvudvideorubriken samt företagets ikon, vilket gör en intressant? K? använda former.

8. Lägg till textur

Vissa teckensnitt har en vintage, grov stil. Andra kan använda en liten anpassad förbättring för att fungera med din övergripande design.

Lägga till textur som en bild i en typsnitt eller som element som skärs ut av bokstäver, som det ovan, kan göra designen lite mer taktil. Textur kan göra att texten sticker ut lite mer också.

Exemplet ovan innehåller två typer av texturerad text:

  • Brev med bitar skär ut för att få dem att se lite mer grov eller tappning
  • Brev som är transparenta med bakgrunden som visar igenom

9. Skapa en anpassad tecken

När det gäller att skapa en snygg texteffekt är den naturliga passformen branding. Varumärken kan faktiskt ändra eller anpassa en typsnitt för att inkludera en anpassad karaktär för bokstäver som är minnesvärd.

Det här är inte en teknik som bör tas lätt på. Skapa en brevform eller ändra en karaktär måste ske med försiktighet. I de flesta fall vill du arbeta med en typograf (helst skaparen av typsnittet) för att få de bästa resultaten.

Denna texteffekt bör användas i de mest skonsamma fallen.

10. Lämna Lettering Alone helt och hållet

Allt du behöver göra för att maximera effekten är att välja ett typsnitt som matchar tonen i projektmeddelandena.

Ibland använder de bästa texteffekterna inga effekter alls. Med tillräcklig kontrast i form, storlek och färg har textelement och bakgrund en naturlig separation.

Bristen på att använda en texteffekt kan vara svårare än att lägga till tekniker för att underlätta läsbarheten eller förstärka kontrasten. Du måste planera alla element exakt för att säkerställa att elementen fungerar tillsammans och djärva teckensnitt, eller mörkt på ljus eller ljus på mörka kombinationer är läsbarast.

University of Essex är djärvt med en tjock typ på en mörkare videobakgrund som nästan hoppar ut ur designen. Och den bästa delen? Inte en enda? Förbättring? till texten.

Slutsats

Problemet med texteffekter är att dessa? Trender? kom och gå snabbt. (Kom ihåg all den långa skuggtexten för länge sedan?) Tunga texteffekter kan göra ett designlook daterat, så var försiktig om det inte är det utseende du ska gå för.

Och kom ihåg att subtilitet fungerar till din tjänst. Om du kan se den droppe skuggan är det förmodligen för mycket (och suger verkligen). Skala tillbaka eller leta efter ett annat sätt att få det utseende du försöker skapa.