Med advent personlige datamaskiner og de første desktop publishing-systemene, skjedde et tektonisk skifte i typografi, hvis konsekvenser først nå blir merkbare. Dette er ikke den første globale endringen i typografi; det har vært andre. Det er nok å huske tiden da maskinene i den industrielle verden beseiret håndverkerne. Masseproduksjon og profitt ble viktigere enn skjønnheten i fonter. Kvantitet betydde mer enn kvalitet.

De store mesterne sluttet å lage nye skrifttyper, de som allerede fantes var egnet til å trykke bøker. Håndverkere, uansett hvor profesjonelle de var, forble uvirksomme og ble en del av den teknologiske prosessen.

Industrialismens seier betydde imidlertid ikke at de store mestrene forsvant med bruken av trykkpresser. Disse to verdenene fortsatte å eksistere uavhengig av hverandre - skrivere anerkjente talentet til håndverkere, og de forsto på sin side at fremgangen ikke kunne stoppes. Dette var den andre endringen i typografi, som et resultat av at den mistet en del av sin "sjel" eller, så å si, menneskeheten. Men for å forstå hva som skjedde nylig, må du reise tilbake i tid 500 år og finne ut hvor det hele begynte.

FØRSTE OVERGANG

Den første konflikten mellom nytt og gammelt oppsto etter oppfinnelsen av den første trykkepressen. Skaperen, Johannes Guttenberg, kunne bruke maskinen til å lage en lang rekke komposisjoner, med utskriftshastigheter på opptil 240 sider i timen. Det var en revolusjon.

Før dette ble alle bøker laget helt for hånd. Tomene fra fortiden var håndskrevne og dekorert med intrikate design og design. Kopieringsprosessen var veldig lang, men som et resultat var enhver bok, til og med en kopi, et kunstverk.

De første trykte bøkene kunne selvsagt ikke sammenlignes med håndskrevne. De var ikke spesielt vakre, men de var mindre og billigere. Og viktigst av alt: muligheten til å erstatte individuelle tegn og hele skriftfamilier gjorde det mulig å skrive ut bøker ikke bare på latin, men også på andre europeiske språk.

Folk ønsket bare disse endringene velkommen. De trengte bøker på et språk de forsto og bøker de kunne ta med seg. De hadde en tørst etter kunnskap og trykte bøker slukket den.

Men som et resultat av den første overgangen mistet boken mye av sin menneskelighet. Maskiner tok over hovedprosessen, men håndverkere var fortsatt etterspurt. Hver bokstav ble skåret ut for hånd, og designet og illustrasjonene ble også laget av mennesker. Det tar imidlertid ikke lang tid før håndverket begynner å falme ut av bokproduksjonsprosessen.

DIGITAL TIDSALDER

Den første overgangen ødela håndskrevne bøker. Industrialiseringen fratok til slutt trykkeriet sin medmenneskelighet, alt ble mekanisert og håndverksmestre ble satt uten arbeid. Men den tredje overgangen avsluttet til slutt typografi som kunst. I disse dager er de fleste hodesett overraskende funksjonsløse. Det er bare en samling fonter på en datamaskin. Knapt noen kjenner historien til denne eller den fonten. Ingen bryr seg om dette. Vi blar gjennom hundrevis av fonter i løpet av et minutt på jakt etter en passende stil, og alt annet er ikke så viktig.

_______________________

"I vår grundig datastyrte verden representerer spredningen av fonter og deres forskjellige variasjoner nytt nivå visuell forurensning som direkte truer vår kultur, sier designer Massimo Vignelli. "Av tusenvis av fonter trenger vi bare noen få grunnleggende, fordi alt annet bare er søppel."
_______________________

På noen måter har han rett. Typografi er mer enn bare fonter. Dette er ikke bare vakre bokstaver, de er noe annet, noe som får oss til å føle. I hovedsak er typografi et budskap. I følge den berømte russiske typografen Lazar Lissitzky, skal typografi optisk formidle til leseren den samme ideen som taleren gir uttrykk for.»

