Share
Gjenoppkomsten av håndbokstaven har tatt over Instagram og har gjort det til en etterspurt ferdighet igjen. Det store utvalget av forskjellige stiler gjør at teknikken kan være utrolig allsidig og et verdifullt design hensyn. Popping opp i en enorm mengde logoer (Pinterest, Montage) og sideoverskrifter (The Boxtrolls, World Baking Day) håndbokstaver har bevist sin relevans for digitale medier.
http://worldbakingday.comSelv om det ofte ser ut til å være enkelt, kan håndbokstaver være et komplisert forsøk, enda mer når man bruker det til responsivt webdesign. Med dette i tankene har jeg satt sammen noen få grunner for å hjelpe deg med å bestemme når håndbokstaver er hensiktsmessige, og hvordan du bruker det til sitt høyeste potensiale.
Søk håndbrev på Pinterest for inspirasjonssvingningerGod håndbokstaver ser uanstrengt og morsomt ut, men før du forplikter deg til å inkludere det i ditt webprosjekt, spør deg selv disse spørsmålene: Passer det i merkevaren? Vil bokstavsskalaen, eller retningen endres? Vil lesbarheten opprettholdes? Er det nok kontrast mellom lys / mørk, positiv / negativ plass, slik at figurene skiller seg i mindre skala? Hvert av disse spørsmålene bør vurderes gjennom hele prosessprosessen.
Før jeg starter et prosjekt, liker jeg å oppgi søkeord som representerer merkevaren og meldingen jeg prøver å formidle. Vi kan gjøre det samme med håndbokstaver for å se om teknikken overlapper merket. Her er listen over bokstavsord:
Siden det er mange forskjellige stiler med håndbokstaver, vil ikke alle disse vilkårene gjelde, men hvis noen av dem beskriver ditt merke, kan du gå videre til neste trinn i prosessen din..
Recess Ice Cream bruker håndbokstaver som matcher deres logoForutsatt at du vil at teksten skal være responsiv, må du velge mellom å gjøre teksten skalerbar, eller for å endre retningen slik at den passer til forskjellige skjermstørrelser. Skalerbarhet kan skape jevne overganger mellom varierende skjermstørrelser, men avhengig av kompleksiteten og vekten av dine bokstaver, kan en orienteringsendring bedre være til nytte for en mindre skjerm for lesbarhetens skyld..
The Girl + The Bull bruker håndbokstaver på deres responsive nettstedMed mindre du bruker ulovlighet til å gjøre et poeng, bør du alltid sørge for at målgruppen din kan lese håndbokstaver eller dekorative skrifttyper. Et ord som tar lengre tid enn tre sekunder å lese, bør sannsynligvis justeres for å gjøre det tydeligere. Ta et skritt tilbake fra arbeidet ditt og skyll øynene dine. Kan du fortsatt lese det? En av de enkleste elementene å se etter er kontrast. Er det kontrast i fargenes farger som brukes? Skal det være? Enda viktigere er det kontrast mellom og inne i bokstavene? En rask måte å forbedre lesbarheten på er å justere vekten og kerningen mellom bokstavene.
Vintage Hopes overskrifter er store og store, med sterk kontrast til bakgrunnenDet er noen forskjellige måter du kan implementere håndbokstaver på nettet. Du må bestemme mellom bruk av bitmap-bilder, SVGer eller webfonter, og som passer best for deg og kundens behov. For å hjelpe deg å velge, sjekk ut fordelene og ulemperne av hver nedenfor.
Hvis du har opprettet egendefinert håndbokstaver, er et bilde et enkelt alternativ, spesielt hvis du er nybegynner. Et av hovedproblemene med bilder er at roboter ikke kan lese dem. Hvis du skal gå med et bilde, må du kontrollere at teksten er mindre viktig og unødvendig for SEO.
SVGs blir raskt industristandard for vektorgrafik på nettet. Bortsett fra å være fantastisk for respons, kan SVGs tilpasses ytterligere via CSS og JavaScript, både i utseende og animasjon. Les om SVG-filer for mer informasjon.
Med det stadig økende antallet webfonter tilgjengelig, finnes det et bredt utvalg av dekorative skrifttyper som gir illusjonen av håndbokstaver. Hvis du leter etter en rask løsning, eller noe som bare er enklere å sette sammen, er webfonter veien å gå.
Nedenfor er noen nettsteder jeg har kommet over som bruker håndbokstaver på riktig måte.
På denne nettsiden skaper både logoen og det illustrerende ordet "perfekt" en fin kontrast til de mørke, intense bildene. Bildene viser høy kvalitet på maten restauranten bruker og skaper, mens håndbokstaven informerer oss om deres mer uformelle atmosfære. Den tyngre vekten av "perfekt" gjør det mulig å skalere godt og opprettholde lesbarheten. Dette eksemplet bruker et bilde for håndbokstaven.
Winshape Camps etterligner stilen med håndbokstaven med en skrifttype (kjære Joe Hannes) for påvirkninger. Ufeilighetene til skrifttypen (legg merke til hvordan hver "f" er forskjellig avhengig av ligaturen?) Er det som gjør det mest effektivt - menneske og rotete, akkurat som leiren.
En annen matrelatert nettside, du kan se at håndbokstaver er vanlig brukt i denne bransjen. Essensen av "hjemmelaget" er fanget gjennom ord som synes å være skrevet av et menneske, snarere enn maskin. Påminnelse om et håndskrevet oppskriftskort, kan du knapt fortelle at en skrift (Art) ble brukt i stedet for tilpasset bokstavering.
Når du planlegger ditt webprosjekt, er det tre spørsmål du bør spørre når håndbokstaver er en vurdering:
Gjennomgang av disse spørsmålene både før og under arbeidsflyten din vil gjøre lettere dine mer effektive og effektive.
Accentsconagua