Viktiga designtrender, mars 2016
En av de stora sakerna om att titta på trender varje månad är att få en glimt av vilka designers som experimenterar med. I synnerhet börjar du se en tydlig korsning av element som du kanske har missat vid första anblicken.
Den exakta saken hände med den här månadens samling. Notera alla gula och guldtoner. Även i att plocka ut exempel på bra jobb för andra trender, fortsatte webbplatser med dessa nyanser att krypa in.
Här är vad som trender i design denna månad:
1. Gula och guldtoner
Färgtrenderna är roliga att titta på. Ibland har färger tenderar att sammanfalla med säsongsbetonade element eller helt enkelt reflektera branding, men ibland visar användningen av färg på stämningen och känslan hos designern.
Gula och guldtoner dyker upp överallt. Från färgskärmseffekter på helskärm, t.ex. Gold Hill Winery , till accenter eller ljus bokstäver, gul och guld är populära alternativ just nu.
Gula toner är ett bra sätt att ställa rätt emotionell koppling till ett projekt. Färgen är vanligtvis förknippad med glädje och lycka. Det är kopplat till intellekt och energi. Mer gyllene toner känns speciella, utarbetade och regala. Ännu viktigare i samband med design kan den rätta skuggan av gul vara en showstopper, gripande användaruppmärksamhet och en visuell referenspunkt för varje element på skärmen.
Att använda denna typ av färgpalett tar dock en hel del tankar. Blekgula kan gå vilse om de inte är parade med en annan färg på ett sätt som skapar distinkt kontrast. (Vit och gult blandar ofta inte.) För mycket gul - Tänk Big Bird-stil färgning - kan ha en överväldigande känsla och kan vara för distraherande för användarna.
Det är där de djupare gula med mer rödaktiga undertoner och gyllene nyanser kommer in. Dessa gula toner är enklare att arbeta med eftersom de inte är så överstimulerande. För maximal effekt, para gula toner med en mörkare övergripande palett för att skapa maximal kontrast och effekt. Tänk på att para guldtoner mot ljusare bakgrunder av samma anledning. Välj en gul ton som skapar rätt känsla för din design - ljusare gult är mer energiska och glada, medan guldtoner kan känna sig mer klassiska eller enstaka.
2. Vintage allt
Hipster livsstilen är inte bara en mode trend; det är också kopplat till webbdesign. Ett sätt som detta manifesterar sig är att använda vintagestilar för nästan allt. "Vintage" designelement har ett ögonblick just nu.
Detta sträcker sig till flera element-typografi, färgalternativ, bakgrunder och bilder. Tappningens utseende kan skapas artificiellt med hjälp av gammaldags utseende-vintage typografi stilar är otroligt populära-eller genom att inkorporera element som faktiskt är gamla in i designen. Titta på bilden av mannen i det nedre hörnet av Chamberlins lädermjölk hemsida; han ser ut som om han kunde ha drogs rätt ut ur ett gammalt foto. Samma gammal effekt gäller för Fat och kråka design med den gamla träbakgrunden och den svarta logotypen som känns som den kunde ha blivit utrustad med en design från 70 år sedan.
Vintage typografi stilar är lite svårare att klassificera, men du kommer noga att känna dem när du ser dem. De kännetecknas ofta av enkla bokstäver med små, men utarbetade divottor. Notera de små blomningarna på tecknen för Sweet Magnolia Gelato . Den primära bokstaven innehåller också en färgad offsetskugga för större påverkan. Andra saker som du vanligtvis ser med vintage typografi stilar är brev med lätt textur, som Chamberlins lädermjölk, och en blandning av två tecken, en enklare och en med det mer utarbetade utseendet, till exempel kombinationen för Sweet Magnolia Gelato Co. Men observera ofullkomligheten i sans serif typeface här, det lilla elementet bidrar till den övergripande känslan av "oldness" i designen.
Nu är det här med vintage: Det är coolt att en design ser gammal ut, men den måste fungera på ett modernt sätt. Hitta sätt att integrera element med animering, parallaxrullning eller video för en modern touch.
3. Interaktion
Webbplatser med element "du kan röra" fortsätter att växa i popularitet. Detta är lite mer än interaktion; Det är en mer fördjupad interaktionsupplevelse.
Vad betyder detta exakt?
Webbdesigners skapar unika upplevelser som är beroende av användaren för rörelse. Flytta musen kan göra något på skärmen flyttar eller skiftas på ett visst sätt. En flick eller bläddring kan orsaka en annan åtgärd att hända. Sammantaget borde användaren känna sig som om han eller hon dikterar åtgärden på skärmen utifrån hans eller hennes fysiska rörelser. (Ganska coolt, eller hur?)
Denna typ av interaktion blir alltmer populär. Den integreras med ett antal andra designelement för att skapa en övergripande upplevelse som är lika mycket om glädje och känsla som information.
Se till att du också klickar på varje av dessa exempel för att se dessa interaktioner i praktiken. Här är en uppfattning om vad du hittar:
- Haus: Klicka någonstans på skärmen och flytta den färgade bloben med en 360 graders rörelseffekt. Animationen svarar på användarens rörelser medan den fortsätter sin långsamma i-form-rörelse.
- Emirater: Använd musen för att snurra världen. Förflyttningen verkar också likna tiden och hastigheten för klicket för att visa destinationer.
- Fake Music: Varje flick av musen ändrar det inbyggda hemsidan elementet. Klicka runt för fler animerade effekter, till exempel navigeringsrörelse, ett gallerformat och alternativ för att hitta och köpa musik.
Slutsats
Nu när du har sett alla exemplen märkte du ett tema som verkligen stod ut bland trenderna? En gång sedd som en färg som nästan var omöjlig att använda bra, presenteras gula och guldtoner på ett antal intressanta sätt. Samma sak kan sägas om vintageelement, som är nästan överallt.
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.