Uncategorized

Webdesign trends 2017

oktober 6, 2017 0

In 2016 zagen we een aantal interessante dingen voorbij komen zoals: de Hero Images, Material Design, Card Lay-out en Micro interacties die vaak terug kwamen op websites. Uiteraard werd het de standaard om rekening te houden met diverse schermgroottes bij het ontwerpen van een website. Ook weten weet iedereen inmiddels wat het hamburger-menu is. Bij Webdesign Haarlem zijn ze ook op de hoogte van de laatste trends die in dit artikel te lezen zijn.

webdesigntrends 2017

Maar de vraag is natuurlijk… kunnen we deze trends ook in 2017 inzetten? Wij hebben de 10 webdesign trends voor 2017 onder elkaar gezet:

Split content
Lazy loading
Scroooooooollen
Videografie is het nieuwe fotografie
Geometrische vormen
Next level storytelling
Oversized typografie
Full screen navigatie
Kleur
Gradients

1. Split content

Stiekem zijn wij al fan! Dankzij deze trend wordt de content erg overzichtelijk weergegeven en ondersteunen beeldmateriaal en tekst elkaar perfect. De website is met deze trend namelijk opgebouwd uit twee scherm vullende delen. Dit kan met zowel tekst aan de ene kant en een afbeelding aan de andere kant.

2. Lazy loading

Zoals de naam al doet vermoeden gaat dit over de manier hoe website content op een scherm wordt geladen. Op de Facebooktijdlijn zie je deze trend al terugkomen. Afbeeldingen worden pas geladen wanneer de gebruiker naar beneden scrolt. Daardoor hoeft dus niet weer gewacht te worden totdat heel de webpagina geladen is omdat dit in kleinere delen gebeurt. Deze trend heeft ook een positief effect op de SEO omdat de laadsnelheid van de website zo omhoog gaat. Google rankt snelle websites namelijk hoger dan langzame websites.

3. Scroooooooollen

De long scroll pagina trend die we in 2016 al veel terug zagen komen gaan in 2017 nog meer doorzetten. Hierbij kan parallax scrolling ook nog steeds ingezet worden. Bij deze techniek worden afbeeldingen en andere lagen op de website op verschillende snelheden over elkaar heen gerold. Hierdoor ontstaat er een 3D illusie.

4. Videografie is het nieuwe fotografie

In 2016 zagen we de Hero Images* bovenaan websites. In 2017 zullen deze foto’s veelal vervangen worden door foto’s. Uit verschillende onderzoeken was al gebleken dat video veel meer de aandacht trekt dan foto. Dit komt vanuit het overlevingsinstinct van de mens. Vroeger betekende beweging een gevaar.

Bij webdesign met achtergrondvideo’s is het van belang om rekening te houden met het kleurgebruik. Wil je bijvoorbeeld tekst over een video plaatsen, zorg dan voor een groot contrast in de afbeelding. Let er bij video’s op je website ook op, dat het geluid uitstaat wanneer de video automatisch afspeelt. Of zoals bij het bovenstaande voorbeeld, de gebruiker de keuze geven om de video af te laten spelen.

5. Geometrische vormen

Patronen, lijnen, driehoeken… het mag allemaal dit jaar! Deze trend kan op verschillende manieren terugkomen op een website. Bijvoorbeeld geheel met illustraties zoals wij op onze homepagina hebben toegepast.

6. Next level storytelling

Dit jaar gaat de trend storytelling op websites zich nog verder ontwikkelen. Je kunt deze trend inzetten om mensen te triggeren met jouw verhaal. Je geeft zo een beleving mee wat gebruikers blijven herinneren. Een mooi voorbeeld hiervan is een landingspagina van National Geographic.

7. Oversized typografie

Groter dan groots zullen we in 2017 op het gebied van typografie zien terugkomen op websites. Deze trend kan perfect gecombineerd worden met split content, video’s en storytelling die bij de vorige trends al aan bod kwamen. In combinatie met andere elementen op een website kan dit namelijk de beleving sterk vergroten. Let er wel op dat de typografie dan wel een sprekende stijl heeft.

