Ledende: Rummet er lige så vigtigt som ord
En nøglekomponent til ethvert website design er type. Valg af skrifttyper, størrelser og farver kan være en stor del af, hvordan du skitserer dit websted. Lige så vigtigt som bogstavformerne selv er afstanden omkring disse bogstaver og især den førende, der bruges i tekstblokke.
Jo mere type du bruger, jo vigtigere bliver førende. Bag skrifttype og størrelse er det en af nøglefaktorerne at overveje, når man ser på, hvordan læsbar type er.
De førende specifikationer, du bruger til et logo eller en skærm, kan være meget forskellige end den førende bruges til typen i et blogindlæg.
Andre designelementer har også indflydelse på, hvordan du skal bruge ledende. Størrelsen på type, bredde af kolonner og endda baggrundsfarve kan hjælpe dig med at gøre kloge førende valg.
Hvordan du bruger førende meste kommer til spil for store tekstblokke.
Hvad leder?
Ledende - udtalt ledding - er afstanden mellem linjer af typen. Førende blev traditionelt målt i punkter (ligesom skrifttyper). Udtrykket stammer fra gammelt brevpresser, når typen blev indstillet for hånd. Blybånd blev placeret mellem linjer af typen for at holde alt i perfekt justering.
Siden fremkomsten af digital udgivelse har ledende ofte været forvekslet med linjens højde. Linjehøjde er hele rummet fra en basislinje - det imaginære plan, hvorpå bogstaver som 'a', 'x' og 'n' sidder - til det næste. Ledende derimod er rummet fra bunden af et brev på en linje til toppen af et brev på den næste: det er bogstaveligt talt linjens højde minus teksthøjden.
I digital typografi, især webtypografi, anvendes ordene ledende og linjens højde ofte med hinanden. For eksempel i CSS er der ingen ledende værdi, vi bruger linehøjde i stedet.
Mens ledende var engang en fysisk, målbar værdi, bruges den nu mest som et begreb: det visuelle billede af rummet mellem to linjer.
Hvordan ledende bruges i en tekstblok kan påvirke læsbarheden. Der er en fin linje mellem typen, der er for tæt sammen og for langt fra hinanden. Enhver ekstreme kan være hård på en læsers øjne. Ledende handler om at ændre tætheden af typen. Nøglen er at forstå, hvilken besked du har til hensigt at din type skal formidle og matche førende i overensstemmelse hermed.
Ingen perfekt løsning
Der er ingen perfekt, magisk formel til at bestemme, hvor meget ledende du skal bruge. En kombination af faktorer er involveret - type størrelse, farve, ønsket effekt og vigtigst læsbarhed.
Som udgangspunkt er udgangspunktet for at lede normalt det samme som punktstørrelsen på den skrifttype, du bruger. Nogle software, især webbrowsere, tager det lidt længere og sætter standarden, der fører lidt højere end punktstørrelsen, som almindeligvis bruger en standard på 120 procent. Blokke der indeholder 10-punkts tekst ville have 12 point førende.
Denne filosofi fungerer godt til store tekstblokke, såsom blogindlæg, der bruger almindelige skrifttyper uden ekstravagante opstigninger, nedstigninger eller ligaturer på lyse, neutrale farvede baggrunde (tænk sort type på hvid eller beige). Du opretholder en fornemmelse af, at alle tekstlinjerne går sammen, mens du tilføjer lige så meget plads, at det er let på øjnene.
Tekstblokke er nemmeste at læse, når ledelsen er bredere end ordafstand. Denne andel vil hjælpe øjet med at bevæge sig på tværs af siden og derefter ned, efter den naturlige strømning af afstanden fra mørkt til lys.
Denne "normale" liniehøjde vil også føle sig passende for ting, der kræver en masse læsning. Det er den standard, der bruges af mange hjemmesider og trykte publikationer.
Hold det stramt
Stramt eller negativt, der opstår, når linjer af typen er tættere end punktstørrelsen af typen. For eksempel, hvis din type er dimensioneret med 14 point, vil enhver ledende under 14 point blive betragtet som stram, selvom den ikke vises for tæt på afstand på skærmen.
Stram ledelse kan skabe en følelse af tvang. Det kan også bruges til at skabe kaos. På den anden side kan strammere ledninger bruges som en metode til at samle bits af typen eller for at skabe en tydelig organisationsfølelse. I mange år i print og online har nyhedsorganisationer brugt nogle af de strameste ledende specifikationer for kropstype. I print var dette at spare plads; online er det at bevare troværdigheden og udseendet forbundet med organisationerne og deres print partnere.
Tænk på sager og bogstaver, der sidder over og under x-højden, når du indstiller linjens højde-specifikationer. Når du arbejder i alle hætter, er der ingen opstigninger eller nedstigninger, så du kan finde det nødvendigt at stramme linieafstanden, som den teknik, der bruges af Regenerate Music Co. Det samme gælder for skrifttyper med kortere stigninger og nedstigninger.
Type, der anvendes i større størrelser, f.eks. Overskrifter eller logoer, kan nogle gange drage fordel af strammere ledninger.
Slap af
Løs eller positiv, fører er at tilføje afstand, så ledelsen er større end den punktstørrelse, der bruges til typen. For eksempel, hvis din type er dimensioneret til 14 point, vil ethvert mellemrum på 15 point eller mere betragtes som løs. Med nogle skrifttyper må afstanden måske ikke løses på skærmen, selvom den er klassificeret på den måde.
Løs ledende kan gøre en side føles lys og luftig. Det er et tidstestet trick for designere at bare tilføje førende, når typen føles for chunky eller tung på siden. Ledende der er for løs, kan dog være svært at læse og følge, hvis der anvendes masser af tekst; det er bedst forbeholdt få ord.
De fleste designere tendens til at bruge løsere førende for hovedkropstypen på blogs og for andre store tekstblokke. Løs, men ikke for løs, førende kan være let at læse og følge. Det kan få mindre tekst til at blive noget større, end den er, og hjælpe med at afbalancere ekstremt lange tekstlinjer. Bemærk brugen af ledende på bloggen A List Apart. Den større skrifttype for kroppen bruger en spec, mens den mindre type i højre sidebjælke er meget løsere, hvilket gør den mindre type lettere at følge og afbalancerer den med de andre elementer på siden .
Mange designere vælger også løsere førende ved brug af sans serif skrifttyper. Det kan være en særlig god mulighed, når du arbejder med skrifttyper med overdrevne blomstrer eller ligaturer. Det ekstra rum giver bogstaverne mulighed for at trække vejret uden overlapning.
Løs ledende er også en vigtig overvejelse, hvis du planlægger at bruge masser af fed, farvet type eller skrifttyper med store vægte. Blogess bloggen bruger en kombination af farve, fed og hætter på hele webstedet, hvilket gør det positivt at føre et nødvendigt læsbarhedsværktøj. I dette tilfælde hjælper løs ledende også med at trække øjet til de vigtige dele af teksten, som er i farve og fed.
Baggrundsfarver og førende
Farve og kontrast er især vigtige, når du vælger en linjehøjde.
På mørke baggrunde kan du bruge lidt mere førende end du måske på en lysere baggrund for at hjælpe med at lindre massesyn. Mørke farver kan lægge vægt på dit design, som kan stramme førende, men vælger at bruge kun den ene eller den anden, du kan skabe mere balance.
Det samme gælder, når du bruger en type farve. Farver, bortset fra sorte og mørke grays, kan tilføje forskellige vægtmængder til dit design. Afhængig af baggrundsfarven kan noget tekst endda udse blødning på baggrunden - det sker for nogle mennesker, især når man læser rødt bogstaver på en hvid baggrund. Tilføjelsen af ledende kan hjælpe med at gøre disse typer af tekst mere læsbare.
Ændring af bredder og førende
Responsive design gør forståelse førende (og type generelt) endnu vigtigere.
Med forskellige skærmopløsninger og -former skal typespecifikationer justeres for at sikre, at et websted forbliver læsbart. Da teksten krymper (eller vokser) på skærmen, skal ledelsen justere i overensstemmelse hermed.
Husk at holde liniehøjdeforholdene i tankerne, når du foretager disse justeringer. Fordi typen vil være mindre for mobile og andre små skærm enheder. Overvej at øge linjens højde med 20 procent over det, du brugte til fuldskalaen. Den øgede førende bør hjælpe læsbarheden, når den er parret med mindre type.
Så når du bestemmer førende specifikationer for dit websted, skal du bruge flere sæt tærskler: Et til dit grundlæggende webstedsdesign, en til mellemstore enheder som iPad og andre tabletter og en til mobiltelefoner. Hver kan have et andet sæt proportioner, der bruges til tekst til linjehøjde.
Konklusion
Nu hvor du er bevæbnet med en række førende tips og værktøjer, hvor starter du?
Der er ingen tjekliste. Din bedste chance er at se på typen og se, hvordan det føles (brug den gode gammeldags øjenprøve). Lad det sidde et stykke tid og kom tilbage til det igen senere. Føler du stadig den samme måde om teksten? Føler du følelsen af, at du føler dig i tankerne for dit website design?
Bemærk, at dette er mest effektivt, når tekstblokken indeholder faktisk kopi snarere end pladsholdertekst. Du ønsker at få en realistisk visning og pladsholder indstillinger indeholder nogle gange ulige tal af breve, der ikke bruges alle, der ofte i ægte kopi.
Spil med det. Vis dit tekstdesign til en anden for ekstra meninger. Spørg dem, hvordan de føler sig om det.
Sørg også for at parre din tekstblok sammen med resten af elementerne i designet. Dette er måske ikke det første skridt, men nogle gange kan det hele sammen skabe uønskede effekter. Sørg for, at det igen gennemgår øjenprøven.