Det er lenge siden noen skrev på pergament med pekepenn. Borte er det grove papiret som lukter trykksverte. Markedet for glanset trykk har krympet til mikroskopiske volumer. I dag leser vi tekster som ikke er trykt, men maskinskrevet, og vi leser dem ikke på papir i det hele tatt. Og tilsynelatende er typografi inne for en annen overgang. Ingen vet hvordan det vil bli, men tilsynelatende, etter papir, vil skjermene vi er kjent med bli foreldet. Det er vanskelig å si når neste revolusjon vil skje, men ny overgang nødvendigvis vil.

Det tristeste med alt dette er at folk har mistet en del av seg selv i jakten på perfeksjon. Nesten ingen trenger kalligrafi i dag. Det tar lang tid, det krever omsorg og utholdenhet. I dag gir dette ingen mening - det finnes tross alt hodesett for enhver smak. Vi velger fonter som zombier: navn, størrelse, stil... Melding? Beskjed? Det er ingen melding bak datafontene, ingen historie, ingenting.

NOSTALGIA TIL FORTIDEN

I dag føler mange designere behov for nye fonter som vil gi teksten den individualiteten den trenger. Det er mange måter å jobbe med typografi på, og hver av dem forfølger det samme målet – å unnslippe upersonligheten til digitale skrifttyper. Alt brukes - fargekontrast, illusjonen av volum, negativ plass, kort sagt, alt som kan gjøre en standard font til en litt mindre standard.

Og i denne forbindelse kan vi merke oss tre voksende trender som demonstrerer ønsket til designere om å gjenvinne den tapte autentisiteten til fonter. Det er bare tre hovedtrender innen typografi, men det er vanskelig å ikke legge merke til dem, siden de dukker opp bokstavelig talt overalt. Vi snakker om stiler som retro, akvarell og caps.

VINTAGE GRUNGE TYPOGRAFI

Jeg korrigerte en gammel artikkel om typografi; for de som ikke har sett den, vil det være nyttig for deg å lese

Typografi- en av de viktigste aspektene ved webdesign, fordi med dens hjelp overføres grunnleggende informasjon. Dessverre er mange designere og kunder redde for dristige eksperimenter, og velger en eller to "påviste" fonter for sine prosjekter.

Så denne artikkelen er dedikert til de som er borte i havet av typografi. Vi skal snakke om det grunnleggende om typografi, hvilke typer fonter det finnes og strukturen til fonter.

Skrifttyper vs fonter - hva er forskjellen?

Mange bruker ordene "skrifttype" og "font" om hverandre. Dette er faktisk ikke det samme, nå skal jeg forklare hvorfor.

Hodesett er et sett med stilmessig like tegn som kan skrives/trykkes. Dette er tall, bokstaver, symboler. Font– Dette er et smalere konsept, som bestemmes av flere faktorer, som størrelse og stil. Generelt er Arial en skrifttype, og Arial Bold er en font.

Klassifisering

Skrifter kan deles inn i flere grupper - serif (serif), sans serif (sans-serif), håndskrevet (script), display (display). Det finnes imidlertid andre typer klassifisering.

Serif-fonter, Antiqua (Serif)

De kalles dette fordi hver bokstav har små seriffer. Ved utskrift av store tekstblokker i webdesign anbefales de ikke da de anses som vanskelige å lese. Disse skriftene brukes vanligvis til overskrifter.

Serif-fonter har ganske mange undertyper - f.eks. Gammel stil("Gammel stil" - de kalles også humanister, humanistisk serif) - de aller første fontene i denne klassifiseringen, de ble brukt tilbake på 1400-tallet. Deres kjennetegn- at den delen av symbolet som er plassert på skrå blir tynn. Eksempler på skrifttyper inkluderer Adobe Jenson, Centaur og Goudy Old Style.

Overgangsseriffer- brukt på 1700-tallet. Dette inkluderer fonter som Times New Roman og Baskerville, samt Caslon, Georgia og Bookman. Deres forskjell mellom de tykke og tynne delene av bokstavene er mer merkbar enn med Old Style, men mindre merkbar enn med Modern.

Moderne seriffer (ny stil antikk)- brukt etter 1700-tallet, og har en sterk kontrast mellom de tykke og tynne delene av karakterene. Dette inkluderer fonter som Didot og Bodoni

