Velge riktig skjermtype: 5 tips for suksess
En av de største trendene innen webdesign er et stort heltebilde eller video øverst på siden med noen få ord for å veilede brukere inn på nettstedet. Denne typen estetiske legger mye press på designeren til å komme med akkurat det rette skjermtypefatet for å trekke designet sammen.
Med så mange skrifter å velge mellom, kan dette være litt av en skremmende oppgave. Men du kan finne et flott skrifttype med litt planlegging og flaks. Her er fem tips for å komme i gang med noen få vakre eksempler på displaytypografi.
Utforsk designressurser
Hva er skjermtype, uansett?
Før du hopper inn tipsene, er du komfortabel med å snakke om skjermtypesnitt? (I så fall, hopp til tips nr. 1)
Hvis ikke, er en skjermtype ofte stor, iøynefallende bokstaver som brukes til overskrifter eller de store ordene i en design. Displaytype er ikke unik for webdesign, det er et begrep som også brukes av utskriftsdesignere.
Displaytype kommer i to hovedformer for nettet.
- Hovednettstedets overskrift på hjemmesiden, for eksempel Walk West (over).
- Hovedoverskriften eller overskriften på hver side gjennom webdesignen. Selv om de ofte ikke er så store eller prangende som hovedoverskriften på hjemmesiden, er disse delene av skjermtypen elementene som bærer hver enkelt side.
1. Den trenger å være lesbar
Displaytype må være lesbar for å være effektiv. Dette skal høres ut som en no-brainer, men med så mange kule nyheter skrifter å velge mellom, er det ikke vanskelig å finne nettsteder der hovedoverskriften ikke er lett å lese.
Det er ingen regel om hvilken type type kategori, visningsbokstaver bør komme fra. Serifs og sans serifs fungerer like bra. Selv noen nyheter skrifter er en perfekt match.
Det som betyr noe er at bokstaven er stor nok, fordelt nok, og kontrast til andre designelementer nok til å skille seg ut på skjermen. Se for deg hvordan ordene ville se ut hvis de skulle skrike "LES MEG." Det er hva en skjermtype skal gjøre for brukere.
2. Bokstaveringsbehov for å matche ordene
Dette kan være et av de vanskeligste begrepene i verden å forstå til du ser det i aksjon: Bokstavene må samsvare med ordene.
Her er en forklaring. Noen ord ser bare dårlig ut i visse skrifttyper. Det er vanskelig å forklare. Kanskje inkluderer ordet s flere ganger, og at bokstavformen ikke ser bra ut i tegnsettet. Det samme kan skje spesielt med glyfer eller rare tegn som%, $ eller &. Eller kanskje du valgte et skriftsnitt der jeg, l og 1 ser like ut og alle disse tegnene er i displayet. (Du må velge noe annet.)
Bokstaver skal bestå øyeepletesten, noe som betyr at den skal se tiltalende ut. Ordene skal ha en viss følelse eller teft eller blomstre for dem som er ønskelig. Hvis du ser noen oddititeter i tegnkombinasjonene, vil brukerne også.
3. Gi deg selv fleksibilitet
Tenk på hvordan displaytype vil bli brukt i hele prosjektet. Trenger du flere vekter og stiler for å lage den rette overskriftspakken? Fungerer skriften du valgte for de sekundære skjermområdene, så vel som hovedoverskriften?
Du vil tenke på alle disse bruksområdene og gi deg selv nok fleksibilitet med skriften du velger å bruke den på flere måter. For ofte vil et skjermtype se bra ut for superstor type med bare et ord eller to å tenke på, men effektiv bruk blir mye vanskeligere når det gjelder å bruke den i de sekundære områdene.
Det vil være mye enklere å jobbe gjennom designet og skape den konsistensen hvis det valgte skriftsnittet fungerer i flere situasjoner. For en ekstra fleksibilitet og designkonsistens, bør du vurdere en hel typefamilie for visningsbruk. Gå litt dristigere med hovedoverskriften og bruk et tynnere alternativ for sekundær skjerm (kanskje til og med prøve det med en farge).
4. Vær på vakt mot tynne slag
Følgende uttalelse er gjenstand for kontrovers: Tynne streker er vanskelige å bruke effektivt når det gjelder skjermtype.
Ja, bokstaver med tynne streker kan se fantastiske ut. Ja, noen designere trekker den vakkert av. Men de fleste gjør det ikke.
Gå tilbake til tips nr. 1. Det hele kommer tilbake til lesbarhet.
Se for deg at du har brukt et skriftsnitt med et supertynt slag for hovedskjermen, og det ser bra ut på 27-tommers stasjonære skjermer (kanskje som den du designer på). Nå kan du se på det på nettbrettet eller telefonen. Hva tenker du nå? Er den fortsatt like lesbar? (Antagelig ikke.)
Hvis du trenger mer overbevisende, husk at Apple prøvde dette med IOS 7. Brukere klaget over at skriftsnittet som ble brukt for operativsystemet var for tynt og vanskelig å lese. De tok disse klagene til hjertet, og etterfølgende utgivelser inkluderte en tykkere stryketype.
5. Tenk på bildet
Hvordan fungerer ordene og bokstavene - med bildet eller videoen de er sammenkoblet med? Det er et viktig element. Verdens vakreste skrifttype kan virke vanskelig hvis tonen ikke stemmer overens med bildet og meldingene i resten av designet.
Kontrast er også en medvirkende faktor, spesielt med video der de mørke og lyse delene av bildet kan bevege seg. Ordene trenger alltid å være gjenkjennelige på bakteppet.
Flere designere velger bakgrunnsfarger i farger - dette er en ganske morsom trend med mange lyse, dristige design på nettstedet - slik at tekst er hovedfokuset. Hvis du elsker brevene dine, kan dette være et flott alternativ.
Den solide bakgrunnen med fet displayalternativ, får virkelig brukere til å fokusere på selve ordene. Fargen brukes som en trekning for å få oppmerksomhet til det du vil si. Denne tekstkombinasjonen fungerer med en rekke fontalternativer og kan endres for å passe til nesten alle fargevalg fra høy farge til et minimalistisk svart-hvitt design. Det eneste som virkelig betyr noe er at du velger et helt nydelig skrifttype!
Konklusjon
Displaytype er den første tanken du legger inn i en bruker. Det første inntrykket kan avgjøre om en bruker stikker med nettstedet ditt eller går videre til noe annet.
For å få mest mulig ut av det sentrale samspillet, sørg for at hvert ord er lettlest, setter riktig tone og hjelper brukere å gå gjennom designen for å gi deg den høyeste sjansen for suksess.
