Innholdet er konge, det er ingen tvil om det. Men presentasjon spiller en stor rolle i måten vi oppfatter innholdet, og derfor designer vi våre apper og nettsteder med slik omsorg.
Den samme oppmerksomheten er ofte fraværende fra dokumentene våre, men med mange benytter standardfeilalternativene. Å bruke litt tid på å ta informerte valg om dokumentets typografi kan forhøye eventuelle skriftlige brikkeres påvirkning.
Vi har vist deg mange måter å lage gode dokumenter i Word, Google Dokumenter og Sider, men uten store typografiske valg blir dokumentene dine aldri det beste de kan være. Det er derfor i denne opplæringen, jeg vil gjerne tilby deg noen hopping av poeng for å velge gode skrifttyper som vil bidra til å bringe ditt skriftlige innhold til livs.
Enhver diskusjon om typografi må begynne med en avklaring. De to termene du er vant til å se, skrifttype og skrifttype, er ikke utskiftbare.
EN font er en fil. Det er den .OTF
eller .TTF
fil på datamaskinen din som du installerer og ringer på for å gjengi teksten i et program. I dagene med brevpresset type var en skrifttype en bestemt variant av typen familie (for eksempel Italic variant av Helvetica).
EN skriftsnitt er den faktiske typografiske gjenstanden gjengitt av skrifttypen. Den beskriver hele familien av skrifttyper som utgjør et typografisk arbeid.
I musikalske termer er skriften den .MP3
fil og skrifttypen er selve sangen.
Betyr dette mye? Ikke egentlig. Noen gamle skoletrykkere kan stryke ved bruk av "skrifttype" der "skrifttype" er mer hensiktsmessig, men jeg mistenker at deres ire ikke kommer til å bekymre deg mye.
Jeg nevner skillet her bare fordi det meste av det vi diskuterer i denne artikkelen, er et høyt nivå på valg og sammenkobling av skrifttyper; den faktiske skrifttypefilen du bruker er ikke poenget.
For å gå tilbake til den musikalske metaforen snakker vi om hvordan du lager en flott spilleliste, ikke om det er bedre å holde musikksamlingen din i MP3 eller FLAC.
Vi trenger ikke å ha en dyp forståelse av hvordan skrifttyper klassifiseres for å gjøre bedre bruk av dem.
Hvis det interesserer deg, er det mange gode ressurser tilgjengelig for å introdusere deg til verden av typen familier og deres historie. Det er ikke et spill av troner, men det er en fascinerende del av designteori.
I stedet vil vi bare holde fast ved det grunnleggende: skrifttyper er mest bredt kategorisert som enten serif eller sans serif. Forskjellen ligger på slutten av hver tegnes slag.
Forskjellen mellom serif og sans serif fonter ligger i enden av brevformene.En serif skrifttype har små fremspringende elementer som har en tendens til å gi hver karakter en mer kompleks form. Seriffonter anses generelt lettere å lese, da serifene tjener som visuelt smøremiddel, styrer øynene på tvers av bokstavene mer jevnt.
En sans serif skrifttype har ikke disse utvidede elementene, og etterlater bokstaver som ser mer austere og rene ut. Dette utseendet er i vogue for øyeblikket, spesielt i webtypografi, og er verdsatt for sin minimalistiske og assertive holdning på en side.
Å velge et skrifttype handler om å presentere innholdet ditt på den mest hensiktsmessige måten. Langformede artikler har forskjellige estetiske krav enn brosjyrer, og mediet selv-print vs skjerm må også tas i betraktning.
En av de viktigste hensynene når du designer et dokument er informasjonsarkitektur: presenterer innholdet på en måte som klart overfører strukturen og hierarkiet. Smart type valg kan bidra til at denne stillasene virker uanstrengt.
Før vi dykker inn i den dype (og ofte dyre) verden av profesjonelle skrifttyper, la oss se hva vi kan oppnå ved å bruke skriftene som tilbys på våre datamaskiner som standard.
Mange foretar typevalg som starter fra overskriftene, men typografi er best etablert fra innsiden ut: kroppen kopiere.
Uansett hva du skriver, kommer arbeidets kropp til å ha de fleste ordene. Hvordan vi presenterer disse ordene er kjernen i hvordan publikum vil oppleve dokumentet, så det er fornuftig å velge en kroppsfont før noe annet. Her er vårt primære mål lesbarhet-hvor enkelt det er for øynene å absorbere informasjonen.
Tradisjonelt har kroppen kopi blitt satt i et standard serif ansikt som Times New Roman. Den er ekte lesbar, trekker ikke uønsket oppmerksomhet mot seg selv, og er nøytral nok til å være egnet for nesten ethvert emne.
Den kjente og staid: Times New RomanProblemet med Times New Roman er at det ser smertefyllt generisk ut etter flere tiår med bruk som standard. Heldigvis er det mange systemfonter på moderne maskiner, og vi kan appellere til noen av dem for å få våre dokumenter til å skinne uten å måtte kjøpe profesjonelle skrifter.
Baskerville er en vanlig stand-in for Times New Roman, og tilbyr et slankere og litt mer gammeldags utseende.
Tynnere og mer klassisk i utseende er Baskerville.Georgia er et moderne utseende alternativ, med sterke linjer og lange tegn som ser utmerket ut, hvis det er litt tørt.
Georgia er et attraktivt og ukomplisert skrifttype som passer for mange roller.Hvis du jobber med noe for utskrift, Garamond er verdt et forsøk.
Mer tilstede enn Baskerville og mer interessant enn Georgia, er Garamond et svært vanlig skrifttype valg.Hvis du er på en Mac, er en av mine favorittsystemfonter for kroppskopi Hoefler Text. Den kombinerer Georgias tilstedeværelse med litt mer personlighet og ser vakker ut i de fleste sammenhenger.
Blant de mest attraktive av alle systemfonter er Hoefler Text.Snakker om personlighet, Palatino er et annet vanlig valg, og en som fungerer som kroppstekst i mange av maler i tekstbehandling apps. Det er litt mindre tett og litt mer vinklet enn Hoefler Text.
Palatino er ofte favorisert av studenter til essays og rapporter.Når du jobber med et dokument som trenger en mer moderne følelse, kan det være bedre å velge en sans serif skrifttype for kroppens tekst. I slike tilfeller er den kjære Helvetica (eller dens Microsoft klon, arial) er ofte den første anløpshavnen.
Hvis du er opptatt av Helvetica, skift i det minste til sin moderne omarbeidelse, Helvetica Neue, som er en polert og justert versjon som ser bedre ut i flere situasjoner, spesielt på skjermer.
Den legendariske Helvetica trenger ingen introduksjon. Sett her i sin "Neue" form.På Windows, den relativt nye Segoe font familie er vel verdt å vurdere. Segoe er Microsofts ta på det klassiske Frutiger-designet, og det tilbyr de samme attraktive brevformene og lesbarheten. Microsoft har valgt det som standard grensesnitt font for de fleste produkter.
Segoe er en ekstremt attraktiv sans serif med mye spekter takket være dens likhet med det klassiske Frutiger-designet.Hvis du er villig til å reise derfra, Optima er en sans serif system skrifttype på Macer som har den uvanlige egenskapen å se nesten som en serif. Det er en dynamisk skrifttype, en som fungerer best i situasjoner hvor du vil ha den moderne følelsen av en sans serif uten å ofre lesbarheten av serif type.
En noe merkelig og veldig dynamisk ser sans serif, er Optima nesten kamuflert som et serif ansikt.En av de sanne klassikerne er en annen systemfont: Gill Sans. Jeg finner meg ofte ved å bruke Gill takket være sin eleganse og adeptness på flere skalaer. Uansett om teksten er stor eller liten, vil Gill Sans gjøre det rent, og siden det kommer med et stort utvalg av vekter (fet, lett, halvfet, etc.) er det meget allsidig.
Gill Sans er et veldig særegent ansikt, med små brevformer og et tett, konsist utseende.Når kroppsteksten ser slik som den burde, vil resten strømme mer naturlig. Den neste oppgaven er å sammenkalle kroppsteksten med et overskriftstegn som komplementerer det og balanserer oppsettet godt.
En av de mest kjente sammenkoblingene er Helvetica Neue som en overskrift font mot Garamond for kroppstekst. Dette er en allestedsnærværende parring som fungerer bra i print.
Sjansen er, du har sett denne typen sammenkobling mange ganger før.En annen utmerket kamp er Gill Sans, eller den mer moderne Avenir (en annen system skrifttype) som en overskrift skrift mens Hoefler Text presenterer kroppen.
Underoverskrifter deler ofte samme skrifttype som hovedoverskrifter, men er satt til en mindre punktstørrelse. Dette er en god måte å håndtere et par nivåer på overskrifter, men hvis dokumentets hierarki vil inneholde flere underposisjoner, er det en god ide å foreta ytterligere justeringer.
For ytterligere å hjelpe det visuelle skillet, kan mindre underposisjoner settes i en annen farge, eller ved bruk av fet skrift eller vises ved hjelp av små kapsler i stedet for tittel.
Det naturlige instinktet er å bruke en helt annen skrift for overskrifter versus kroppstekst. Dette er ofte en god ide, men det er ikke nødvendig, og faktisk er en av de vanligste feilene som rookie-type fans gjør, å prøve å inkludere for mange skrifttyper i et gitt prosjekt.
En stor tommelfingerregel er det Du bør nesten aldri ha mer enn tre forskjellige skrifttyper som er i bruk for et prosjekt. Tilgjengeligheten av forskjellige størrelser, vekter og mellomrom for en gitt skrift betyr at du kan få mye kjørelengde ut av en enkelt skrifttype.
Vi har dedikert en hel opplæring til å skrive sammenparingsprinsipper, så hvis du er interessert i teorien bak kombinere skrifttyper, så se ikke lenger.
Hvis du er seriøs om å presentere dokumentene dine, vil du uunngåelig komme til det punktet hvor det er på tide å ta av treningshjulene og se på kjøp og bruk av profesjonelle skrifter.
Når du diskuterer profesjonelle skrifttyper, er det viktig å innse at det er mer til en "profesjonell" skrift enn å bare få et design som ikke er tilgjengelig på systemet ditt som standard. Hva setter profesjonelle skrifttyper bortsett fra standard er kvaliteten.
I typografiske termer kan kvalitet bety flere ting, alt fra presis kerning, til omfattende vektvalg, til tilgjengeligheten av flere tegn (utenlandske alfabeter, alternative tegn, omfattende tegnsetting og matematisk glyph-støtte, etc.) til nærvær av ligaturer, og andre slike detaljer.
Definisjon: Kerning er det typografiske uttrykket for brevavstand. Korrekt kjente fonter har enda avstander mellom tegn og omfattende tweaks for å sikre at enhver bokstavskombinasjon ser balansert ut.
Som med de fleste ting får du det du betaler for. Det finnes et enormt antall gratis skrifttyper tilgjengelig på internett, og mens dette er praktisk for raskt å legge til en frisk smak på paletten din, blir downsides plagsomme.
Oftere enn ikke, kommer frie skrifter bare i en vekt. De er vanligvis dårlig kjerne, og gir uhyggelige mellomrom mellom brevpar.
Bruke en anerkjent ressurs som Google Fonts kan hjelpe deg med å finne bedre kvalitet gratis skriftvalg, som Open Sans. Denne nydelige sans serif er en av de mest opptatte skrifttypene på den moderne nettsiden, og dens fem vekter og ti varianter gjør det til et allsidig og dygtig skrifttype for mange forskjellige brukstilfeller.
Roboto-familien, Lato, Source Sans Pro og Ubuntu er andre eksempler på kvalitetsfrie skrifttypealternativer.
Dette er imidlertid unntaket til regelen. De fleste gratis skriftfiler er markert mindre polert.
Verden av betalte skrifttyper er en givende en. Mens de aller beste er dyre, betyr deres fleksibilitet og kvalitet at du kan kjøpe en enkelt flott pakke og settes for de fleste av dine grunnleggende behov.
For eksempel representerer katalogen av Hoefler & Co. kanskje toppunktet for typografisk design. Whitney og Ideal Sans er blant de vakreste all-purpose sans serifs i eksistens.
Whitney: En av de fineste sane serifene som er designet.Tilsvarende Mercury, den storslåtte Requiem, og til og med den kjente Hoefler Text (husk vår systemfontsvenn? Hoeflers grunnvekter ble lisensiert av Apple for bruk i Mac System 7!) Er eksempler på serif font design på sitt beste.
Som de fleste Hoefler-design er Mercury utrolig fleksibel og sitter komfortabelt i mange sammenhenger.I tillegg til å bli tilbudt med en svimlende bredde av karakterdekningen (inkludert innfødte små caps, fraksjoner og utvidede aksenter for latin, gresk og cyrillisk alfabeter), har en type familie som Whitney ikke mindre enn seks vekter og mer enn femti individuelle stiler.
Utenfor Hoeflers oeuvre finner vi andre flotte skrifttyper som Proxima Nova, Brandon Grotesque og Avenir Next Pro med lignende dybde. Mange av disse er tilgjengelige på Adobes Typekit, som lar deg bruke skrifttypene på nettstedet ditt og laste dem ned for bruk på datamaskinen din..
Utstyrt med en eller to av disse eksepsjonelle typen familier, åpner vi en helt ny verden av dokumentlayoutalternativer som kan gjøre ethvert skriftlig stykke ser eksepsjonelt ut.
Nå som du er kjent med noen av alternativene, viser jeg deg et eksempeldokument som vi skal angi for utskrift og web.
For å kjøre hjem poenget at du ikke trenger å appellere til profesjonelle skrifttyper for å få et flott dokument, vil vi begrense oss til å bruke bare systemfonter.
I dette eksemplet har jeg en kort historie som jeg vil gjerne produsere en ebook av. Jeg bruker sider på en Mac, men de samme prinsippene gjelder uansett hvilken programvare du har.
Hvis du legger inn tekst i Sider ved hjelp av standard blank side-mal, ser det ut som det er utrolig tørt, som vi kan forvente.
Snore ... la oss gjøre dette mer interessant!Mens standardmalenes stilforhåndsinnstillinger tillater oss å definere det visuelle hierarkiet, er det faktum at alt er i en kjedelig nyanse av Helvetica en kjedelig presentasjon.
Første stopp er selvfølgelig kroppsteksten. Siden dette er en historie og vil derfor ha mye tekst, er det en god ide å sette den inn i en serif skrifttype. Som nevnt tidligere, er en av mine favorittsystemfonter Hoefler Text, så jeg skal bruke det.
På grunn av måten serifs kobler til tegn, ser det ut til at stykker av seriffonter med standardavstander ser litt for tett ut. For å rette opp dette er det ofte best å sette linjeavstanden på enten 1,2 eller 1,5, om ikke mer. Dette muliggjør en tydelig skille mellom linjer og gjør det lettere for øynene våre å følge.
I mitt eksempel har jeg satt avstanden til 1,4, og jeg har også rammet opp punktstørrelsen fra standard 11 til en litt mer lesbar 13.
Fra skolen er du sannsynligvis vant til å sette alt i størrelse 12 eller 10. Disse størrelsene passer for trykte materialer, men på nettet og for skjermforbruk generelt, er det ofte å foretrekke å sette type i størrelser på 14 eller større.
Dette tjener det dobbelte formålet med å hjelpe tekst forbli lesbar på en skjerm, samtidig som den endrer utseendet til å være mindre av en "tekstvegg" som kan avskrekke besøkende. Oppmerksomhetsspenner er korte på internett.
Siden første ledd er et innledende sitat, har jeg satt det i kursiv og gjort det litt større. Jeg har også satt de første ordene i kapitlet i små bokstaver (Hoefler Text system skrifttypen har faktisk ikke en liten caps variant, så jeg måtte falle den ved å slippe punktstørrelsen og øke vekten).
Komme dit…Nå må jeg gjøre noe med disse overskriftene, som ser ut på plass på dette punktet.
Det er fristende å bruke en sans serif for overskriftene her for å maksimere kontrast, men igjen er prioriteten harmoni.
Så i stedet for å bytte til et nytt skrifttype, har jeg rett og slett tweaked vår gamle venn Hoefler Text. Tittelen bruker en poengstørrelse på 35 og er satt i den "svarte" vekten, og kapitteloverskriftene er de samme, bortsett fra at punktstørrelsen er 18.
I dette tilfellet har teksten et ekstra kapittel beskrivelseslinje, og heller enn overarbeid Hoefler Text, Jeg har valgt å sette denne linjen i en sans serif skrifttype, spesielt den særegne Optima.
Mens det er forskjellig nok til å gjøre jobben, for å virkelig trekke oppmerksomhet til denne viktige linjen, har jeg også endret tekstfargen til en mørk rød; Dette gir umiddelbart det overordnede dokumentet større dimensjon og gir den en sofistikert følelse.
Mye bedre! Nå ser det ut som et presentert dokument.Straks vekk har vår tidligere kjedelige historie tatt på seg et mye mer fremtredende utseende, uten at det går på bekostning av lesbarheten eller utseendet "fancy" bare for dens skyld. Og hvis vi lagrer disse stilvalgene, kan vi veldig enkelt dra nytte av dette utseendet til fremtidige dokumenter uten å måtte bruke mer tid på å gjenskape ting.
Og husk at vi ikke har brukt en krone for å komme hit! Tenk deg hva du kan oppnå når du er bevæpnet med en profesjonell skrifttype eller to.
Som du har oppdaget, krever profesjonelle dokumenter ikke at du holder fast i en mal, og heller ikke å kjøpe dyre skrifter hvis du ikke vil.
Alt du trenger er litt omsorg og håndverk.
Å lage dine egne dokumenttypestiler hjelper ikke bare arbeidet ditt med sitt beste, det virker også subtilt det som ditt eget; Dine valg av skrifttyper, størrelse, farge og arrangement blir en slags fingeravtrykk som kan hjelpe deg med å etablere et "utseende" for alle dokumentene du produserer.
Så lenge du husker de grunnleggende prinsippene - informasjonsarkitektur, lesbarhet og bruk av 3 eller færre skrifttyper per dokument hvor det er mulig - vil du være godt på vei for å forbedre utseendet på ditt neste viktige dokument!