Alles over trends in webontwerp

Zolang het web bestaat, zijn er bepaalde designtrends geweest die van tijd tot tijd opdoken. Sommige van deze trends zijn blijven hangen en in de loop van de tijd zijn sommigen verdwenen. Denk terug aan de tijd van Geocities, de tijd van 'Web 2.0' ontwerpen en dichter bij huis, met de trend 'plat ontwerp' die nu populair is.

Nu, in 2013, verandert de webindustrie even snel als altijd. Nieuwe technieken, of manieren van werken, verschijnen elke maand, zo niet elke week.

Een trend kan worden beschreven als:

een algemene richting waarin iets zich ontwikkelt of verandert.

Dit is helemaal waar voor trends in webdesign, want het is vaak een bepaalde ontwerpbeweging of idee dat plaatsvindt, verzamelt wat tractie en vervolgens nemen veel andere websites dat ontwerp over of sturen ze er vanaf. Hoe dan ook, trends helpen ons een algemene richting te volgen die de ontwerpwereld in de komende maanden of jaren zou kunnen volgen.


Voordelen van Trends

Er zijn een paar voordelen voor trends in de ontwerpindustrie. Ten eerste helpen trends ons om nauwkeuriger te voorspellen hoe een beweging in de toekomst kan gaan. Trends zijn vaak reden voor een reden en zijn belangrijk om ons te helpen begrijpen hoe de ontwerpindustrie de komende maanden vooruit gaat.

Trends helpen ook om alles nieuw te houden, omdat websites vaak worden aangespoord om te worden bijgewerkt door bedrijven die het nieuwste modewoord hebben gehoord en ervoor willen zorgen dat hun website overeenkomt.

Sommige trends hebben echter niet noodzakelijk te maken met de ontwerpkant van de dingen. Content-first design werd bijvoorbeeld in eerste instantie als een trend beschouwd (naast responsief ontwerpen, geloof het of niet!), Omdat het een populaire manier was om content in een ontwerp te verwerken. Dit soort trends is zeer welkom, omdat het alleen de processen kan verbeteren die we hebben bij het maken en ontwerpen voor het web.


Nadelen van Trends

Maar niet alles is goed als het gaat om trends. Hoewel trends in één zin helpen om dingen fris te houden, betekent dit ook dat websites erg snel kunnen kijken of zich verouderd voelen, zelfs als ze maar een jaar of twee oud zijn. Het ontwerpen van een website om een ​​trend te volgen kan op die manier risicovolle zaken zijn.

Trends zijn ook precies dat; trendy en populair. Velen hebben problemen met bepaalde stijlen van ontwerp of trend, zoals de 'platte' ontwerptrend die momenteel ronddart, omdat ze vinden dat dit betekent dat veel websites er ongeveer hetzelfde uitzien of te veel op lijken. Velen vinden dat trends mensen niet dwingen creatiever te zijn en in plaats daarvan een menigte volgen, in plaats van inventief te zijn en zelf iets unieks te creëren.


Voorbeelden van actuele trends

Er zijn veel voorbeelden die ik kan bedenken voor de huidige 'trends', en de reden die tussen aanhalingstekens staat, is omdat sommige ervan voor mij geen trends meer zijn, ook al kunnen ze worden beschouwd als.

Plat ontwerp

Ik noem dit 'schone ontwerp' het liefst zelf, maar we gaan hier met de meerderheid mee die het 'plat ontwerp' noemt. Een plat ontwerp is precies dat; ontwerp dat wordt geleverd zonder extra diepte-verfraaiingen zoals texturen, (voor de hand liggende) hellingen of 3d-aspecten en wordt vervangen door een meer "platte" esthetiek die zeer schoon en helder is.

Grote bedrijven die deze benadering volgen, zijn Microsoft (met Metro, Windows 8, Skype, enz.), Apple (met iOS7) en Google (met al hun productontwerpen).

Vlak ontwerp gaat volgens mij eigenlijk over het omarmen van wat het web is, in plaats van te proberen bijna-realistische, offline concepten op het web te forceren.

De website van Layervault is prachtig, maar volgt zeker de "vlakke" trend die er momenteel is. Ongetwijfeld speelden ze een rol in de conceptie ervan. De Fostr-website heeft een aantal verbluffende illustraties, hoewel ze zeker aan de vlakke kant van de trend staan, niet dan.