Og endelig , Slab-seriffer (Slab-fonter)- har generelt samme tykkelse på alle linjer, og store seriffer i endene

Hakkede skrifttyper, Grotesques (Sans Serif)

Serif-fonter kalles så fordi de ikke har seriffer). De ser mer moderne ut, og de begynte å bli brukt på 1700-tallet.

Her er de 4 hovedtypene sans serif-fonter: Grotesk (gammel grotesk), nygrotesk (ny grotesk), humanistisk (humanistisk) og geometrisk (geometrisk).
Gamle grotesker- de aller første, de ligner serif-fonter, men uten seriffer.
For eksempel Franklin Gothic og Akzidenze

Nye grotesker ha et forenklet utseende sammenlignet med gamle grotesker. Mange av de mest populære fontene i dag er nye sans seriffer, for eksempel MS Sans Serif, Arial, Helvetica og Univers.

Humanister- mer kalligrafiske enn alle andre sans serif-fonter (det vil si at linjetykkelsen deres endres). Disse inkluderer for eksempel Gill Sans, Frutiger, Tahoma, Verdana, Optima og Lucide Grande - de brukes ofte til å fylle hele nettstedet.

Geometrisk basert på vanlige figurer, for eksempel, "O" er en sirkel, etc.; regnes som de mest moderne sans serif-fontene. Eksempler - ITC Avant Garde Gothic, Erbar Grotesk, Eurostile, Futura, Kabel, Metro, Neuzeit Grotesk, Rodchenko, Spartan.

Håndskrevet (manus)

Håndskrevne fonter er basert på håndskrift. Det er to varianter av slike fonter - formell og uformell. De formelle ser ut til å være håndskrevne og kommer fra 1600- og 1700-tallet. Noen fonter er basert på håndskriften til kjente kunstnere som George Snell og George Bickham. Som et eksempel på moderne fonter kan du ta Kuenstler Script. Selv om den er vakker og elegant, passer den ikke til sidens kropp.

Uformelle fonter er en mer moderne versjon; de oppsto på 1900-tallet. Den er mindre formell, ofte med dristige strøk og penselstrøkeffekt. Disse skriftene inkluderer Mistral og Brush Script.

Vis fonter

Visningsfontkategorien inkluderer de skriftene som vanligvis ikke er egnet for å skrive tekst. Oftest fungerer de som en aksent. De brukes vanligvis i utskrift, selv om de begynner å vises på Internett-sider. Blant displayene kan du finne for eksempel blackletter - de originale skriftene til de første trykkeriene.

Ikke-alfabetiske skrifter (Dingbats)

Ikke-alfabetiske skrifter- dette er de skriftene som ikke inneholder bokstaver i det hele tatt, men inneholder symboler og ornamenter.

Proporsjonal vs. monospaced

I proporsjonale skrifter tar et tegn så mye plass som dens naturlige stavemåte krever. For eksempel er Times New Roman en proporsjonal skrift. Men monospace-fonter har alle tegn med samme bredde. Slike fonter inkluderer for eksempel Courier New

Humør

Stemningen i skriften påvirker i stor grad om det er hensiktsmessig å bruke den i en gitt situasjon. Kontraster brukes også ganske ofte - forretningsstil er kombinert med uformell, lett med dramatisk. For eksempel er Times New Roman en streng font, og det er den som så ofte brukes til forretningskorrespondanse. Men for eksempel endrer Helvetica generelt stemningen avhengig av de omkringliggende skriftene.

Tykkelse og stil

Tykkelsen på skriftene er: lett, tynn, vanlig, medium, fet, tung eller svart.

Det er tre skriftstiler - kursiv, skrå og små bokstaver. Små capser brukes vanligvis til overskrifter.

Kursiv og skrå er utskiftbare, selv om de er forskjellige stiler. Oblique er en skrå versjon av vanlige fonter. For å få det, bare bruk Free Transform-distort-funksjonen i Photoshop. Men kursiv er et eget tegnsett som er ansvarlig for den skråstilte versjonen av fonten.

Skriftstruktur

