Har du märkt hur små logotyper verkar bli alltmer populära på webbplatser? Ett tag tycktes fokusen i designen vara att göra den större.? Det har ändrats - i form av logotyp och placering i alla fall.
Den största trenden i webbdesign är just nu användningen av den lilla hörnlogotypen. Vi kommer att bryta ner trenden och titta på några bra exempel. Kanske hittar du inspirationen att krympa logotypen i ditt nästa projekt. Eller kanske du bestämmer dig för att hålla den stor och djärv!
Identifiera trenden
Även om det inte finns någon särskild regel som anger att en logotyp måste ligga i det övre vänstra hörnet av en webbplats, är placeringen vanligt för läsbarhet och identifieringsändamål. Användare är vana vid att leta efter varumärkesinformation och det ger en bra referenspunkt för navigering för att hjälpa användare att komma tillbaka till hemsidan när de fastnar.
Så det är verkligen ingen överraskning att små logotyper oftast placeras i den här delen av designen. Medan användandet av små logotyper inte är begränsat till denna placering följer det accepterade användarmönster. Det är viktigt eftersom när du försöker något annat vill du att användarna ska förstå det utan svårighet. I detta fall är förändringen logotypens storlek, krympa den till en liten? storlek kan göra det mindre av en dominerande visuell. Genom att hålla den på samma plats kan användaren fortfarande hitta den och utföra de förväntade åtgärderna utan att tänka på denna förändring.
Detta är en av de trender som är lätt att upptäcka. Leta efter en super-liten (ofta mindre än 300 pixlar med en vanlig skrivbordsupplösning) logotyp i en placering som klämmer fast längst upp till vänster om duken.
Trendbrytning
Trots att trenden är rotad i storlek och placering av logotyper, är det inte det enda som verkar vara en vanlig tråd. Designers använder liknande former, ikonografi, typografi och färger också.
Trenden kompletteras och lånar koncept från många andra populära stilar, särskilt minimalism, ljusa färger och ikonografi. Det är en del av vad som gör den här trenden i arbete. det integreras med andra designmönster nästan sömlöst.
Squares
Den enkla kvadratlogotypen är lätt att använda och ger en bra ankarpunkt för branding. Många av dessa kvadratiska logotyper har ett par ord (logotyp) eller liten bild i ett färgat torg.
Svart är ett populärt alternativ, som är fallet med Brave People (ovan), men färgval kan dikteras av bakgrunden till design och varumärkesfärger. Det finns inget att säga att en fyrkantig logotyp måste ha ett starkt utseende, men det här är ganska vanligt alternativ.
Kvadrater är populära eftersom den form som den kan återanvändas på ett antal platser, inklusive sociala medier och att konvertera som en appikon.
Ikonlogotyper
När vi designar fler saker för små skärmar, finns det en tendens att förenkla och effektivisera. Samma sak gäller den här trenden, där en enkel ikon kan fungera som den lilla hörnlogotypen.
Tricket att göra detta arbete är att bilden måste vara? Ikonisk? och enkelt nog att det är lätt att läsa och förstå i super-liten storlek. Inte alla ikoner kommer att fungera eller känna sig lämpliga i mindre storlekar.
Eftersom det här kan vara ganska knepigt, använder de flesta designers som väljer att gå denna rutt med enfärgssvart av vita ikoner med några enkla linjer. Medan vissa av dessa ikoner avbildar vissa bilder, som tågrobben (ovan), använder många andra geometriska former. Med en ikonlogotyp går många av besluten tillbaka till din varumärkesidentitet. Har du en ikon som användare identifierar med? Fungerar det i detta sammanhang?
logotyper
När det gäller små logotyper kan logotyper vara ett av de bästa alternativen för de flesta webbdesigner. För varumärken med en logotyp är lösningen redan inbyggd. Logotypen var antagligen utformad med tanken att det var nödvändigt att arbeta i alla storlekar.
Det verkliga tricket till logotyper i det övre hörnet av designen för att se till att de inte går vilse. Logotyper som använder supertunna typtyper eller som innehåller super korta ord kan behöva mer heft än de med längre ord eller som har tjockare teckensnitt. Placering bör bestämmas av visuell vikt, inte bara en pixelriktlinje.
Det är också viktigt att överväga bakgrunden där logotypen kommer att leva. Se till att logotypen är synlig över sidorna. Försök att undvika bakgrund med andra typer av element eller exceptionellt upptagna mönster för maximal läsbarhet.
?App? Ikonstilar
Appikonstilen fungerar också vackert på webbplatser och ger ett mångsidigt designelement. Placering och design liknar ofta tanken bakom torget, men ikonerna för appstil sätts ofta bort från kanvasens kanter lite mer, kan innehålla mer färg och anses ofta vara en sekundär märkeslogo.
Denna stil kan vara mycket kul att spela med men det är viktigt att se till att din identitet inte går förlorad om du använder mindre vanliga varumärken. Överväg att integrera varumärkesnamnet och den primära logotypen på andra ställen för att behålla den visuella anslutningen som användarna förväntar sig.
Appbaserade webbplatser använder ofta den här stilen eftersom appikonen är deras branding och användarigenkänning. För att göra upplevelsen lite annorlunda för användare som kommer åt webbplatsen snarare än app, lägg till en ledtråd av rörelse eller sväng animering till logotypen för att överraska och glädja.
Krympa det
Beroende på logotypen kanske det inte tar något extra arbete eller omkonstruktion för att använda denna trend. Ta bara logotypen, krympa den och tryck den i övre hörnet. Låter ganska lätt, eller hur?
Här är tricket: Din logotyp måste redan inkludera alla läsbarhetskomponenter i en liten storlek. För de flesta märken betyder det att logotypen måste stå ensam i ett navigeringselement utan mycket färg eller annan bild.
En Glad Camper (ovan) gör det här ganska framgångsrikt.Logotypen är skalad ner till? Liten hörnstorlek? och finns i en vit navigeringsfält. Den primära logotypens färg bär genom huvudinnehållet på webbplatsen, som effektivt drar ögat från logotypen till meddelandet och tillbaka.
Färger
Små hörnlogoer tenderar att vara mycket svarta och vita. Men det behöver inte vara fallet. Det är allt baserat på placering.
Ljusa, djärva färger är fortfarande stora tack vare influenser från platt och materialdesign. Dessa färgval kan också fungera i det lilla utrymmet. Tricket till färg är att strömlinjeforma andra element så det finns mycket kontrast. Små element kan lätt gå vilse om det går för mycket på ett konkurrerande utrymme.
Å andra sidan kan den svarta naturen av en svartvitt eller svart eller vit logotyp ge den rätta kontrasten för att skilja den från en upptagen bakgrund. För mönster där logotypen visas på toppen av en hjältebild eller -video är det ofta det bästa alternativet när det gäller läsbarhet.
Logo-Navigationsbalans
Små logotyper kan presentera unika utmaningar när du planerar navigering. Måste navigationen vara liten också? Hur kan du skapa balans utan att överväldiga elementen eller titta utanför balans?
Det finns ett par lösningar.
- Skapa ett balanserat navigationselement, till exempel en liten fyrkantig logotyp och en komplementär hamburgernavigationsikon med en dold meny.
- Skapa en behållare för logotypen och navigering så att de fungerar tillsammans.
Båda alternativen kan fungera lika bra. Så länge som användare enkelt kan komma åt informationen kommer designen att fungera. Tänk på dina användare och deras vanor innan du väljer det.
Slutsats
Tiny är den nya stora grejen. En smart designer sa en gång att om du kan göra något jobb med en liten storlek, kommer det att fungera var som helst. Kanske är det utmaningen för designers - skapa något som fungerar vackert på en mikronivå.
Vad som är särskilt trevligt om små hörnlogotyper är en trend att den är användbar. Du behöver inte genomgå en omdesign för att använda detta koncept och kan lägga till en trendig funktion med bara en liten design tweak.