5 Faktiske tendenser til webdesign for 2016

Hver gang jeg ser et link kaldet Web Design Trends for dette år, klikker jeg på det med glæde kun for at blive skuffet inden for få minutter. Det er altid, uden at fejle, trends fra sidste år eller ikke-trends som: illustrationer. Ligesom vidste du, at animationer tilsyneladende er en stor tendens? Seriøst, hvis du skriver en trendliste og inkluderer baggrundsvideo på fuld skærm som en trend for 2016, skal du virkelig prøve at gå online og se på websteder, før du noterer din liste ned. Ingen kan lide klik agn. Uanset hvad, uden videre, er her en liste over fem faktiske tendenser i første halvdel af dette år.

1) Fuld skærm & ikke rullbar

Ikke-rullbare steder vinder endelig trækkraft. Hvor websteder på en side, der rullede gennem evigheden, med en klistret ankerlinkoverskrift øverst, næsten blev den standardmåde til at lave hjemmesider, er det dejligt at se sider, hvor du skal klikke for at navigere. Så meget som folk hader rulle-jacking, kan det faktisk være dejligt undertiden. Nøglen til design af disse sider er at bruge skærmen til begrænsninger. Prototype i Keynote. Tastaturnavigation er almindelig på disse sider.

Grundlæggende om Facebook-beskyttelse af personlige oplysninger

Tre eksempler på websteder på fuld skærm uden at rulle:

  1. Grundlæggende om Facebook-beskyttelse af personlige oplysninger - Fantastisk websted, omend ikke reagerende, af Facebook, der forklarer trin for trin, hvordan privatlivets fred fungerer på deres tjeneste. Fantastiske illustrationer!
  2. Fantasy - Designbureauet Fantasys meget forventede nye websted, der blev lanceret tidligere i år, og det skuffede ikke. Tjek især arbejdsafsnittet, alt forbliver på skærmen.
  3. KLM 50 Travels - Smukt kampagnesite for KLM. Det fører dig gennem 50 destinationer, en skærm ad gangen. Naviger med tastaturpile og mellemrumstasten.

2. Klistret overskrift til siden

For de seneste trends inden for webdesign er det altid klogt at se på agenturwebsteder eller snarere designstudier. Og for nylig har det været på la mode at få dine overskrifter til at rulle til siden af ​​teksten. Alle de seje børn gør det. Dette er kun en desktop-trend, så du læser dette på din telefon bliver bare nødt til at stole på mig her uden at besøge eksemplerne-linkene.

Kode & teori

Tre eksempler på klæbrige overskrifter på siden:

  1. Kode & teori - Byens overskrifter forbliver på billedet, når du ruller gennem de åbne positioner på dette smukke websted.
  2. Stack Overflow - Denne passer ikke til regningen hundrede procent, men det er ikke et agenturwebsted, så det giver det et pass. Når du ruller, forbliver undernavigationen klæbet til højre. Pæn.
  3. DDB Sthlm - Jeg er fra Sverige, så jeg smider også et svensk eksempel på. Hvis du trykker på Arbejd fra i deres menu og ruller ned, ser du, at den lodrette overskrift forbliver på siden.

3) Logoet er loader

Dette er en enorm tendens og er næsten synonym med agenturwebsteder i år. Alle har det. Og det skulle de også være, fordi det ser godt ud, og det giver den besøgende en fornemmelse af, at webstedet er en del af mærket. Meget klog.

Instrument

Tre eksempler på brug af logoet som læsseren:

  • Instrument - Dette sted viser kun deres logo, når siden indlæses, og når du åbner navigationsmenuen. Det er nyt og spændende.
  • Fubiz - Dette websted lavede en stor plask, da den blev lanceret og af gode grunde. Webstedet har et andet logo til hver sektion, alle med meget dejlige animationer.
  • Dette også - Fantastisk designstudiowebsted med en masse aldrig set før kunstdirektør for agenturwebsteder. Selvom det teknisk set ikke er logoet, er navigationsikonet loader her, men det er placeret hvor et logo normalt er, så det passer.

4) Forstyrrede baggrundsbilleder

At have et baggrundsbillede, der udfylder hele browservinduet, er ikke noget nyt, det er sandsynligvis øverst i det klassiske indlæg Actual Web Design Trends 2013, men dette bringer det til et nyt niveau. Tilføj nogle musemarkøren-effekter på dit baggrundsbillede, og du er god til at gå.

Aktiv teori

Tre eksempler på forstyrrede baggrundsbilleder:

  1. Få mig til puls - Flyt musen hen over baggrunden og se bjergene komme levende, meget godt klaret.
  2. Aktiv teori - Hvis du opretter et websted til dit bureau, hvilken bedre måde at vise, at du har nogle vanvittige webfærdigheder end at få det til at se ud som et Google-eksperiment? Ingen.
  3. Detaljer - Dette kræver en vis rulle. Dette schweiziske designbureau tror tilsyneladende ikke på ankerlink, så hvis du ruller ned til bunden af ​​siden 4/4 Nej-eksperter og holder musepekerne, vil du se en lille forvrængning på dem. Pæn!

5) Over de bedste animationer

Dette er teknisk muligt nu, så hvorfor ikke rigtigt? Hvis det gøres rigtigt, kan dette være en meget visuelt behagelig og underholdende oplevelse, hvis det gøres forkert, er det Flash-websteder igen. Ord fra de kloge: brug med omhu, men gå over toppen, når du bruger det.

Waaark

Tre eksempler på over de bedste animationer:

  1. Waaark - Lol, dette lille designstudie har produceret af årets mest fantastiske visuelle oplevelser. Overlad det til franskmændene at gå over toppen når det kommer til animationer.
  2. Animokoner - Dette er nogle eksempler på ikoner med spektakulære klikanimationer, alt gjort ved hjælp af webkode.
  3. Rally Interactive Beta - Rally gør et godt stykke arbejde for ikke at have lige den rigtige mængde animationer på deres side. De er gået vanvittigt i toppen, og hold det derefter blidt, når du klikkede på og valgte noget.

Bonus: ikke rigtig en tendens endnu, kun set den et eller to steder, men det er enormt at opbygge responsive websteder, der skalerer på ubestemt tid. Det vil sige, webstedet ser nøjagtigt det samme ud på en 1280px-skærm, som på en iMac 27 "Retina 5100+ px-skærm, det er kun større. Tjek det fantastiske websted for den brasilianske teleoperatør Oi for et eksempel.

Jeg hedder Nils og arbejder som designdirektør hos Ape, et digitalt studie i Stockholm, Sverige. Vi lever for fremragende design, teknologi og kommunikation. Hvis du vil vide mere om os, så tjek vores websted, der desværre ikke har nogen af ​​de ovennævnte trends.

Hvis du nød denne artikel, skal du trykke på anbefalingen nedenfor. Det hjælper meget.