Whimsy: lurfull humor eller disposition; extravaganta, fantasifulla eller alltför lekfulla uttryck. Att lägga en touch av whimsy till ett projekt är ett enkelt och roligt sätt att lätta upp stämningen i designen.
Från små element till en fullskalig nyckfull design kan de här ritarna dra in användarna på grund av sin enkla charm. Whimsy är oftast förknippad med mer feminina projekt och vanliga för mönster som fokuserar på barn, men det är inte alltid fallet. Många av de trendigare retrostilarna som har ökat i popularitet innehåller också en distinkt känsla av whimsy. Här är några idéer för att hjälpa dig att integrera whimsy i dina projekt.
Handskrivna teckensnitt
En enkel handskriven typ lägger till ett charmelement som har nästan omedelbar inverkan. Bokstäverna måste verka äkta och skildra stämningen i projektet för störst inverkan.
Saken att undvika är överanvända, clich? D handstilstilar - som permanenta markörsskrivare. För bästa möjliga användning av handstilar måste den faktiskt se riktigt och handskriven. För många datorgenererade alternativ saknar den äktheten.
När du väljer ett handskriven typsnitt överväga dessa saker:
- Leta efter ett alternativ med alternativa brevstilar. Om du använder bokstäver flera gånger vill du att de ska ha små skillnader, precis som de skulle om du hade skrivit dem för hand.
- Håll handstilstilstext till ett minimum och använd det bara för några ord, till exempel en rubrik.
- Kom ihåg tonen. Lättviktiga teckenpar med ljusinnehåll. Tyngre stilar behöver större innehåll.
Vattenfärg
Akvarell är en av de saker som kan vara svårt att använda men ser fantastiskt ut när det är bra. Det finns många sätt att integrera det från bakgrund till delar av bilderna, som med Made of Sundays ovan.
När man använder akvarell är det viktigt att veta vad du vill göra. Det fungerar bäst när du går ut med det, som i bakgrunden eller om du använder den för mindre element.
Det fungerar också bäst när det inte finns många andra konkurrerande bilder, till exempel foton eller andra stora färgstickor. Experimentera med det och om det känns som lite överväldigande, lägg tillbaka lite av designen.
illustrationer
Ingenting griper uppmärksamhet som en cool liten ritning. Det är något som kan hjälpa användarna att identifiera sig med dig. Det kan bli en del av din identitet och något som du äger.?
Och du behöver inte ha en stor illustrerad väggmålning för att uppnå detta. En liten, enkel skiss kan räcka.
Rachels Ginger Beer, ovanför, gör just detta med några snygga lilla ritningar som ansluter till varumärket. De är inte huvudlogotypen, men är vana vid accent och lägger till en antydan till whimsy till den övergripande designen. De illustrerade ikonerna och används för webbdesignen och på produkter som totesäckar.
Ljus färg
Ingenting säger lustig kul som ljusa färgval. Djärva, ljusa, mättade färger är visuellt intressanta och kan skapa den känslan av roligt och äventyr.
Medan många fler nyckfulla designers använder djärva gula, apelsiner och gröna med djup mättnad, behöver du inte. Även tints av dessa glada nyanser kan vara effektiva.
De platta och materiella designtrenderna bidrog till att dessa färgpaletter antogs. Paletter för dessa stilar är ett bra ställe att börja om du är osäker på hur man får en färg som kommunicerar whimsy. Här är två bra startalternativ:
- Flat UI Color Picker
- Material Design Color Palette Generator
Tunna linjer och slag
Ett annat sätt att hålla designljuset är att hålla fast med tunna linjer och slag hela tiden. Detta kan innehålla gränser för bilder, slag för typografi och huvudbilden själv. Tunna element har mindre vikt och skapar en känsla av ljushet på egen hand. Lägg till det på andra nyckfulla funktioner eller meddelanden och du har en enkel nyckfull kontur.
För mest inverkan, kom ihåg att använda kontrasterande element och bli inte fångad med allting att vara för mager. Notera hur Sonikpass, ovanför, blandar tunna och tunga linjer. Vad som är trevligt om de tjockare elementen är att de har mycket mer dämpade färger, så vikten är inte överväldigande. Det är en bra yin och yang stil design som är estetiskt tilltalande, använder trenden väl och är lätt för användarna att interagera med.
Enkel Animation
Medan animering främst används i webbdesign som ett verktyg för att skapa användaransvar eller ge instruktioner, kan det också vara roligt. Från svävareffekter till scenförändringar till dans- eller studsningselement är enkel rörelse lätt och främja en positiv känsla hos användaren.
De bästa användningarna av animering följer just nu dessa begrepp medan du lägger till whimsy. För att uppnå detta kombinerar de flesta konstruktörerna animering med någon av de andra tekniker som nämns här - särskilt användning av ljus färg eller illustrationer - för att glädja och engagera användare.
Pharrell Williams webbplats, ovanför, innehåller mycket roligt rörelse. Blulstilformerna pulserar, en färgöverlägg ger ett bra hovertillstånd för att hjälpa användare att läsa text och animerade åtgärder, så att du enkelt kan navigera i designen (den rör sig i alla riktningar).
Skälig Imperfektion
Ett av de bästa sätten att införa whimsy är genom avsiktlig ofullkomlighet. Vi gör alla små misstag och det är okej. Använd de små fläckarna till din fördel.
Ofullkomligheter kan hända någonstans i designen och komma i många former:
- En stroke som bara är lite tjockare eller tunnare än andra.
- Subtila skillnader i tecknen i en typfamilj.
- Linjer och illustrationer som inte är helt raka, inriktade eller kvadratiska.
- Blandning och matchning av element som inte hör hemma, som att byta små och stora bokstäver slumpmässigt eller kombinera ovanliga färgval.
- Animationer som bara är lite av balans.
- Asymmetriska inriktningar.
- Juxtaposition av verklighet och fantasi, som en design som innehåller faktiska fotografier och handritade skisser eller typsnitt.
Slutsats
Om du gillar nyckfulla begrepp men är rädd för att gräva för djupt i trenden, börja små. Lägg till en enda typ av element med en nyckfull känsla för att se hur det passar in i ditt övergripande designschema.
Snygga designmönster tenderar att fungera speciellt bra på mindre mönster, till exempel ensidiga webbplatser eller tryckta element på en sida eftersom teknikerna kan bli lite överväldigande när de används mycket.