Viktiga designtrender, juni 2016
Designers förändrar reglerna för webbdesign tack vare kreativ problemlösning. Auto-play-ljud, blandning av reella och illustrerade bilder och jämna lagringslogotyper ovanpå bilderna är några av de hetaste designteknikerna just nu och alla tre koncepten betraktades som tabu inte så länge sedan.
Här är vad som trender i design denna månad:
1. Auto-play-ljud
Inte så länge sedan var regeln inte att inkludera ljud på din webbplats om det inte var valfritt. Och du skulle definitivt inte gå auto-play-rutten.
De borden har vänt! Vad som brukade vara en bandbreddslösning, obtrusiv designfunktion blir ganska vanligt.
Ljud används speciellt för ett par olika webbtyper - för mediarelaterat innehåll som musik, filmer eller nyheter och för spel- eller storylintypsdesign. Tricket att använda ljud är att det måste innehålla en till / från-knapp för användare som fortfarande vill interagera med en webbplats i tystnad.
Ljudet är att det inte ska komma till chock för användarna. Många webbplatser, till exempel Detta var Louises telefon , som använder auto-play-ljud används en buffert av sorter för att visa att ljudinnehållet laddas. Kombinera den här lastfunktionen med en växelströmbrytare och användarna kan avgöra om ljudet är för dem eller inte innan webbplatsen gör det första bruset.
Ett annat knep när det gäller att använda ljud är att börja mjukt. Du vill inte att användarna ska hoppa ur sina stolar eftersom din design öppnar med en tungmetallskärning. Alla låter till crescendo från nästan en viskning till full volym under de första sekunderna.
Slutligen är det viktigt att ljud (särskilt när det spelas automatiskt) är en viktig del av innehållet som bidrar till den övergripande användarupplevelsen. Använd inte ljud bara för att du vill prova något nytt; använd det med syfte. Tänk också på detta - även med ljud som en del av designen, kommer många användare att komma åt innehållet utan det. Design klokt.
2. Blanda bilder och illustrationer
Det kan vara en tuff teknik att dra av men linjen mellan fotografi och illustration har korsats. Att blanda riktiga och handritade element kan lägga till en luft av whimsy till ett projekt som är både roligt och visuellt spännande.
Gör det utan att vara ostlikat för att få en varaktig inverkan på användarna. Här är några förslag:
- Använd illustrationer för ikoner och knappar och fotografering för dominerande visuell påverkan
- Skapa ett visuellt mönster som använder mestadels illustration, men lägg till korta video- eller bildområden för betoning
- Lägg till animerade illustrerade element för en touch av något annat nära bilder
- Skapa ett märke eller en logotyp som illustreras för användning med varumärkesfoton eller på förpackning som kommer att visas i varumärkesbilder
- Använd illustration för att hjälpa användare att vägleda andra bilder och berätta en historia
Taylor gjorde är ett bra exempel på denna mix-and-match-strategi för fotografi och illustration. Ett finansiellt planeringsföretag är inte en plats där du kan förvänta dig att hitta den här tekniken i aktion, men den är effektiv. Animerade illustrationer i bakgrunden av bilder av människor ger intresse för vad som annars skulle vara en tråkig headshot. Den animerade svängningsstatistiken tar upp användarens uppmärksamhet och uppmuntrar att rulla. Ännu fler illustrationer används i ikonerna för webbplatser för att uppmuntra klick och lägga till visuell känsla i text-tunga delar av designen.
3. märken ovanpå hjälte bilder
Märken är överallt du vänder just nu. Från logotypdesign till vintage retro typografi stilar som kan kallas hipster favoriter, har dessa enkla element blivit en häftande del av minimal design stilar. De är också ett vanligt alternativ för mönster som saknar fotografering.
Det ändras dock eftersom fler designers använder märken med stjärnfotografi i hjältebilder. Trenden exemplifieras av en enda hjältebild (vanligen inte en skjutreglage) med en vit eller halvtransparent märke ovanpå. Spåren är ofta centrerade horisontellt och vertikalt, även om placeringar kan variera.
Det är ett slående foto till logotyp (eller text) kontrast. Vad som gör det här arbetet är att den stora bilden drar in användarna. Badge fungerar som en kontaktpunkt för det som ofta är en något svag eller lös bild. (Det är inte att säga att bilderna som används i denna typ av stil är dåliga, men de dra nytta av hjälp av ett märke.)
Denna trend är en utveckling av någonting vi har sett ett tag med hjälte bildhuvuden. Stora, djärva typografiska val var galen i fjol. Detta är en naturlig förändring på grund av populariteten hos märkesstilar och likhet mellan hur stor storlek och märke används.
- Båda tenderar att vara vita eller lätta
- Båda tenderar att hamra hem ett enda meddelande till användarna
- Båda arbetar i mönster som inte har många konkurrerande visuella
- Båda är djärva och dristiga eftersom de bara erbjuder användarna en riktig punkt
- Båda fungerar exceptionellt bra med stock photography
- Båda stilar erbjuder en djärv visuell lösning när du inte har många fotoutställningar
- Båda formaten gör det möjligt att lägga till en aning av animering på andra ställen (till exempel ett hover-tillstånd) för att locka användare eftersom det inte finns många andra rörliga element, till exempel video eller en bildreglage
Vad som är trevligt med ett bra märke är att det kan tjäna dubbelt som ditt varumärke också. (Detta är ett bra alternativ för småföretag eller portföljwebbplatser.) Skapa ett märke med idén om att det kommer att bli din logomark. Designfärg och vita versioner för att blanda och matcha beroende på användning. Den här funktionen är en annan anledning till att märken är så populära just nu.
Slutsats
Är du modig nog för att lägga till auto-play-musik till din webbdesign eller blanda riktiga och illustrerade bilder? Båda trenderna kommer med ett element av risk och möjlighet till utbetalning. Om du inte är helt redo för dessa trender, är det något som kan fungera för nästan vilken typ av design som helst, med ett märke över en hjälte. Du kan också göra denna justering i flyg och använda den efter behov.
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.