Medan det ofta är fokus på pixel-perfekta designelement, är de inte lämpliga för allt. Ibland vill du ha något med lite mer? fantasier. Något lite mer äkta!
Handritade ikoner eller element kan bara vara rätt designteknik för att lägga till något speciellt för ett projekt. Medan de flesta designers inte blir galen med element som verkar vara handritade, kan några få känslor lägga till en personlig känsla som användare dras till.
Det är något som trendar i webbdesign också. Från en squiggle i en ikon, till en fullupplevelse som är lika användbarhet och konst, är handdrivna element ett populärt designalternativ. Här är åtta färska sätt att använda denna trend!
Skapa separering
Handdragen designelement kan blandas och matchas med nästan vilken typ av annan visuell bildskärm. De kan fungera tillsammans med bilder eller video, i ett hav av blankutrymme eller nära textelement. Avlägsna inte begreppet att använda denna typ av element eftersom du är rädd för hur det passar in i det övergripande designmönstret.
Försök; du vet aldrig.
Digital Visitor använder dessa element i hela konstruktionen för att skapa separation mellan element och bitar på innehåll. Medan elementen på hemsidan bara är prickar finns det exempel på flera ställen under scrollen och även favikonet har den handdragen stilen.
Placeringen av varje element är utformat för att säkerställa att användaren tittar på rätt innehållsnivå. I exemplet ovan är elementet i mitten av skärmen, som används för att skapa separation mellan två innehållsområden. Lägre i designen används liknande element i ikonstil om små textrutor för att visa vad företaget gör.
Interaktiva Doodles
Handdragen element kan göra roliga interaktiva bitar i designen. Från att ladda animeringar - många av webbplatsens exempel i det här inlägget använder den här stilen - till en helt interaktiv upplevelse är denna designteknik intressant för att intressera användarintresset.
Real Estate stained glass är ett härligt exempel på ett interaktivt spel som kombinerar både en webbdesigntendens och ett kreativt element som gör det möjligt för användare att färga in ritningar på skärmen. Vad som hänger samman här är medan utseendet är handritat, elementen är exakta och fungerar sömlöst. Färgning fungerar som det borde - och du klotter inte utanför linjerna - för en upplevelse som kommer att hålla användarna hakade.
Nästan drawn typografi
Ibland skrivs inte de bästa handdragen elementen ut. Typografi stilar som efterliknar handstil är särskilt populära, särskilt för visning.
Denna typ av typ har en lättare, mer personlig känsla som användarna kan relatera till. (Tricket är att se till att bokstäverna är läsbara.)
Tradewinds Hotel gör ett bra jobb med en enkel, kursiv stil typsnitt som är både tillräckligt stor och läsbar nog att läsa en överblick. Stöd typografi finns i en enkel sans serif stil, vilket hjälper till att lägga tonvikten på bildskärmen och håller det också lätt för användaren att smälta.
Design Divots
Vissa handdragen element tjänar en rent visuell syftet. De finns för att skapa ett flöde eller känsla för den design som kan vara svår att fastställa på andra sätt. Dessa delningar kan vara speciellt roliga när de används på små ställen under hela konstruktionen.
Mors bryggning gör just detta. Det finns det stora hjärtat på hemsidan - det är uppenbart. Men då finns det också små element på nästan alla andra sidor - några uppenbara, några ganska dolda. Varje knapp har handdrogna detaljer med banddesignen, elementen visas i bakgrunden och överlägg på glidande element för att fylla dödutrymme i designen. Den övergripande effekten är smart och visuellt intressant.
Att ställa in humör
Handritade designelement tar ofta en ljusare, mer lekfull ton. De kan ge denna typ av känsla till nästan vilket som helst projekt och de mer handdragen elementen du använder, desto lättare kommer projektet att visas.
Signs for Science är ett utmärkt exempel på hur man förpackar en design med handdragen element för en rolig, nästan barnliknande estetisk (även färg bidrar till). Från typografi till ikoner för att skryta understreck, har hela konceptet ett mycket specifikt humör. Det är kreativt, lätt och uppmuntrar användarinteraktion.
Showcase Kreativitet
Ett handritat konceptkoncept kan vara ett utmärkt tillfälle för en portföljwebbdesign eftersom den kan betona kreativitet. Dessa element lägger mer fokus på designprocessen och hur tanken och arbetet som kan gå in i ett projekt.
(Plus, det är ett roligt sätt att sträcka de kreativa musklerna.)
Feebles använder handdragen element både för huvudbilden på sättet ovan och kombinerar med den handdragen logotypen längst upp till vänster. (Du kanske saknar det om du inte tittar noga.)
För ikoner eller logotyper
Eftersom det här är en av de mest populära användningarna av handritade element, var det inte högst upp på listan. (För det mesta att hjälpa dig att tänka på andra idéer innan du hoppar till något vanligare.)
Handritade handen kan vara ett bra komplement till en ikon eller logotyp. Från squiggles till off-center former eller cirklar som inte är helt runda, lägger imperfekti karaktär och charm där de perfekta datorformatstilarna inte kan.
Högre mark använder squiggle för att separera bokstäver i ikonstilstillogotypen. Den minsta stilen är slående och effektiv, och det handdragen elementet ger det en viss personlighet som en rak linje inte skulle förmedla.
Som animerade effekter
Ta ett handritat element till liv med animering.
Bilder som ritas på skärmen kan vara roliga att titta på och titta på. Medan den uppenbara fördelen för användaren är underhållning, eftersom de ser på något som kommer till liv, finns det också fördelar för webbplatsens ägare: ökad tid på plats och potential för fler omvandlingar.
Long Story Short använder detta koncept på hemsidan.Först ritar logotypen, som använder en handritad typografi stil. Och sedan animera det i ett paket med designprojekt, som rör sig snabbt och innehåller flera handteckningar i processen. Hela slingan varar bara några sekunder.
Slutsats
Även om du inte kan rita, kan simulering av handdragen element i designprojekt lägga till en personlig touch som användarna uppskattar. Från typografi till spel för att ladda animeringar kan dessa element visa upp kreativitet och personlighet.
Medan ett handritat element inte är för varje projekt, tänk på det nästa gång du behöver ljuga humöret eller lägga till lite något att hålla fast vid användarna. Håll idén enkel och koppla den till ett tema som bär hela designen. Och ha kul! Det är vad dessa element handlar om.