Hva er kerning? Noen interessante fakta om kerning-eksempler.

Har du noen gang hørt om noe slikt som tekstkjerning? Det er mulig du har lest om dette og har en ide om hva vi snakker om. Men vet du hvor stor innvirkning denne metoden har på effektiviteten til markedsføringskampanjen din? Det er verdt å merke seg at viktigheten av dette verktøyet ofte er alvorlig undervurdert.

Hva er kerning?

La oss se nærmere på hva kerning er ment for og hva det spises med. Enkelt sagt er dette avstanden mellom bokstaver. La oss gi et tydelig eksempel. Bildet nedenfor viser hvordan utseendet til ordet endres avhengig av kerning-innstillingene:

Riktig valgt antall mellomrom mellom tegn gjør det lettere å lese teksten.

De fleste fonter bruker kerning som standard.

Eksempler på fonter: uten kerning, med automatisk justert kerning, og med manuelt justert kerning

Ved første øyekast er alt enkelt. Men ikke glem at når du konfigurerer, må du ta hensyn til en rekke faktorer: skrifttype, struktur av tekstblokker, linjeavstand, etc.

Google dedikerte til og med et slags påskeegg til dette verktøyet. Ved å skrive inn søket "kjerning" i søkefeltet, vil utdata være tekst med ikke-standard mellomrom mellom tegn.

Hva er betydningen av dette verktøyet?

Denne uttalelsen kan virke kontroversiell for noen, men avstanden mellom bokstaver er virkelig et viktig kjennetegn ved teksten. Selv nå, mens du leser denne artikkelen, opplever du effekten av kerning.

Hvis teksten presenteres kompetent og er lett å forstå, vil ikke de aller fleste lesere tenke på hvordan du klarte å oppnå dette. Men hvis du gjør en feil, vil situasjonen endre seg radikalt. Vi inviterer deg til å gjøre deg kjent med klare eksempler på hva mislykket kerning kan føre til:

Selvfølgelig, hvis du ønsker det, kan du finne mange eksempler på virkelig kompetent presentasjon av materialet. Problemet er at de fleste bare tar hensyn til kerningen, som gjør vondt i øyet.

Hvis du har et par gode støvler på føttene, vil du ikke alltid tenke på dem. Men du vil umiddelbart huske hvor komfortable de var når du tok på deg sko av lav kvalitet. Likeledes gir eksempler på tekstdesign som har gått galt innsikt i hvor viktig riktig kerning egentlig er.

Lesbarhet av teksten

Det spiller ingen rolle om det er innholdsmarkedsføring, destinasjonssideoptimalisering eller e-postmarkedsføring. Uansett er hovedmålet ditt å formidle et spesifikt budskap til forbrukeren. Riktig valgt avstand mellom tegn gjør teksten mer lesbar, noe som igjen letter prosessen med assimilering av informasjon.

"Hvis du ikke tar nok hensyn til kerning, kan resultatene bli katastrofale. Det er nødvendig å forstå at det er usannsynlig at brukeren gidder å "dechiffrere" tekst som er upraktisk for oppfatningen. I stedet vil han ganske enkelt gå til en konkurrents ressurs."

I hovedsak bruker du dette verktøyet når du ser to eller flere typografiske symboler ved siden av hverandre.

Motivasjon til å utføre en målhandling

Informasjonen du tilbyr folk bør presse dem i retning av en handling (fylle ut et kundeemneskjema, klikke på et CTA-element osv.). Tekstblokker på landingssiden fungerer som veiskilt, og riktig kerning gjør at brukeren enkelt kan lese informasjonen fra disse skiltene.

Konverteringsoptimalisering

Det er ingen hemmelighet i disse dager at en liten endring i innholdet på en nettside kan ha stor innvirkning på konverteringsraten din. Noen ganger er det nok å omformulere oppfordringen til handling litt for å øke effektiviteten til landingssiden din med en størrelsesorden.

Imidlertid påvirkes konverteringsfrekvenser også av mange andre faktorer, hvorav noen noen ganger oppriktig undervurdert. En av disse faktorene er uten tvil kerning.

Innholdsoppfatning

Utformingen av en tekst bærer noen ganger en større semantisk belastning enn innholdet.

