8 måter å bruke håndtegnet ikoner og elementer på
Selv om det ofte er fokus på pixel-perfekte designelementer, er de ikke egnet for alt. Noen ganger vil du ha noe med litt mer… lunete. Noe litt mer autentisk!
Håndtegnede ikoner eller elementer kan være akkurat den rette designteknikken for å legge noe spesielt til et prosjekt. Selv om de fleste designere ikke vil bli gal med elementer som ser ut til å være håndtegnet, kan noen få berøringer legge til en personlig følelse som brukere blir trukket til.
Det er noe som trender også innen webdesign. Fra en krøll på et ikon, til en full opplevelse som er like brukbar og kunst, er håndtegnede elementer et populært designalternativ. Her er åtte ferske måter å bruke denne trenden på!
Lag separasjon
Håndtegnede designelementer kan blandes og matches med nesten alle typer visuell visning. De kan jobbe ved siden av bilder eller video, i et hav av hvitrom eller i nærheten av tekstelementer. Ikke fjern konseptet med å bruke denne typen elementer fordi du er redd for hvordan det kan passe inn i det generelle designmønsteret.
Prøv det; du vet aldri.
Digital besøkende bruker disse elementene gjennom hele designen for å skape skille mellom elementer og biter på innhold. Selv om elementene på hjemmesiden bare er prikker, er det eksempler flere steder under rullen, og til og med favoritten har den håndtegnede teft.
Plasseringen av hvert element er designet for å sikre at brukeren ser på den rette delen av innholdet. I eksemplet over er elementet i midten av skjermen, og brukes til å skape skille mellom to innholdsområder. Nederst i designet brukes lignende elementer ikonstil om små tekstbokser for å vise frem hva selskapet gjør.
Interaktive Doodles
Håndtegnede elementer kan lage morsomme interaktive brikker i designet. Fra å laste animasjoner - mange av nettstedeksemplene i dette innlegget bruker denne stilen - til en full interaktiv opplevelse, denne designteknikken er interessant nok til å vekke interesse for brukeren.
Real Estate Stained Glass er et nydelig eksempel på et interaktivt spill som kombinerer både en webside-designtrend og et kreativt element, slik at brukere kan fargelegge tegninger på skjermen. Det som binder dette sammen er mens utseendet er tegnet med hånden, elementene er presise og fungerer sømløst. Fargelegg fungerer som det skal - og du klotter ikke utenfor linjene - for en opplevelse som vil holde brukerne hekta.
Nesten-tegnet typografi
Noen ganger er de beste håndtegnede elementene faktisk ikke skrevet ut. Typografistiler som etterligner håndskrift er spesielt populære, spesielt for visningsformål.
Denne stilen har en lettere og mer personlig følelse som brukere kan forholde seg til. (Trikset er å sikre at bokstavene er svært leselige.)
Tradewinds Hotel gjør en god jobb med et enkelt, kursiv stil skrifttype som både er stort nok og leselig nok til å lese på et øyeblikk. Støttende typografi er alt i en enkel sans serif-stil, som hjelper deg med å legge vekt på skjermens skrifttype og også holder alt enkelt for brukeren å fordøye.
Design Divots
Noen håndtegnede elementer tjener et rent visuelt formål. De eksisterer for å skape en flyt eller følelse for designet som kan være vanskelig å etablere på andre måter. Disse divotene kan være spesielt morsomme når de brukes på små steder gjennom hele designen.
Mother's Brewing gjør nettopp dette. Det er det store hjertet på hjemmesiden - det er åpenbart. Men så er det bittesmå elementer på nesten annenhver side også - noen åpenbare, noen ganske skjulte. Hver knapp har håndtegnet berøring med bånddesign, elementer vises i bakgrunnen og overlegg på glidende elementer for å fylle død plass i designet. Den samlede effekten er smart og visuelt interessant.
Å stille humør
Håndtegnede designelementer får ofte en lysere, mer leken tone. De kan gi denne typen vibe til nesten ethvert prosjekt, og jo mer håndtegnet elementer du bruker, jo lysere vil prosjektet vises.
Signs for Science er et flott eksempel på hvordan man pakker et design med håndtegnede elementer for en morsom, nærmest barnlignende estetikk (farge bidrar også). Fra typografien til ikoner til å kruse understrekninger har hele konseptet en veldig spesifikk stemning. Det er kreativt, lett og oppmuntrer til brukerinteraksjon.
Showcase kreativitet
Et håndtegnet designkonsept kan være en flott mulighet for et porteføljesidedesign fordi det kan understreke kreativitet. Disse elementene setter mer fokus på prosessen med design og hvordan tanken og arbeidet som kan gå inn i et prosjekt.
(Pluss at det er en morsom måte å strekke de kreative musklene på.)
Feebles bruker håndtegnede elementer både til hovedbildet på den måten ovenfor og kombineres med den håndtegnede logoen øverst til venstre. (Du kan savne det hvis du ikke ser nøye.)
For ikoner eller logoer
Fordi dette er en av de mest populære bruken av håndtegnede elementer, var det ikke øverst på listen. (Mest for å hjelpe deg med å tenke på andre ideer før du hopper til noe mer vanlig.)
Håndtegnet berøring kan være et flott tillegg til et ikon eller logo. Fra krøller til former eller sirkler som ikke er helt runde, og ufullkommenhet gir karakter og sjarm der de perfekte datamaskinformene ikke kan.
Higher Ground bruker squiggle for å skille bokstaver i ikonestillogoen. Den minimale stilen er slående og effektiv, og det håndtegnede elementet gir det en viss personlighet som en rett linje ikke ville formidle.
Som animerte effekter
Få et håndtegnet element til live med animasjon.
Bilder som er tegnet på skjermen kan være morsomme å se på og se på. Selv om den åpenbare fordelen for brukeren er underholdning når de ser på noe som kommer til live, er det fordeler for nettstedseieren: økt tid på stedet og potensial for flere konverteringer.
Long Story Short bruker dette konseptet på hjemmesiden. Først tegning av logoen, som bruker en håndtegnet typografistil. Og animerer det deretter i en pakke med designprosjekter, som beveger seg raskt og inkluderer flere håndtegninger i prosessen. Hele løkken varer bare et par sekunder.
Konklusjon
Selv om du ikke kan tegne, kan simulering av håndtegnede elementer i designprosjekter legge til et personlig preg som brukerne setter pris på. Fra typografi til spill til lasting av animasjoner, disse elementene kan vise frem kreativitet og personlighet.
Mens et håndtegnet element ikke er for hvert prosjekt, kan du tenke på det neste gang du trenger å lette stemningen eller legge til noe å holde på brukerne. Hold ideen enkel og koble den til et tema som bærer gjennom designen. Og ha det gøy! Det er hva disse elementene handler om.
