![HOE MAAK JE WEBSITES || intro in HTML [Theorie + oefeningen] | #1](https://i.ytimg.com/vi/5AYa1v-ppZM/hqdefault.jpg)
Inhoud
Op internet komt heel veel informatie op ons af: artikelen, editorials, tweets, foto's, formulieren, video's, podcasts ... de lijst gaat maar door. Ontwerper Milton Glaser zei ooit: "Het doel van kunst is informeren en verrassen." Ik zeg niet dat kunst hetzelfde is als design, maar deze gedachte vat alles samen wat we proberen te bereiken met design. We baseren ontwerpbeslissingen op inhoud, maar op de eigen inhoud is niet altijd de beste manier om informatie te verstrekken. Delight wekt de interesse van lezers en kan bijdragen aan hun totale bezoekervaring - laten we eens kijken naar een paar voorbeelden.
Delight houdt de interesse van lezers vast en kan bijdragen aan hun totale bezoekervaring
Zelfs het kleinste beetje animatie kan een ontwerp verrukken. Een element op de pagina kan langzaam vervagen, somber en elegant aanvoelen, of een eigenzinnig elastische animatie kan er speels en vriendelijk uitzien. CSS3-animatie is de sleutel om dit mogelijk te maken. Een goede benadering is om de overgangs- en transformatie-eigenschappen te combineren met enkele goed gemaakte SVG's - de opties zijn eindeloos.
Verhalen vertellen is een waardevol hulpmiddel bij het ontwerpen dat verder kan gaan dan de tekst. Experimenteer met hoe fotografie, kleur en raster kunnen spelen in een gevisualiseerd verhaal; geef gebruikers context over waarom ze tijd op de site zouden moeten doorbrengen. Iets eenvoudigs als het introduceren van een vleugje kleur of het creëren van een rastersysteem met inhoud die van links naar rechts stroomt terwijl ze scrollen, kan heerlijk zijn.
Wat het doel van de site ook is, verbind alle onderdelen van de ervaring met elkaar om plezier te brengen. Als er GIF's zijn die bij de kopie passen, of een consistente animatiestijl voor zwevende elementen, weef deze dan door zoveel mogelijk van de site.
Hier zijn drie geweldige voorbeelden:
01. Waaark
Waaark heeft eigenzinnige mouseover-animaties samen met subtiele animaties van een drijvend schip op de homepage.
02. Veldnotities
Field Notes deelt de collectie vintage notitieboeken van ontwerper Aaron Draplin - de drijvende inspiratie voor de Field Notes-notitieboeken.
03. Wij zijn natie
We Are Nation deelt zijn verhaal met slimme GIF's om het verhaal te ondersteunen.
Dit artikel is oorspronkelijk verschenen in net tijdschrift kwestie 284; koop het hier.