Strenge og tett kerning gir leseren en følelse av selvtillit og ro.

Adidas-logoen er et godt eksempel på hvordan et selskap kan bruke til å påvirke forbrukere:

I samsvar med de samme prinsippene ble logoen til UnderArmour-selskapet, som spesialiserer seg på salg av sportsklær, utviklet:

FedEx-logoen, en av de mest gjenkjennelige merkene i verden, er et godt eksempel på «no-frills kerning». Alle bokstavene berører hverandre, og danner den legendariske pilen mellom "E" og "X":

Washington Post er avhengig av klassisk design, som, gitt avisens mer enn århundrelange historie, virker som en logisk avgjørelse:

Løs kerning gir en uformell følelse.

Folk bør assosiere hårpleieprodukter med noe enkelt, luftig og friskt. Uten tvil bidrar Sunsilk-logoen til dette:

HTC opererer i en helt annen sektor, men da designerne utviklet logoen sin, fulgte designerne også prinsippene for gratis kerning:

I Clear-logoen er bokstavene også plassert i relativt stor avstand fra hverandre:

Land Rover fokuserer subtilt folks oppmerksomhet på ordet "Land" som ligger øverst (og lettere) på logoen. Kjerning fortjener imidlertid også oppmerksomhet her:

Hvordan lære riktig kerning?

Det ser ut til at det kan være enklere enn å plassere mellomrom mellom karakterer. Imidlertid viser mange eksempler på mislykket kerning at mangel på oppmerksomhet til tekstdesign kan spille en grusom spøk på en markedsfører.

Vil du øve? I så fall vil du kanskje sjekke ut Kerntype, et spill laget av Mark MacKey.

Dette spillet ber deg justere plasseringen av bokstaver slik at ordene laget av dem ser mer korrekte ut. Slike øvelser lar deg føle forskjellen mellom teksten "før" og "etter" arbeidet med den.

Vær imidlertid forsiktig! Når du har opplevd alle gledene ved god kerning, kan du rett og slett ikke unngå å legge merke til den dårlige:

Hvis du virkelig hater noen, lær dem hvordan de kan gjenkjenne dårlig kerning

Dette emnet utforskes på InspirationFeed-bloggen:

"Når du lærer om kerning, vil livet ditt endre seg. Plutselig vil du begynne å legge merke til ujevn tegnavstand overalt, og det vil sannsynligvis irritere deg. Det er mulig at noen til og med vil anklage deg for snobberi. Ikke bry deg, bare fordi du vet noe de ikke vet, gjør deg ikke til en dårlig fyr.»

I hvilke tilfeller bør du være spesielt oppmerksom på kerning?

Mange markedsførere foretrekker å la standardavstander mellom tegnene for en bestemt skrifttype. I prinsippet er denne tilnærmingen ganske akseptabel. Men i noen tilfeller er fontkjerning en veldig lovende idé. Disse typer saker inkluderer:

Logo utvikling

Arbeider du med en logo for din bedrift? Sørg for å snakke med designeren din om kerning. Den riktige logoen vil hjelpe deg med å formidle ideene dine mer nøyaktig til potensielle kunder.

Velge en tittel for landingssiden

Overskriften er det viktigste elementet på landingssiden. Ved å designe den riktig, vil du kunne tiltrekke brukerens oppmerksomhet og ha en sjanse til å bringe ham til slutten av salgstrakten.

Aktiv bruk av grafikk

Hvis nettstedet ditt har et originalt design med mange grafiske elementer, pass på at utseendet på teksten ikke ødelegger helhetsbildet.

Konklusjon

I dag har vi sett på hva kerning er i Word, andre tekstredigerere, på logoer og selvfølgelig på landingssider. Forresten, de fleste besøkende på landingssider legger ikke merke til mengden mellomrom mellom tegnene i teksten. Men dette betyr ikke at denne faktoren ikke spiller noen rolle.

Eksperimenter med kerning: endre utseendet til landingssideoverskriften eller prøv for eksempel å jobbe med Call To Action-knapper. Når alt kommer til alt, når det kommer til å konkurrere om kundenes oppmerksomhet, er hver detalj viktig.

