Det är alltid kul att verkligen dyka in i en populär design trend och se vem som gör det, hur det fungerar, vad det kommunicerar och hur du kan prova det själv.
Stick med oss som vi gör exakt det med de trendiga klotterna som du ser över hela nätet just nu.
Trendspotting
En av mina favoritfacetter för att studera design söker och analyserar omfattande trender. Jag älskar att överväga kollektiva designbeslut av vissa generationer, platser eller någon annan grupp och vad som drivit dem mot att acceptera och avvisa vissa idéer.
Det finns mer än psykologin, men jag tycker också om att titta på detaljerna om hur man utför den allmänna stilen som dessa designers genomför.
Tänk på designtrender hjälper dig att expandera din horisont som designer. Ibland ger det dig insikt i nya idéer, det hjälper dig att identifiera överdriven taktik som du borde undvika! Hur som helst, drar du nytta av att uppmärksamma världen runt dig och vad som för närvarande är populärt ur ett visuellt perspektiv.
Var försiktig med att märka teckensnitt på skyltar, tryckta annonser, webbplatser och snabbmatfönster. Tänk på vilken typ av stock photography designers i vissa fält gravitate mot. All denna information har ett sätt att lagras tyst bort i baksidan av din hjärna och återfinns när du öppnar Photoshop och stirrar på den tomma duken.
Idag ska vi titta på en trend som jag har börjat se mer och mer nyligen. Det är inte på något sätt en ny sak, men av någon anledning verkar det vara en nuvarande designers favorit.
Sketchy Design
En trend som pågått för flera år sedan, som plötsligt har sett lite återuppkomst, är användningen av mycket grundläggande skissat konstverk som ett primärt designelement.
Detta kan och tar många former men den typ jag pratar om är en mycket trovärdig, tecknad linjeteckning som nästan alla kan skapa. Det här är bra nyheter för alla som vill återskapa det här utseendet, för att du äntligen kan omfamna det faktum att dina dragkunskaper suger!
exempel
Låt oss ta en snabb titt runt på nätet för att se vilka typer av mönster jag pratar om och vilka mönster som kommer fram.
Täta bakgrundsdoodles
En populär användning av den enkla skissen är att använda illustrationerna som bakgrundsstruktur. Detta tar typiskt form av tätt packade illustrationer och text, vilka ofta screenas tillbaka till en minskad opacitet.
Lägg märke till hur båda dessa exempel använder de skisserade elementen både i bakgrunden och i förgrunden. Återigen upprätthålls separationen genom enkla opacitet och färgskillnader.
animationer
Intressant nog, i nästan varje enskilt exempel jag kom över, inklusive de två som redan användes, användes animationer i samband med de skisserade elementen.
Naturen av animationerna är vanligen ganska enkel och inte exakt lördag morgon tecknade material. Den grundläggande strukturen i illustrationerna stannar statiskt, till exempel inga tecken vinklar sina armar eller något så komplicerat. I stället flyttas objekt helt enkelt över sidan eller roteras så att de visas mer dynamiska.
Eftersom vi är så vana vid att se illustrationer som tagits fram till liv, låter denna typ av design bara anmärkningsvärt bra till grundläggande animering. När du är färdig med att implementera dina skisser, släng i någon jQuery eller CSS magi för att få lite intresse för sidan.
Pilar och typ
Den mest grundläggande användningen av det skisserade utseendet som jag har sett är tillägget av skisserade pilar och / eller text direkt över vad som annars är en väldigt typisk webbdesign.
I stället för att basera hela designen på en skisserad känsla, använder dessa konstruktörer grundläggande illustrationer för att bryta mot den etablerade estetiken och uppmärksamma dina nyckelområden.
Lägger till en annan dimension
Skisskärmen bringas ofta vidare med tillägg av tredimensionella element. Tänk på att den övergripande low-fidelity-stilen och skyndsamt ritad karaktär är konstant, skissens natur är bara mer realistisk i sitt djup och perspektiv.
Vad är det som kommunicerar?
Innan vi får några enkla sätt att implementera denna stil i dina egna mönster är det avgörande att vi överväger konsekvenserna av en sådan åtgärd.
Varje gång du gör ett estetiskt designbeslut, kommunicerar du vissa saker till dina besökare, oavsett om du menar det eller inte. Till exempel är denna speciella stil mycket vänlig i naturen. Det kommunicerar en mycket informell atmosfär som är välkomnande och inte för allvarlig.
begrepp
Dessa illustrationer ser typiskt ut och är lekfulla, men kan också användas för att kommunicera sådana idéer som innovation (vi skissar ofta våra idéer), naturliga ingredienser eller något slags grönt initiativ, kreativitet (designföretag använder denna metod ofta) eller till och med en spännande, livlig livsstil.
Du kan helt enkelt inte hjälpa det, cocktail servett skissar kommer aldrig att säga? Ren och företag? eller? seriös och professionell? om ditt mål är att skapa någon av dessa stilar, bör du leta efter andra ställen för ett visuellt tema.
Gratis resurser
Nu när vi har undersökt var och hur denna designstil används och vad den effektivt kommunicerar, är det dags att räkna ut hur man återskapar det.
Som med någon populär designstil finns det massor av massor av massmedia som kan spara mycket arbete. Jag uppmuntrar alltid att utforma från början om du har tid, men låt oss möta det, hårda deadlines talar högre än goda intentioner.
typsnitt
Det finns massor av gratis skissade teckensnitt där ute, här är några anmärkningsvärda kandidater som du bör kolla in. Var och en representerar en väsentligt annan stil av skissad typ.
Spetsig
Pointy är definitivt en av de mer populära sketchy teckensnitt på grund av sin 3D natur. Det här är både bra och dåligt.Å ena sidan är det förmodligen exakt vad du letar efter, å andra sidan är det ganska överanvändt.
VAG skrivna
Ett anständigt trovärdigt handskrapat teckensnitt som passar perfekt när du vill para ihop med den ritade pilen vi såg ovan.
Idolwild
Jag tenderar att älska slab serifs, här är en fin skisserad en med en bestämd komisk känsla för det.
Bra hund
Här är ett bra alternativ för när du behöver en djärvare typsnitt. Handskriven fetstil kan vara ganska ful, så se till att fånga några bra som du hittar direkt.
Nu är dessa teckensnitt sketchy men fortfarande typografi-baserade. Tänk på att du som alternativ till borstarna nedan kan hitta några anständiga doodle dingbat-teckensnitt om du ser tillräckligt hårt ut. Kolla in Tombats 7 och 2Peas GGs Love Me för att komma igång.
borstar
Om du vill spara lite tid på att bryta ut alla dessa klotter, här är några färdiga skissborstar för Photoshop.
Skolan Dayz Sketch Brushes
Borste Set 45 - HandmadeDoodles
T9 Creative Doodles
Söt slumpmässiga borstar
Doodle Arrow Brushes
Arrow Doodle Brushes
Appar för att skapa dina egna dudlar
Resurserna ovan är trevliga, men stilen på dessa illustrationer är så grundläggande att du inte borde ha problem med att skapa konstverk från början om du har tiden. Att dra med en mus är dock nästan aldrig kul så att du behöver ett bättre system för att skapa konstverket.
Den gamla skolvägen är självklart att ta tag i papper och en penna, men skanning i konstverk är en smärta. Om du vill gå till high end-rutten slår ingenting på en Wacoms touchscreen eller annan dedikerad ritningstabell. Tyvärr har många av oss inte budgeten att gå slut och köpa en ritningstablett bara för att vi är för lat för att skanna en skiss. Lyckligtvis finns det ett lättillgängligt alternativ.
Idag har de flesta av oss åtminstone en pekskärmsenhet som redan ligger runt. Få dig en $ 8 stylus och din iPhone och iPad blir fantastiska digitala ritverktyg. Här är några appar att kolla in.
Adobe Idéer
Idéer är den perfekta appen för denna typ av arbete och borde definitivt vara där du börjar din sökning. Det är dött enkelt, gratis $ 5,99 och exporterar vektor PDF-filer som du kan ta rätt in i Illustrator för ytterligare manipulationer.
Sketchbook Pro
Sketchbook Pro är ett seriöst ritverktyg som är perfekt för att skapa både enkla klotter och mycket realistiska konstverk. Också vara säker på att kolla in Mac-versionen.
LiveSketch HD
När jag vill skapa något riktigt unikt är det här jag vänder. Det är en udda app som känns som att arbeta med en penna mer än de flesta andra. Du kommer antingen att älska det eller hata det men för bara $ 2, rekommenderar jag starkt att du försöker det.
Går 3D
Om du vill skapa en 3D-skiss som den som visas nära början av den här artikeln, leta inte längre än Googles gratis app SketchUp. Du kan byta ut en grundläggande 3D-modell på några minuter och omvandla den direkt till en av många inbyggda sketchy stilar.
För mer information, kolla in vår senaste handledning om Designing a Sketched 3D City Map
Slutsats
Denna artikel ska utrusta dig med allt du behöver veta om enkla klotter i design. Vi började med att titta på några levande webbplatser som använder den här tekniken och hittade några solide idéer och förslag för att genomföra dem. Sedan tittade vi på några teckensnitt och penslar som kan hjälpa dig att dra av det här utseendet med liten eller ingen ansträngning och vi avslutade med några appar som hjälper dig att skapa ditt eget konstverk i denna stil.
Lämna en kommentar med en länk till något arbete du har sett i den här stilen. Vi vill se det!