Onscherpe achtergrondkopteksten

Dit is een populaire trend die het afgelopen jaar of zo lijkt te zijn doorgevoerd. Veel websites kiezen ervoor om het idee te nemen om met een grote header over de volledige breedte aan de bovenkant van de website te werken, maar deze keer is het wazig om ervoor te zorgen dat tekst zonder enig probleem wordt bedekt.

Dit is slechts een kleine trend, maar wel een trend die laat zien hoe snel websites er ongeveer hetzelfde kunnen uitzien. Met goede fotografie kun je echter ook individualiteit tonen en een website een beetje meer uniek maken, vooral als je een geweldige manier vindt om dat gebied interactiever te maken voor je gebruikers..

Bij Cage gebruiken ze een wazige foto als achtergrondkop met schermafbeeldingen van het product dat bovenaan wordt weergegeven. Op de Hipstamatic-website worden wazige achtergronden gecompenseerd door prachtige kleuren en de briljante interface van een van hun apps.

Web Typografie

Aanvankelijk leek dit slechts een trend te zijn, zoals veel mensen het beschreven als een trend. Maar met de manier waarop onze browsers voortdurend verbeteren en bijwerken, betwijfel ik of dit een functie is die we ooit zullen zien verdwijnen. Het is echt gewoon een aspect van webontwerp.

Met de introductie van CSS3 en @ font-face kunnen we onze ontwerp- en merkboodschappen nu via typografie op het web uitdrukken op een manier die we tot nu toe nooit hebben kunnen bereiken. Waar we voorheen alleen "webveilige" systeemlettertypen konden gebruiken, zoals Georgia, Arial en dergelijke, hebben we nu opties om zoveel verschillende lettertypen te gebruiken als we zouden willen - zolang ze een weblettertype zijn verenigbaar.

Samen met de introductie van @ font-face op onze sites kwamen websites en services die ons een gelijk niveau bieden gemakkelijker manier om deze schitterende lettertypen te integreren in onze websites. Slechts enkele van de geweldige services zijn:

  • Typekit
  • Fontdeck
  • Fonts.com
  • H & FJ cloud.typography
  • Google Fonts

Onze browsers gaan alleen maar vooruit en de opties die ons als ontwerpers worden aangeboden met de introductie van weblettertypen zijn enorm. Er wordt verwacht dat websites tegenwoordig creatiever zijn en dat weblettertypen slechts één manier zijn om dat te doen.

Ampersand (een conferentie over typografie!) Maakt gebruik van weblettertypen om alle informatie over de sprekers en meer te presenteren op hun hele site.

Reagerend ontwerp

Een ander ding dat als een trend wordt beschouwd (of op zijn minst een modewoord voor 2012/2013 en daarom een ​​trend voor iedereen buiten de webindustrie) is responsief webdesign. Hoewel RWD nu al een paar jaar bestaat, staat RWD nog in de kinderschoenen.

Ik denk echter niet dat dit ook een trend is. Het is bewezen door al het onderzoek en de statistieken die dagelijks in onze gezichten worden geschoven dat internetgebruik op een apparaat dat is niet een laptop of computer gebeurt meer en meer. Responsief webdesign is er om te blijven, tenminste zolang al die andere apparaten ook in de buurt blijven.


Wat heeft de toekomst in petto?

Hoewel ik, net als veel mensen, persoonlijk denk dat trends iets zijn dat je uitdaagt om anders te werken en de massa niet volgt, vind ik nog steeds dat trends hun plaats hebben en op de een of andere manier relevant zijn. Trends geven ons een beetje inzicht in wat het grote publiek en de wereld op de een of andere manier van de ontwerpindustrie denken en hoe het interpreteert wat we doen.

Trends helpen ons ook om erachter te komen wat populair is en wat goed werkt, want er zijn veel aspecten van trends (zelfs kleine beetjes) die je in toekomstige projecten misschien kunnen helpen. En zelfs als je niet van trends houdt, kun je ervoor kiezen ze te negeren en zeker je eigen, meer unieke pad in je eigen ontwerpen te maken.