Tegnavstand kan endres for både valgt tekst og individuelle tegn. I tillegg kan du strekke eller krympe teksten i et helt avsnitt for å gi det ønsket utseende.

Endre tegnavstanden

Når du velger alternativet Sparsomt eller Komprimert Det etableres lik avstand mellom alle bokstaver. Kerning justerer avstanden mellom individuelle bokstavpar, slik at de blir mindre eller større.

Øk eller reduser intervallene mellom alle valgte tegn jevnt

Kerning av tegn som er større enn en spesifisert størrelse

Kerning er navnet som er gitt for å justere avstanden mellom to tegn. Ideen er å forbedre utseendet ved å redusere avstanden mellom tegnene (som "A" og "V") og øke avstanden mellom tegnene som ikke burde være der.

Endre den horisontale tekstskalaen

Når du endrer skalaen, endres formen på tegnene i henhold til den angitte prosentandelen. Teksten skaleres ved å krympe eller strekke den.

Endring av linjeavstand

For å øke eller redusere den vertikale avstanden mellom tekstlinjer i et avsnitt, er det best å bruke stilen som brukes i avsnittet.


Hvis du vil bruke en bestemt linjeavstand til stilen, klikker du på knappen Format Klikk på pilen i nedre venstre hjørne av dialogboksen " Endre stilen" og velg avsnitt. Ved hjelp av en nedtrekksliste linjeavstand du kan velge eller angi en mer spesifikk linjeavstand.

For mer informasjon om hvordan du endrer stiler i Word, se

Hvis du er involvert i webdesign, men fortsatt har rom for forbedringer, kan du være interessert i vår korte artikkel om typografi. Når du utvikler et nettsteddesign, må du tydelig forstå hvordan du arbeider med tekst, nemlig med linjeavstand, tegnavstand, og generelt hvordan du velger en font. I denne artikkelen vil vi prøve å avklare aspekter ved netttypografi som for eksempel føring og kerning. Vi vil lære hvordan og når vi skal bruke dem.

Først, la oss åpne "Character"-panelet i Photoshop. Der finner du tekstinnstillingene du trenger. Hvis du ikke finner dette panelet i arbeidsområdet, åpner du det gjennom Window-Character.

Ledende

Når du arbeider med et avsnitt, eller rett og slett en hvilken som helst tekst som spenner over mer enn én linje, kommer du over parameteren Leading. Dette er avstanden mellom linjene. Det totale bildet vil i stor grad avhenge av denne parameteren.

Standard ledende andel er 120 %. Det vil si at hvis skriftstørrelsen er 20 poeng (pt), så skal den innledende være 24 poeng (pt).

Å redusere føringen til under 120 % skaper for mye trengsel og tetthet av tegn, og skaper også risiko for kollisjon av karakterelementer med hverandre.

For å justere linjeavstand i Photoshop, bruk det aktuelle feltet (Leading/Leading avhengig av grensesnittspråket) i Character-panelet. Innledningen av tekstlaget som er valgt for øyeblikket vil bli redigert.

I noen tilfeller kan du trenge at avstanden mellom noen linjer er større enn mellom andre. For å redigere innledningen til individuelle linjer, forblir operasjonen nesten den samme, bortsett fra at du ikke velger hele tekstlaget, men bare de linjene hvis innledning må endres.

Kerning

Kerning, enkelt sagt, er avstanden mellom to karakterer. Hensikten med kerning er å skape harmonisk rom innenfor en gruppe karakterer, og i noen tilfeller å med vilje øke/redusere dette rommet kraftig for å gi teksten et spesifikt utseende. Nesten alle fonter du bruker har allerede noen foreskrevet avstand mellom tegnkombinasjoner, kalt Metric Kerning. Det skal bemerkes at hvis du øker skriftstørrelsen, eller for eksempel endrer innledningen til teksten, kan det hende at Metric Kerning ikke reagerer helt riktig på disse endringene. Hvis Optisk Kerning er satt, vil Photoshop (eller hvilket program du bruker) bruke kerning automatisk. Men merkelig nok finner de fleste designere ikke denne funksjonen nyttig. Manuell kerning er fortsatt den mest foretrukne.