Veel mensen denken bij typografie aan een klein onderdeel van de website. In 2017 gaan we terugzien dat dit patroon doorbroken wordt. Met het inzetten van de juiste typografie kan de content een extra boost krijgen.

8. Full screen navigatie

Deze trend kan op verschillende manieren terugkomen…. als het maar scherm vullend is!

9. Kleur

En dan hebben we de kleur nog! De eerste sfeermaker bij een websitebezoek. Van de vale kleuren gaan we komend jaar naar het frisse kleurpalet. In het onderstaande kleurenpalet zie je twee verschillende type kleuren terugkomen. Namelijk de levendige- en de natuurlijke kleuren. Pantone omschrijft dit zelf als een spectrum wat emoties en gevoelens oproept.

Je ziet ook steeds vaker dat bedrijven de huisstijlkleuren verwerken in het interieur van het kantoor.

10. Gradient

Waarom zou je kiezen voor één kleur als je ook meerdere kleuren kan gebruiken in een gradient! Een gradient is een kleurverloop wat we al bij veel grote merken terug zien komen. Denk bijvoorbeeld aan het nieuwe logo van Instagram.

Wil jij deze webdesign trends ook op jouw website inzetten neem dan een kijkje bij webdesign bureau Haarlem

Development

Wat is web development?

juni 27, 2017 0

Web development wordt volop gebruikt, maar wat houdt dit begrijp eigenlijk in en wat voor opleiding doe je ervoor om developer te worden? Het is simpelweg een verzamelnaam voor alles wat te maken heeft met het realiseren van een website. Denk daarbij aan het design van de website, maar ook de kant van de klant en het begeer van webservers. Zoals je begrijp moet je er behoorlijk wat vanaf weten voor je aan de slag kunt met jouw website. Velen vragen zich af wat dan het verschil tussen web development en webdesign is. Het zit hem in het design. Bij webdesign gaat het namelijk om het uiterlijk van de website. Hoe ziet het er voor de klant uit? Welke kleuren worden gebruikt? Wat is een interessant en leesbaar lettertype dat er tevens professioneel uitziet? Je kunt het net zien als een kledingstuk van een mens. Het mens zit er ook nog onder en het gaat niet alleen om het uiterlijk. Bij web development zelf gaat het dus om de gehele website en wat ervoor nodig is om deze in elkaar te zetten. De website moet namelijk ook goed kunnen functioneren en er niet alleen maar goed uitzien. Tegenwoordig gebruikt bijna ieder bedrijf wel een website. Bij velen is het mogelijk een product te bestellen, bij anderen is het om informatie te geven over het bedrijf. Nog een optie is informatie geven zodat het bedrijf kan worden ingehuurd, zoals een schoonmaakbedrijf. Je kunt de opleiding web development volgen op het HBO, waarna je je dus kunt bezighouden met websites voor onder andere bedrijven. Uiteraard kun je er ook voor kiezen om een eigen bedrijf op te zetten en aan de slag te gaan met jouw websites. Nog een optie is een eigen bedrijf waarbij je websites maakt voor andere bedrijven. Ideaal als je het prettig vindt om vanuit huis te werken! Een voorbeeld van een bedrijf die gespecialiseerd is in web developments zijn de Young Nomads diensten.

Er wordt gebruik gemaakt van web development software en op deze manier kan de website zo goed mogelijk functioneren. Software is overigens wat er op de computer gedaan wordt, zoals gebruik maken van een bepaald programma. Hardware is het tastbare van een computer, zoals het beeldscherm of de harde schijf.

S2media.co
Wij van S2media.co helpen je graag verder op het gebied van web development. Wil jij meer weten over web development Amsterdam? Vind je het interessant om het laatste nieuws te lezen over hoe je een website kunt ontwerpen en wat je hiervoor moet doen? Wij helpen je verder met de laatste web development tools en zorgen ervoor dat jij altijd op de hoogte bent van het laatste nieuws op dit gebied. Ook als je een beginner bent en nog maar weinig weet over het maken van websites en alles er omheen, zit je bij ons goed. Uiteraard kun je altijd vragen stellen zodat wij je verder kunnen helpen. Twijfel dus niet om onze blogs te lezen, die vol staat met nuttige informatie en jou wellicht meteen verder kan helpen met het ontwerpen van jouw eigen website.