Tendenser i webbdesign kan förändras och blekna nästan lika snabbt som de blir moderna. Men så långt i 2013 har en handfull trender verkligen tyckt att ta webbdesign med storm och verkar vara fast.
Idag ska vi undersöka tio trender i moderna webbelement och visa några bra exempel på varje - allt från vintage typografi och cirklar, till livfulla färger och praktiska vCards. Ännu bättre för dig är att alla exemplen nedan är tillgängliga för nedladdning (några gratis, vissa betalda).
1. Vintage Typografi
Stor, djärv retro-typ är extremt populär just nu. Stilen fungerar bra för projekt där du saknar starka visuella eller i kombination med skarpa bilder genom att skapa intresse med bokstäver.
Denna trend är en som har funnits ganska länge och verkar aldrig bli gammal. Vilka förändringar är det sätt vi ser den klassiska typ styling som används.
Just nu är vintage typografi oftast en fokusering i ett minimalistiskt designschema. Dessutom spelar designers verkligen vintageart och mycket liten färg, till exempel svartvita paletter eller en handfull dämpade färger. (Ett par år tillbaka var vintage typografi populär i samband med djärva färger.)
Retro typografiska insignier och märken: Med sex stilar, alla som använder fria skrivtecken, har det aldrig varit lättare att skapa vintageutseendet. Varje stil kommer också med en koordinerande bakgrundsbild. (5 $)
2. Realistiska effekter
Medan flat-versus skeuomorphism-diskussionen fortsätter att rasna på, omfattar designers fortfarande tredimensionella, livliknande effekter. Från skuggor till lyftade hörn, till texturer, använder lika många designers fortfarande dessa tekniker. (Även om mer av konversationen är centrerad kring fördelarna med platt design.)
Nyckeln till en bra uppsättning realistiska effekter är subtil. Effekterna ska spegla verkligheten. Skuggor bör följa mönster av ljus i designen, fasader bör lägga till textur och gradienter behöver tjäna ett syfte.
Realistiska moderna webbskuggor: Denna uppsättning innehåller element med lyfta kanter, skuggor och 3D-effekter. ($ 6)
3. Vibrerande färg
Plattformen har inspirerat många sekundära trender, bland annat användningen av ljusa färgpalettar med fler nyanser än vissa designers brukar använda. Trending nu är superljusa, livfulla, mättade färgpaletter för webbdesign och appar. I stället för att välja två eller tre färger att bygga på, skapar konstruktörer breda färgpalettar med uppåt i fem färger.
Dessa paletter tenderar att användas på ett av två sätt: mycket ljus färg i hela designen. Tänk en nyans av en röd, gul, orange, blå, grön och lila, förutom svartvitt. Eller dessa paletter fokuserar på tints av en enda, levande färg. Båda alternativen är särskilt populära.
Vibrerande färg utstrålar en ton som designers måste vara medvetna om. Massor av hög färg kan verka lätt och roligt, och kanske inte fungerar för vissa typer av projekt. Monoton stil livlig färg är mer tonad ner.
uiGo färger: Den platta iOS UI-kiten innehåller en mängd olika element i platt stil med mycket färg. (8 $)
4. Band
Band är ett element som designers har använt under lång tid. Men de verkar vara något av en återkommande. Speciellt populär i ensidig webbdesign, band är gåverktyget för enkla meddelanden - till exempel? Kommer snart? - eller att visa upp en pris eller ett erkännande.
80 Premium webbband: Denna bandet innehåller banden i nästan alla former, format och riktningar du kan föreställa dig med anpassningsbara färgalternativ. (2 $)
5. Plana ikoner
Med platta som de facto topputgången 2013 hoppar de flesta designers på chansen att använda den på något sätt. Ikoner är ett av de mest populära valet på grund av deras flexibilitet. En designer kan använda plana element i kombination med någon annan? Mindre platt? element i den övergripande webbdesignen, något som blir allt vanligare när platt design sträcker sig till? nästan platt design.?
Förutom platta ikoner är platta knappar också populära för designers som vill ha en inblick i trenden till projekt. Även Yahoo innehåller plattformade knappar och ikoner inom sitt ramverk, som inte är inatt plana.
Plana väderikoner: Nio enkla och väldragen väderikoner. (3,99 $)
6. Vintage Logos eller märken
Vintage logotyper och märken spelar upp tappningstypen med ett extra lager av styling. Badges är speciellt trendiga när det gäller webbplatser som använder spelningsverktyg och effekter. Inte bara gör dessa enkla logotyper klassiska, men den enkla stilen kan vara lätt att skapa och replikera på ett antal sätt. Det tar bara en handfull trevliga typsnitt och grundläggande former.
Den nuvarande trenden - som vintage typografi - fokuserar på minimala effekter för dessa märken med liten färg eller ytterligare styling. Starka former och djärva bokstäver är populära.
Vintage Logo-märken Set: Denna förpackning innehåller åtta olika vintageformade tvåfärgslogotyper. Det finns många olika flexibiliteter bland olika stilar. (4 $)
7. Kort
Även om många av de webbplatskartor eller kakel vi ser är inte nödvändigtvis designade i plattstil, har de utvecklats från det platta konstruktionsdesignet.
Dessa enkla lådor används på olika sätt. Kort eller kakel är också en populär teknik för att organisera innehåll i lyhörda designprojekt eftersom de ordnar och staplar snyggt i olika storlekar.
När en stil är designad är det lätt att använda den på andra sätt. Kort för kontaktinformation (nästan med digitalt visitkort), kort för länkar eller annan information, kort för att markera portföljer eller bilder. Trenden fungerar eftersom den är mycket flexibel
vCard-gränssnitt: Lägg till en bio-, arbets-, kontaktinformation och sociala medier länkar i ett enkelt kortformat format.Detta kit kommer som en PSD eller CSS-nedladdning. (Fri)
8. Cirklar
Cirklar, knoppar och rattar har gjort en riktig återkommande. Medan många designers har avvikit från avrundade former tidigare, blir fler och fler cirklar som ett roligt sätt att bygga knappar och andra användargränssnitt.
En del av överklagandet är att de kan utformas så att de ser ut som något du ska röra, imitera åtgärden att trycka på en knapp. Detta koncept fungerar bra för mobil- och applikationsdesign där användarna förväntas röra eller trycka på element för att få något att hända. Effekten spelar också över till fullstora, desktop-driven webbplatser också.
Enkel köpknapp: Uppmuntra kunder att göra ett köp med en distinkt köpknapp. (Fri)
9. Enkla gradienter
Utvecklingen av platt design till? Nästan platt? har lagt ny vikt vid enkla gradienter. Designers vill ha förändringen i nyans, men vill att den ska vara super-subtil.
Denna effekt fungerar för bakgrund, knappar, ikoner och en mängd andra element. Enkla gradienter är ofta icke-påträngande och kan vara ett bra sätt att skapa djup.
CSS Gradient Set: Denna sats innehåller enkla gradienter i åtta färdiga färger som utgångspunkt för större element eller ikonuppsättningar. Finns som en PSD eller CSS-nedladdning. (Fri)
10. Sliders
När det gäller att visa fotografi eller en portfölj är det svårt att hitta en webbplats som inte använder någon typ av en reglage. (De blir alltmer populära med video också.) De flesta reglagen arbetar med en automatisk bläddring som användare kan stoppa eller pausa och har en stor bild och mindre bilder eller knappar som går igenom bilder.
Sliders arbetar med en mängd andra design stilar - den här stilen har tre versioner som kan fungera för platta eller skeuomorfa projekt. Detta verktyg är ett enkelt och effektivt sätt att visa upp mycket arbete, samtidigt som man behåller visuell dominans.
Rengör Sliders: Den här uppsättningen innehåller tre stilar för enkel att använda, slående bildreglage och använder en fri typsnitt. (3 $)
Slutsats
Titta på trender är en bra källa till webbdesign inspiration. Ingenting kan sporra kreativitet som att se andra kreativa processer i aktion. Vilka andra framväxande trender är du medveten om? Vad kommer härnäst? Dela dina idéer i kommentarerna.