Hva er manuell kerning? I hovedsak er dette Kerning for hånd. Tenk deg at avstanden mellom symbolene er fylt med en viss væske, og samme mengde væske må tydelig passe mellom alle avstandene. Du justerer avstanden mellom karakterer etter øye, men hvis øyet er skarpt, så er dette den beste teknikken.

Kerning kan justeres manuelt i Tegn-panelet i Photoshop. Før du gjør dette, plasser markøren mellom tegnene du vil justere avstanden mellom. Det er en raskere måte. Plasser også markøren mellom disse to tegnene, og trykk deretter på venstre/høyre piltast mens du holder nede Tilvalg-tasten. Resultatet vil være klart.

Her er noen ting å huske på om kerning

  1. Start med de vanskeligste kombinasjonene av symboler. For eksempel kerning mellom store og små bokstaver.
  2. La justering av kerning stå til slutten av designet. La dette være et av de siste trinnene. Arbeid med det når du allerede er 100% sikker på de valgte fontene, for ikke å kaste bort tid.
  3. Hensikten med kerning er å gjøre tekst optisk korrekt. Det er ingen matematisk formel, kanoner eller noe annet. Bare øv og alt vil begynne å ordne seg. Spill dette spillet noen ganger - Type.method.ac

Men så snart mer komplekse former spiller inn, begynner "stikking og hull". Her bør du utjevne arealene mellom bokstavene. Det er mange geometriske teknikker, men for å være ærlig virker de veldig kompliserte for meg, og er bare nyttige når du designer fonter for å lage en rekke kerning-par.

Derfor vil vi vurdere de generelle reglene og metoden for å plassere "i tre". De generelle reglene er enkle: den største avstanden vil være mellom de "rektangulære bokstavene". En litt mindre avstand kreves hvis en bokstav med rette elementer grenser til en avrundet bokstav. Det kreves enda mindre plass mellom to runde bokstaver. Og enda mindre - med bokstaver som har åpne former.

Trippelarrangementsmetode

  1. I ordet er det mest komplekse kerning-paret valgt, hvor gapet mellom bokstavene vil være det smaleste - disse er enten to avrundede bokstaver, eller kombinasjoner av bokstaver med åpne former. Dette paret er cored først.
  2. Deretter kjernes ordet til høyre og venstre for dette paret. Vi legger til den tilstøtende bokstaven til det valgte avviste paret, får en trippel bokstaver og slapper av bare denne trippelen. Ved å flytte en ny bokstav oppnår vi ensartethet i områdene hvitt i disse tre. Deretter flytter vi de tre etter en bokstav til siden og kjerner neste bokstav. Og på denne måten går vi gjennom hele ordet. Med riktig ferdighet vil du gjøre dette automatisk og veldig raskt.

La oss se på dette ved å bruke eksemplet med det abstrakte ordet "ing". Vi velger et vanskelig bokstavpar. I dette ordet er det "gå". Og vi setter minimumsavstanden mellom disse bokstavene.

Hvis du ikke er en layoutdesigner eller designer, har du mest sannsynlig ikke hørt slike ord som størrelse, ledende, small caps, glyph, kerning. I dag skal vi se på hva kerning er.

Kerning er et element i typografi. Hvis et ord eller en logo inneholder komplekse bokstaver i nærheten som har utstående elementer som skaper stor avstand mellom dem, vil en utmerket løsning være å plassere dem nærmere hverandre, slik at tettheten til ordet blir visuelt mer enhetlig. Med andre ord er kerning en endring i avstanden mellom tilstøtende bokstaver. Det kan være negativt når bokstavene beveger seg nærmere hverandre, og positivt når bokstavene beveger seg fra hverandre.

I informatikk er kerning en intercharacter-avstand som kan tildeles en av tre parametere: komprimert, sparsom eller normal. Normal avstand bestemmes automatisk for skriften. Du kan gjøre skriften sparsom eller fortettet manuelt.

Hva er viktigheten av kerning i tekstdesign?

Avstanden mellom tegnene er en svært viktig egenskap ved teksten. Du opplever effekten av kerning akkurat nå mens du leser denne artikkelen. Riktig valgt avstand mellom bokstaver vil gjøre teksten lett å lese, og hvis informasjonen i teksten presenteres kompetent og interessant, vil alt dette sammen gjøre det lettere å lære ny informasjon.