Hvert tegn har et visst sett med egenskaper som kan brukes til å bestemme hvordan det kombineres med andre fonter. Her er de viktigste:

Skriftlinje (grunnlinje)- en tenkt linje som teksten er plassert på. Noen ganger går avrundede skrifter litt tilbake fra skriftlinjen.

Middellinje angir høyden på de fleste små bokstaver, vanligvis bestemt av høyden på bokstaven "x". Det er her begrepet x-høyde kommer fra.

Øverste linje med versaler (Cap)- høyde stor bokstav"EN".

Bildet over viser de tre vanlige delene av alle bokstavene.

Hovedslaget, Stem- hovedvertikalen til hvert symbol, inkludert den skråstilte.

Tverrstang (stang)- horisontal del av fonten

Oval (skål)- avrundet del av fonten.

Øvre forlengelse (Ascender)- delen av bokstavene som stikker opp, for eksempel "d", "h" og "b".

Descender- delen som stikker ut nedover av bokstaver som "p", "q" og "f"

Seriffer- et særtrekk ved serif-fonter). I noen skrifttyper er de mer uttalte, mens de i andre er mindre uttalte.

Blenderåpning- indikerer plass for åpne tegn som "A", "c" eller "m"

Øre dette er et dekorativt tillegg til et symbol, for eksempel i bokstaven "g" i eksemplet ovenfor.

Koblingsslag (hårlinje) Dette er den tynneste delen av en serif-font.

Tverrstang - horisontal linje, som i symbolene "A" og "H".

Slipp (terminal)- en rund eller oval (dråpeformet) ende av et slag i utformingen av noen skrifttegn.

Løkke forekommer bare på noen små "g"-bokstaver, og kan være helt lukket eller delvis lukket.

Spur- lite nick på noen bokstaver, som "G".

Tilkobling (lenke) kobler sammen toppen og Nedre del bokstavene "g".

Ryggrad- den sentrale kurven som bokstaven "s" har.

Halebokstaver (hale)- en dekorativ linje, for eksempel på bokstaven "R" eller "Q".

Sluttelement (Terminal, Finale)- slagavslutning uten serif

Skulder- en avrundet linje som strekker seg fra hovedslaget. (for å være ærlig gir mange russiske nettsteder en helt annen definisjon av dette konseptet)

Fra forfatteren: Hilsen, venner! Vi fortsetter å utforske forviklingene ved profesjonell webdesign, og i dag har vi et veldig hett emne - netttypografi. Dessverre kjenner mange utviklere ikke engang det grunnleggende og reglene for dette området. Kanskje de bare ikke gidder og vil ikke kaste bort tid på det, eller kanskje de ikke helt forstår betydningen. Generelt er målet mitt å formidle til deg at typografi i webdesign er grunnlaget for det grunnleggende, og uten det vil det være veldig vanskelig å komme videre.

Typografi og meldinger

Formålet med enhver Internett-ressurs er en informasjonsmelding til målgruppe. Hva vil besøkende på nettstedet ditt legge merke til først? Selvfølgelig på teksten! (selvfølgelig, hvis det ikke er tett med tilfeldig reklame og mange dumme bannere). Suksessen til prosjektet ditt vil til syvende og sist avhenge av teksten, og kun av teksten.

La oss finne ut hva typografi virkelig påvirker i webdesign.

For det første bildet av nettressursen. Utvikling av høy kvalitet er synlig for det blotte øye, og du trenger ikke være en megaspesialist for å anslå hvor lenge du vil være på siden. Skjev, uleselig tekst er den første grunnen til at en besøkende vil forlate lenken din 10–15 sekunder etter at de har kommet inn.

For det andre, det unike med nettressursen. Når man tar i betraktning det faktum at i dagens tempo med progressiv utvikling av Internett-området, å finne helt unikt innhold rett og slett er en urealistisk oppgave, er oppgaven din å presentere dette innholdet unikt. I kampen om konkurrerende nettsteder vinner alltid den som ikke forsømmer enkle regler utviklingen, men tvert imot, bruker dem effektivt og får maksimalt utbytte.

Grunnleggende om typografi i webdesign

Fonter i webdesign

