Ledende: Plassen er like viktig som ord
En nøkkelkomponent til ethvert webdesign er type. Valg av skrifter, størrelser og farger kan være en stor del av hvordan du skisserer nettstedet ditt. Like viktig som bokstavene selv, er avstanden rundt bokstavene og spesielt den ledende som brukes i tekstblokker.
Jo mer type du bruker, desto viktigere blir ledelsen. Bak skrift og størrelse er det en av de viktigste faktorene å vurdere når du ser på hvordan lesbar type er.
De ledende spesifikasjonene du bruker for en logo eller en splash-skjerm, kan være svært forskjellige enn de ledende som brukes til typen i et blogginnlegg.
Andre designelementer har også innvirkning på hvordan du skal bruke ledende. Størrelsen på type, bredde på kolonner og jevn bakgrunnsfarge kan hjelpe deg med å gjøre klok, ledende valg.
Hvordan du bruker ledende mest, kommer inn i spill for store tekstblokker.
Hva er ledende?
Ledende - uttalt ledding - er avstanden mellom linjene av typen. Ledende ble tradisjonelt målt i poeng (akkurat som fonter). Begrepet stammer fra gammelt brevpress, når typen ble satt for hånd. Blybånd ble plassert mellom linjene for å holde alt i perfekt justering.
Siden adventen av digital publisering har ledende ofte blitt forvekslet med linjehøyde. Linjens høyde er hele plassen fra en basislinje - det imaginære planet som bokstaver som 'a', 'x' og 'n' sitter - til neste. Ledende er derimot plassen fra bunnen av et brev på en linje, til toppen av et brev på den neste: det er bokstavelig talt linjens høyde minus teksthøyden.
I digital typografi, spesielt webtypografi, brukes ordene ledende og linjemengde ofte om hverandre. For eksempel i CSS er det ingen ledende verdi, vi bruker linehøyde i stedet.
Mens ledende var en gang en fysisk, målbar verdi, er den nå vanligst brukt som et konsept: det visuelle inntrykket av mellomrom mellom to linjer.
Hvordan ledende brukes i en blokk med tekst kan påvirke lesbarheten. Det er en fin linje mellom typen som er for tett sammen og for langt fra hverandre. Enten ekstreme kan være tøft på leserens øyne. Ledende handler om å endre tetthet av type. Nøkkelen er å forstå hvilken melding du har tenkt for din type å formidle og samsvarer med den ledende i henhold til dette.
Ingen perfekt løsning
Det er ingen perfekt, magisk formel for å bestemme hvor mye ledende du trenger. En kombinasjon av faktorer er involvert - type størrelse, farge, ønsket effekt og viktigst lesbarhet.
Som hovedregel er utgangspunktet for å lede vanligvis det samme som punktstørrelsen på skriften du bruker. Noen programvare, spesielt nettlesere, tar det litt lenger og stiller standard som fører litt høyere enn punktstørrelsen, vanligvis med en standard på 120 prosent. Så blokker som inkluderer 10-punkts tekst ville ha 12-punkts ledende.
Denne filosofien fungerer bra for store tekstblokker, for eksempel blogginnlegg, som bruker vanlige skrifttyper uten ekstravagante oppstigninger, nedstigninger eller ligaturer på lyse, nøytrale farger bakgrunner (tenk svart type på hvit eller beige). Du opprettholder en følelse av at alle tekstlinjene går sammen mens du legger inn akkurat nok plass som det er lett på øynene.
Blokker av tekst er enklest å lese når ledelsen er bredere enn ordavstand. Denne andelen vil hjelpe øyet til å bevege seg over siden og deretter ned, etter den naturlige strømmen av avstand fra mørkt til lys.
Denne "normale" linjens høyde vil også føle seg passende for ting som krever mye lesing. Det er standarden som brukes av mange nettsteder og trykker publikasjoner.
Hold det stramt
Stramt eller negativt, ledende oppstår når linjer av typen er nærmere enn punktstørrelsen på typen. Hvis din type for eksempel er dimensjonert med 14 poeng, vil noen ledende under 14 poeng anses å være tette, selv om det ikke ser ut til å være for nært plassert på skjermen.
Stram ledende kan skape en følelse av begrensning. Det kan også brukes til å skape kaos. På den annen side kan strammere ledende brukes som en metode for å samle biter av typen eller for å skape en tydelig organisasjonsfølelse. I mange år i print og online har nyhetsorganisasjoner brukt noen av de strengeste ledende spesifikasjonene for kroppstype. På trykk var dette for å spare plass; På nettet er det å opprettholde følelsen av troverdighet og utseendet knyttet til organisasjonene og deres utskriftspartnere.
Tenk på saks og bokstaver som sitter over og under x-høyden når du angir linjehøyde spesifikasjoner. Når du arbeider i alle deksler, er det ingen oppstigninger eller nedstigninger, slik at du kanskje finner det nødvendig å stramme linjeavstanden, for eksempel teknikken som brukes av Regenerate Music Co. Det samme gjelder fonter som har kortere oppstigninger og nedstigninger.
Type som brukes i større størrelser, for eksempel overskrifter eller logoer, kan noen ganger dra nytte av strammere ledende også.
Løsne opp
Løs, eller positiv, ledende er å legge til avstand slik at ledelsen er større enn punktstørrelsen som brukes for typen. For eksempel, hvis typen er dimensjonert med 14 poeng, vil enhver plass på 15 poeng eller mer bli ansett som løs. Med noen skrifttyper kan avstanden ikke se løs på skjermen, selv om den er klassifisert på den måten.
Løs ledende kan få en side til å føles lys og luftig. Det er et tidsbestemt triks for designere å bare legge til ledende når typen føles for tykk eller tung på siden. Ledende som er for løs, kan imidlertid være vanskelig å lese og følge hvis mye tekst er brukt; det er best reservert for få ord.
De fleste designere trender mot å bruke løsere som leder for hovedkroppen på blogger og for andre store tekstblokker. Løs, men ikke for løs, ledende kan være lett å lese og følge. Det kan få mindre tekst til å virke noe større enn det er, og bidra til å balansere ekstremt lange tekstlinjer. Merk bruk av ledende på A List Apart-bloggen, den lettere for kroppen bruker en spesifikasjon, mens den mindre typen i høyre sidefelt er mye løsere, noe som gjør den mindre typen enklere å følge og balanserer den med de andre elementene på siden .
Mange designere velger også løsere ledende når man bruker sans serif-skrifttyper. Det kan være et spesielt godt alternativ når du arbeider med fonter med overdrevne blomstrer eller ligaturer. Den ekstra plassen gjør at brevrommet kan puste uten overlapping.
Løs ledende er også et viktig hensyn hvis du planlegger å bruke mye fet, farget type eller skrifter med store vekter. Blogess bloggen bruker en kombinasjon av farger, dristige og caps på hele nettstedet, noe som gjør det positivt å lede et nødvendig lesbarhetsverktøy. I dette tilfellet bidrar løs ledende også til å trekke øyet til de viktige delene av teksten, som er i farger og fet skrift.
Bakgrunnsfarger og ledende
Farge og kontrast er spesielt viktig når du velger en linjehøyde.
På mørke bakgrunner vil du kanskje bruke litt mer ledende enn du kanskje på en lysere bakgrunn for å bidra til å lindre en følelse av masse. Mørke farger kan legge vekt på designet som kan stramme ledende, men å velge å bruke bare den ene eller den andre, kan du skape mer balanse.
Det samme gjelder når du bruker type farge. Farger, unntatt svart og mørk grå, kan legge til forskjellige vektmengder i ditt design. Avhengig av bakgrunnsfargen kan det hende at noen tekst utgjør blødning på bakgrunnen - dette skjer for noen mennesker, spesielt når du leser rødt bokstaver på en hvit bakgrunn. Tilgangen av ledende kan bidra til å gjøre disse typer tekst mer lesbare.
Endre bredder og ledende
Responsive design gjør forståelse som fører (og type generelt) enda viktigere.
Med varierende skjermoppløsninger og former, må spesifikasjoner tilpasses tilsvarende for å sikre at et område forblir lesbart. Siden teksten krymper (eller vokser) på skjermen, må ledelsen justere tilsvarende.
Husk å holde linjehøydeforholdene i tankene når du foretar disse justeringene. Fordi typen vil være mindre for mobile og andre småskjerm-enheter. Vurder å øke linjens høyde med 20 prosent over det du brukte til fullskala design. Den økte ledelsen skal bidra til lesbarhet når den er parret med mindre type.
Så når du bestemmer ledende spesifikasjoner for nettstedet ditt, trenger du flere sett med terskler: En for ditt grunnleggende webdesign, en for mellomstore enheter som iPad og andre tabletter, og en for mobiltelefoner. Hver kan ha et annet sett med proporsjoner som brukes til tekst til linjehøyde.
Konklusjon
Nå som du er bevæpnet med en rekke ledende tips og verktøy, hvor starter du?
Det er ingen sjekkliste. Din beste innsats er å ta en titt på typen og se hvordan det føles (bruk den gode gammeldags øyetesten). La det sitte en stund og kom tilbake til det igjen senere. Føler du fremdeles på samme måte om teksten? Føler du følelsen du har i tankene for ditt nettsteddesign?
Merk at dette er mest effektivt når tekstblokken inneholder faktisk kopi i stedet for plassholdertekst. Du ønsker å få en realistisk visning og plassholderalternativer inneholder noen ganger merkelige antall bokstaver som ikke brukes alle som ofte er i ekte kopi.
Lek med den. Vis tekstdesign til noen andre for ekstra meninger. Spør dem hvordan de føler om det.
Pass også på å parke tekstblokken med resten av elementene i designet. Dette kan ikke være det første trinnet, men noen ganger å sette alt sammen kan skape utilsiktede effekter. Pass på at den passerer øyetesten igjen.