3 viktiga designtrender, augusti 2017
Om hundens sommardagar längtar efter en förändring av landskapet är den här månadens webbdesigntrender en perfekt start. Medan minimalism har varit "det" -stilen sen, börjar mer designers att flytta mot mer detaljer och funktioner inom layouten. De slående designmönstren som vi börjar se är ett nytt alternativ till de avskalade stilar vi har blivit vana vid.
Vad tror du? Är du redo för tunnare typografi alternativ, mer detaljerad detaljering och ikon stil logotyper? Du kanske är efter att ha sett några av dessa designprojekt.
Här är vad som trender i design denna månad:
1. Tunn typografi
Tunn typ är tillbaka! Tunna teckensnitt fick en dålig rapback när Apple valde en super tunn, lätt typsnitt för operativsystemet med iOS 7.
Designers balked på det alternativ som var lite svårt att läsa och typ av bucked många design trender som händer på tiden. (Flat var all raseri, men vissa hävdade att Apples nästan platta kombinerade med den ultratunna typsnittet var för mycket.) Samtidigt blev bredare, djupare teckensnitt den dominerande delen för webbplatsrubriken och typografi på hjältebilder ovanför rullningen .
Tidvattnet börjar skifta motsatt. Dagens tunna typsnitt är något tunnare än vad vi har blivit vana vid, men är inte så tunna som Apple-alternativet.
Det bästa med att välja en tunnare typsnitt är att du har lite mer frihet i med designen. Medan tunna typsnitt inte rekommenderas för kroppskopia kan de fungera bra vid större storlekar när det finns mycket kontrast.
Exemplen nedan visar alla några av de bästa användningarna av tunnare typsnitt:
- Använd en tunn typsnitt i alla kepsar för att skapa en smidig rubrik. Det här alternativet fungerar ofta bäst med bara några ord, till exempel Lyxafrikanska safaris , Nedan. Det är lika viktigt att tänka på bokstäverna i förhållande till de faktiska bokstäverna; vissa ord kan vara svåra att läsa i tunna skrivtecken eller kepsar.
- Koppla ihop en tunn typsnitt med ett djupare alternativ för att skapa betoning, till exempel WebDesignStudio , Nedan.
- Använd en tunnare typsnitt i färg (i en kontrasterande bakgrund) för att lägga till visuell tonvikt, till exempel Leeds Golf Center , Nedan.
Letar du efter inspiration? Här är fem Google-teckensnitt som passar räkningen (och ser bra ut): Source Sans Pro , Dosis , Omfattning En , Rajdhani , Martel Sans .
2. Utarbetade detaljer
Från roliga blomningar till fina typografiska behandlingar till användargränssnitt som skapar oväntad glädje, utarbetas detaljerad information allt vanligare. Tricket att skapa något utarbetat är att få det så enkelt som möjligt för användaren, vilket betyder att det måste vara lätt att förstå och använda.
Det stora med detaljer är att de kan lägga till mycket personlighet i ett projekt. Dessa element kan bära över medium från webbplatsprojekt till produktdesign till tryckta element så att allt från ett varumärke har samma speciella något visuellt. (Detta är ett utmärkt sätt att skapa varumärkessammanhang.)
Dessa detaljer kan visas på ett antal sätt och bör alltid lägga till den totala effekten, inte förringa den. Utarbetade detaljer används bäst för en enda instans i designen och bör inte överväldiga användare. Att använda något utarbetat för många gånger kan sluta skapa motsatsen till den avsedda effekten och faktiskt visuellt överväldiga användare. Så snart du hittar ditt "trick" använd det en gång och använd det bra.
De Förfäder grupp , nedan, använder utarbetad styling med en gammal logotyp med färgade swashes ovanför rubriken. Typstilen är ovanlig för webbdesign och kombinerad med den utarbetade logotypen, det är en slående kombination. Men du kan också se hur denna design bara kan vara effektiv med en enda användning. Tecknet kan vara svårt om det används för stora textblock och styling kan komma i vägen för meddelandet. Här använde designteamet det perfekt.
Vitra arbetsstolar , nedan, använder utarbetade användargränssnitt animeringar för att engagera användare. Hemsidan innehåller en "Dra" -knapp som öppnas i produktlinjemenyn. Bakgrunden är densamma i båda paneler så att stolarna alltid markeras i videospolen. Animationer mellan klick är lika intressanta och även om du inte är redo att köpa en stol, uppmuntras att flytta runt webbplatsen.
Ibland innehåller den mest utarbetade designen inga superspecial effekter. Bara Kite School , nedan, använder roligt video reell och stor logotyp för en kombination som drar ögat in. Medan den stora logotypen ser enkel, skapar typografi som är både läsbar och funktionell på det sättet kan vara tufft. Här fungerar det vackert och stämningen i bokstäverna matchar vad du kan förvänta dig av denna typ av verksamhet.
3. Ikonlogotyper
Är det en ikon eller en logotyp? Linjen mellan de två designelementen blir allt mer korsad hela tiden. Ikon-stil logotyper dyker upp överallt.
Dragit från minimal stil, och eftersom de fungerar i en mängd olika applikationer, kan ikonlogotyper vara färgstarka eller inspirerad av en linje. De flesta använder sig mot en mindre stillogo i en form som också överförs till sociala medier för konsekvent branding online.
Nackdelen med en ikonlogo är att det inte finns mycket utrymme för ett verkligt företagsnamn. De bästa ikonlogotyperna är utformade så att de kan stå ensamma eller vid sidan av bokstäver, till exempel District0x , Nedan. Observera hur den färgstarka "d" -ikonen kan fungera i sig - det ser bra ut i cirkeln Twitter-logotypformat på grund av den asymmetriska formen - och känns inte i vägen när det är kopplat till det fullständiga varumärket.
Jardan Furniture och Nobbys fyr , nedan, välj enklare ikonlogotyper med varumärket i typ nedan. Även om detta är ett populärt alternativ kan det skapa några kopplingar mellan namn och logotyp. Välj placeringar som ansluter elementen - båda exemplen är centrerade på logotypen och typen av företagsnamn-för att skapa en ögonväg från ett element till ett annat.
Slutsats
Det är kul att titta på som trender börjar växla från en dynamik till en annan. Tror du att mer detaljerade stilar kommer att ersätta minimalism? Eller är det bara en passande kram?
Vilka trender älskar du (eller hatar) just nu? Jag skulle gärna se några av de webbplatser som du är fascinerad av. Släpp mig en länk på Twitter ; Jag skulle gärna höra från dig.