Typografi i webdesign har helt naturlige lover og regler. La oss starte med fonter. Riktig valg skrifttyper vil i stor grad bestemme konseptet for utviklingen din og påvirke den generelle oppfatningen av ressursen.

Selv i den aller siste tiden, selv om lite er kjent om den tiden, kunne designere bare bruke de skriftene som fulgte med operativsystemet. Alle de flotte versjonene var ikke mer enn et bilde eller en blits. Det var løsninger, men de skapte mange problemer.

Introduksjonen av @font-face CSS-egenskapen frigjorde rett og slett designernes hender. Jeg registrerte en lenke til en hvilken som helst fontfil, og nå er den allerede brukt på sidene. Det er en viss misnøye med dette temaet fra utviklernes side, men dette viste seg å være et fullstendig løsbart problem.

Jeg legger merke til at ikke alle fonter er egnet for kompetent webdesign. Hovedsakelig på grunn av deres ulesbarhet og vanskeligheter med å se fra skjermen. Noen fonter er for tunge og reduserer ressursene - sørg for å ta hensyn til dette. Jeg legger til flere teknisk funksjon når du arbeider med fonter: deres visning i forskjellige nettlesere- det er et slikt problem med å behandle en fil eller til og med en hel familie.

Makro og mikrotypografi

Som du sikkert allerede har forstått fra navnene på disse begrepene:

makronivå - bygger generell struktur tekst, bestemmer plasseringen av innhold i forhold til designet;

mikronivå - tar hensyn til de minste detaljene, mellomrom, mellomrom, fordypninger, etc.

Makrotypografiens oppgave er global - å gjøre tekstblokker levende, aktive, men samtidig harmoniske og integrerte. Mikrotypografi har en enklere, men ikke mindre viktig oppgave – å sikre lesbarhet. Det er mange eksempler på Internett på vellykkede og mislykkede løsninger på disse problemene.

Konstruksjonen av en helhetlig komposisjon ligger først og fremst i forståelsen av rom. En webdesigner må se hele bildet, men samtidig bryte det ned i detaljer. Det er ingen uvesentlige elementer her: overskrift, avsnitt, vertikale avstander mellom elementer, registre, tykkelse...

Det er tilrådelig å spesifisere fonter for webdesign i relative enheter (% eller "em"), dette fremmer tilpasningsevne og fleksibilitet av innholdet. Det er fornuftig å bruke de mer kjente "px"-piklene for ikke-responsive beholdere, når blokker beveger seg når skjermstørrelsen endres, men skriften forblir stabil.

Tekstdekorasjon

En viktig del av typografi er datamaskinsymbolsk typesetting. Dette inkluderer: plassering av skilletegn, bruk av parenteser, bindestreker og bindestreker, punktum, mellomrom osv.

Slike feil utgjør ved første øyekast ikke en spesiell trussel mot innholdet eller unikheten til innholdet, men husk: ingen ressurs med respekt for seg selv vil tillate primitive feil i tekster. Husk på bildet, det er ingen bagateller i det!

Nå om oppsettet. Det er regler her:

Tekstblokken bør begrenses til 40–50 % av sidebredden.

Det skal være 1,5 avstand mellom avsnitt.

Kontrasten mellom bakgrunn og tekst bør være innenfor 75–90 %.

En font som er behagelig for øynene er 12–16 px, men selv den minste blokken bør ikke være mindre enn 10 px.

Linjeavstanden opprettholdes i forhold til skriftstørrelsen og måles i prosent; ideelt sett vil 140–150 % være tilstrekkelig.

Det anses som ekstremt dårlig form å justere tekst sentrert eller justert. Rullete mellomrom mellom ord, så vel som fillete kanter på avsnitt, reduserer oppfatningen og irriterer som oftest rett og slett.

CSS-stiler

CSS-stil er et verktøy for å jobbe med fonter i webdesign. Fra utvikling CSS-stiler ethvert treningskurs begynner. Hva trengs de til? For å oppsummere all typografien til ressursen! CSS samler sider og blokker i én helhet og kontrollerer eventuelle avvik fra hovedkurset. Som du forstår, er ikke én idé nok; for å implementere den trenger du kunnskap og ferdigheter.