Et utmerket eksempel på kerning er Adidas-logoen: tett og streng, den gir leseren en følelse av ro og selvtillit.

Hvilke typer kerning finnes?

Kerning kan gjøres ved å bruke de automatiske optiske eller metriske kerning-funksjonene.

Med optisk kerning rettes oppmerksomheten mot formen på bokstavene, og tar denne formen i betraktning, velges og optimaliseres avstanden mellom tilstøtende tegn. Noen programmer gir detaljerte retningslinjer for kerning, men hvis skriften har lite eller ingen innebygd kerning-informasjon, eller hvis forskjellige punktstørrelser og skrifttyper brukes sammen i en linje eller enkeltord, må du bruke optisk kerning på den latinske teksten .

Metrisk kerning bruker spesifikke bokstavpar som inkluderer de fleste eksisterende skrifttyper. De inneholder informasjon om nødvendig avstand mellom bokstaver i spesifikke bokstavpar, for eksempel: Ty, Tr, Ta, To, La, Wa, Yo, etc.

I noen tilfeller, når bruk av automatisk kerning ikke forbedrer situasjonen, er det mulig å bruke manuell kerning. Hvis ferdigheten er finpusset til perfeksjon, er manuell kerning å foretrekke fremfor metrisk eller optisk. Et interessant spill for å finpusse ferdighetene dine - KERNTYPE.

Microsoft Word

Kerning i Word er ganske enkelt. For å bruke kerning må du:

  1. Velg teksten du vil endre.
  2. Følg stien: Hjem → Font → Avansert (i Word 2007 må du gå til "Tegnavstand").
  3. Kryss av i "Kerning"-boksen for tegnstørrelse og skriv inn ønsket tall i feltet.

Font-kjerning-egenskapen i overlappende tabeller

I CSS er kerning en implementering av font-kerning-egenskapen. Syntaksen er som følger:

  • font-kerning: ingen |normal|auto|initial|arv|unset

I tilfelle av auto (eller initial), vil klientens nettleser uavhengig avgjøre om kerning er nødvendig eller ikke. Å bruke ingen forhindrer nettleseren i å bruke kerning, mens normal, tvert imot, indikerer at kerning vil bli brukt på teksten. Initial eller unset - teksten arver verdien til overordnet.

Kerning for tittel

Mange mener at kerning kun skal brukes på store bokstaver og kun på enkelte bokstavpar, men siden kerning er en måte å øke lesbarheten til all tekst på, er denne oppfatningen feil. I de amerikanske og europeiske tradisjonene er det vanlig å plassere kerning for store bokstaver; på kyrillisk er dette ikke et automatisk alternativ. Det er fortsatt vanlig på Internett å skrive overskrifter med store bokstaver, og dette er en atavisme. ser vanligvis penere og bedre ut med store bokstaver. Tekst skrevet med store bokstaver er mindre lesbar, siden en person ikke oppfatter selve ordet, men bildet.

I stedet for å konkludere, vil jeg minne om at skriving oppsto for ganske lenge siden. Tidligere ble penne- og leirtavler, lær, tabletter og bjørkebarkruller brukt til å ta opp tale. De ble erstattet av papir og penn. Når du arbeider med en penn, måtte en person være forsiktig, siden en feil bevegelse ødela hele teksten, og den måtte skrives om. Men folk søkte å dekorere og fremheve teksten selv under så vanskelige forhold. Store bokstaver ble dekorert med rød kanel. Teksten var dekorert med krøller, og ornamenter ble tegnet i margene. Kalligrafi dukket opp.

Trykkeprosessen var også svært kompleks. Manuskripter ble trykket i et trykkeri, noe som krevde klumpete og dyrt utstyr, samt mange fagarbeidere. Det var umulig å publisere manuskriptet ditt selv. Det var først med fremkomsten av datamaskiner og deres universelle tilgjengelighet at typografiske teknikker ble tilgjengelige for alle. Kerning er det vanligste eksemplet på å forbedre lesbarheten til tekster, og det er helt nødvendig å bruke det hvis du ønsker å tiltrekke lesernes oppmerksomhet til publikasjonene dine.