Jeg leste en gang i en kul artikkel at webdesign er 95% typografi. Om de skal tro det eller ikke, vil alle bestemme selv. Men tekst som ikke kan leses er et produkt uten en hensikt. Mitt råd til deg er å begynne å ta hensyn til kvaliteten på informasjonslevering med en gang, ikke utsett det. Det var alt for meg. Abonner på oppdateringer og du vil ikke gå glipp av de mest interessante tingene! Ha det!

For å rydde opp i enhver forvirring som kan oppstå, er det viktig å klargjøre betydningen av noen sentrale begreper. Første viktige sett søkeord definere begrepene "font" og "font".

En font er et sett med tegn av en viss størrelse og utforming. En skrifttype definerer på samme måte familier av skriftstiler.Nøkkelordet her er stiler, som skiller forskjellige fonter i grupper eller familier. For eksempel kan disse være serif, sans serif, håndskrevet, display, monospace og andre. Vi kan si at et skriftsnitt er et sett med fonter i forskjellige stiler og størrelser, forent av en felles utførelsesstil. Som du kan se, er font et smalere begrep.

Når du lager en nettsidelayout, er valg av skrift veldig viktig. Naturligvis er det best å bruke fonter fra standarden Windows sett eller Mac. Men noen ganger er ikke dette settet nok til å bringe designerens idé til live, og da faller hele byrden på skuldrene til layoutdesigneren. Heldigvis, Google Web Fonts tilbyr en veldig elegant løsning på dette problemet.

Det er også begreper som "vekt" og kerning. Alle kan endres ved hjelp av CSS-verktøy og brukes på avsnitt, overskrifter eller andre tekstelementer. "Weight"-egenskapen til en skrift bestemmer graden av tykkelse på linjene når de skrives. Dette er en serie med verdier fra 100 til 900, hvor hvert tall indikerer en vekt som tilsvarer stilens dristighet. Den normale skriften "normal" tilsvarer tallet 400, den fete "fet" skriften tilsvarer 700. Kerning er en endring i avstanden mellom bokstaver avhengig av formen deres. Dette er prosessen med å plassere symboler riktig, justere avstandene mellom dem, som et resultat av at harmoni skal oppnås. Selv om mange mennesker ikke legger så mye vekt på kerning, er det de små tingene som bidrar til å oppnå veldig gode resultater.

Brudd på normer

Det er ganske rimelig å diskutere behovet for å lage nye fonter. Bak I det siste mange nettsteder er utdaterte. De bruker standard fonter, som vi allerede er ganske lei av.

I dag er det hundrevis av fonter, men forskjellige OS tilby sine egne pakker. Og bare noen få av fontene er inkludert i disse pakkene. Hvis du velger en skrift som noen andre kanskje ikke har på systemet ditt, vil skriften erstattes med standardfonten. Av disse grunnene anbefales det å bruke grunnleggende fonter. Men noen ganger kan grunnleggende fonter ikke fullt ut fange en designers fantasi. Derfor, hvis du har stor tro på at en spesiell font er nødvendig for designet ditt, kan du gjøre om den spesielle fonten din til et bilde og laste den opp til nettstedet ditt. Lag titler, overskrifter eller menyer til grafikk og bruk dem.

Sørg for at overskriftene samsvarer med emnene på nettstedet. Disse kan omfatte forskjellige farger, understreking, bakgrunnsikoner eller grafisk tekst. Til syvende og sist er avgjørelsen din.

I tillegg må du sørge for at alle tekstlenker har samme font på nettstedet. Å bruke lenker med forskjellige fonter og design vil forårsake betydelige vanskeligheter for brukeren i navigasjonen.

Velge riktig font

Det bør også bemerkes at forskjellige fonter kan ha forskjellige effekter på stemningen til leserne. Generelt er serif-fonter bedre egnet for trykt materiale. Seriffer bidrar til å skape rom mellom bokstaver og skiller også en karakter fra en annen. Serif-fonter gir ofte et personlig preg; de formidler respekt, intelligens og profesjonalitet.

Sans serif-fonter er best for nettsider. Lave skjermoppløsninger får seriffer til å se uskarpe ut og i sin tur vanskelige å oppfatte. Sans serif-fonter har en tendens til å uttrykke følelser av rasjonalitet, stilighet, ungdom og modernitet.

For eksempel gir valget av seriffer en følelse av profesjonalitet og autoritativ informasjon. Dette kan ofte sees i vanlige medier som New York Times. For mindre blogger kan du bruke en sans serif-font med stor linjehøyde. Dette gir brukerne muligheten til raskt å se bloggtekst.

Du bør alltid tenke på hvilken informasjon du prøver å formidle til den besøkende. Når du velger en skrifttype, må du huske at glade meldinger bør ledsages av lyse, luftige og myke skriftformer, mens meldinger med noen mørkere temaer, for eksempel Halloween, vil være bedre akkompagnert av fonter med hardere kanter.

Lesbarhet

Typografi, og oftere uleselig typografi, kan være svært irriterende for øynene. Det er selvfølgelig noen unntak der Funky eller andre uleselige fonter kan brukes, for eksempel for nattklubbkampanjer.

Men likevel, hvis du har et ønske om å bruke for eksempel Soda, Bored eller Akka, så er det bedre å forlate denne ideen. Hvis ønsket fortsatt er sterkt nok, bør disse fontene brukes med måte. For eksempel som tittel. Men da burde hovedteksten være mer lesbar. Dette kan bidra til å skape fart på nettstedet ditt. Og du må huske at bruken av slike fonter bør være en fordel med designet, og ikke en ulempe.

Informasjonsinnhold

Designet skal utfylle budskapet ditt. Brukeren trenger ikke finne ut hva designeren hadde i tankene. Feil valg av typografi kan bidra til brukerens misoppfatning om selskapet og dets tjenester.

Når du designer for forretningsprosjekter, bør du stort sett bruke tradisjonelle glatte fonter. Dette bør også tas i betraktning hvis du ikke har et offisielt design. Spesielt hvis du vil at folk skal ta nettstedet ditt på alvor.

Plassering og dimensjoner

Det er veldig viktig for effektiv design – på hvilke steder teksten skal plasseres og hvilken størrelse den skal ha. Ingen ønsker å anstrenge øynene for å lese informasjon eller se utrolig store ord på en nettside. Målet med god design er å finne balanse. Og det første trinnet til dette er å finne ut hvilken informasjon som vil være viktigst.

Vanligvis må ordene du ønsker å ta hensyn til gjøres litt mer. Eller omvendt - mindre bør være mindre. Alt avhenger av viktigheten. Du må med andre ord lage et hierarki av ord.

Når det kommer til skriftplassering, prøv å holde den balansert. Det er ikke nødvendig å spre deler av teksten i fire hjørner. Dette kan være en betydelig distraksjon for brukerne.

Farge

Dette er en av de enkleste aspektene. Du må velge en farge som gjør at teksten skiller seg ut fra bakgrunnen og forblir lesbar.

Dine hjelpere vil være kontrasterende farger, samt bruk av effekter som slag (slag) og glød (glød). Dette vil bidra til å gjøre siden mer attraktiv og lettere å lese. Du må velge en farge som får folk til å stoppe opp og se, og gjøre informasjonen til den dominerende delen av designet.

Konklusjon

Å bruke fonter i Photoshop er vesentlig forskjellig fra å bruke dem på nettsider. Dette forklarer hvorfor noen designere har så vanskelig for å jobbe med typografi. Typografi på nettet er et ganske bredt tema og krever mye forskning. Du bør alltid huske at det er veldig viktig å finne en tilnærming til bruk av typografi som matcher stemningen og estetikken til designet. Ikke vær redd for å mikse og matche Forskjellige typer fonter, bare sørg for at de er gode.

Venner!

I denne artikkelen vil jeg fortsette å analysere de vanligste feilene til nybegynnere.

I dag skal vi snakke om bruk av fonter. Vet du hvordan jeg kan skille arbeidet til en nybegynner fra en profesjonell? En nybegynner prøver som regel å demonstrere alt han har lært i arbeidet sitt. Dette manifesteres i rikelig bruk av forskjellige farger, forskjellige effekter og, selvfølgelig, mange fonter i samme verk. En profesjonell designer, tvert imot, bruker vanligvis én, eller høyst to, fonter i ett prosjekt, samt en begrenset fargepalett. Og hvis han absolutt ikke kan klare seg uten grafiske effekter, prøver han å redusere bruken til et minimum.

Så hvis nummer én regel for god design er konstruksjon modulært rutenett(se artikkel), så er regel nummer to: begrense antall fonter!

Minimalt antall skrifter fremmer samsvar og konsistens i design. Jo mindre arbeidet ditt inneholder forskjellige stiler og er fylt med alle slags farger og skrifttyper, jo mer meningsfylt og profesjonelt ser det ut.

Oftest velger en designer én font for et prosjekt. Dessuten må karakteren til den valgte fonten samsvare med den kreative ideen eller stemningen i designet. For eksempel hvis vi lager et hefte dedikert til mobiltelefon tredje generasjon, så vil en lett, moderne sans-serif skrift mest sannsynlig passe oss. Men et hefte om temaet for den impresjonistiske utstillingen i Eremitasjen ville være mer egnet til en klassisk, "støt-på-foten" serif-font. Generelt er et vellykket utvalg av fonter ekstremt viktig i arbeidet til en designer, fordi et avvik mellom skriftens natur og ideen og arten av prosjektet kan ødelegge hele arbeidet.

Noen ganger er det nødvendig å bruke en ekstra font. Når du arbeider med to fonter, ser den første fonten ut til å understreke stemningen og karakteren til arbeidet og gir det ofte individualitet. Denne fonten brukes for overskrifter og underoverskrifter. Noen ganger bruker designere uvanlige fonter til dette formålet. Dette er ikke gjort for originalitetens skyld, men med sikte på å fremheve bestemte deler av teksten ved å øke kontrasten i forhold til den andre, mer kjente fonten.

Siden det ikke er så mange overskrifter i ett verk, fungerer kontrastprinsippet feilfritt, spesielt siden overskriftene er mye større enn hovedteksten.

Den andre fonten er som regel mer kjent for øyet, og dens oppgave er ikke å tiltrekke seg oppmerksomheten til seerne, men å utføre en rent informativ funksjon. Den skal være lett å lese og ikke trette øynene. Nybegynnere gjør ofte den alvorlige feilen å lage store tekstfragmenter i en ekstravagant, vanskelig å lese skrift. Jeg inkluderer også de aller fleste såkalte «håndskrevne» fonter som slike fonter. Slike fonter er gode for for eksempel et lite gratulasjonskort, men ikke til å jobbe med stort beløp tekst.

Her er eksempler på god bruk av font:

Som du kan se, er det bare to fonter som brukes her. En for overskrifter og den andre for brødtekst. Dette arbeidet ser elegant og konsekvent ut.

Her er dårlig bruk av fonter:

Her bruker jeg med vilje noen uvanlige fonter for å få deg til å føle disharmonien og inkonsekvensen i dette designet. Ikke bruk for mange fonter i arbeidet ditt! Det er ikke noe verre enn en jobb hvor 8 forskjellige fonter blandes, og spesielt ekstravagante og vanskelige å lese fonter.

Her er et eksempel på slikt arbeid:

Dette er ikke fantasien min. Jeg så mange slike arbeider, og de ble som regel gjort enten av nybegynnere eller av amatører.

Hvis du ser på en designlærebok, vil du sannsynligvis finne anbefalinger om å bruke en sans serif-font for overskrifter og en serif-font for brødtekst.

Men denne regelen er for generell og i praksis må den ofte omgås.
Så til slutt et råd til. Hvis tittelfonten ser moderne ut, er det bedre å velge en sans-serif-font som hovedfont. Hvis den første fonten din er gammeldags, bør hovedfonten være serif.

Temaet for bruk av fonter er uuttømmelig, så det er umulig å snakke om alt i en liten artikkel. Når det er mulig, vil jeg dele kunnskapen min om arbeid med fonter med deg. Forresten, i min InDesign kurs, jeg legger stor vekt på dette viktige emnet.