Interface-archeologie

Het Knoppenmuseum

Dertig jaar drukken, klikken en tikken. Tien tijdperken van de knop — van grijze bevels tot levende gradiënten. Alles werkt: beweeg, klik, voel het verschil.

1995

De grijze bevel

Windows 95. Drie pixels licht linksboven, drie pixels schaduw rechtsonder — en plotseling leek een plat scherm diepte te hebben. De knop werd tastbaar.

standaard
default (dotted focus)
klik & houd vast
uitgeschakeld
2000

Aqua — snoepjes van glas

Mac OS X. Steve Jobs wilde knoppen "waar je aan wilt likken". Gelei, glans, een pulserende standaardknop — de interface werd verleiding.

pulserende default
aqua blauw
graphite
2007

Skeuomorfisme

De iPhone-jaren. Leer, geborsteld metaal, glas met reflecties. Software deed alsof het van echte materialen was gemaakt — tot op de stiknaad.

leer
geborsteld metaal
glanzend glas
2013

De grote opschoning

iOS 7 en de flat-revolutie. Weg met schaduwen, weg met glans. Een knop is een gekleurde rechthoek — meer heeft niemand nodig. Dachten we.

primary
success
danger
ghost / outline
2014

Material Design

Google bracht de diepte terug — maar nu met fysica. Papier dat zweeft, schaduwen met betekenis, en de beroemde inkt-rimpeling bij elke klik. Klik en zie.

raised + ripple
text button
floating action
2020

Neumorfisme

Zachte schaduwen aan twee kanten, alsof de knop uit het oppervlak zelf geperst is. Prachtig, omstreden, en nooit echt mainstream — maar onmiskenbaar.

extruded
ingedrukt
cirkel
verticale pill
actieve staat
2021

Glassmorfisme

Matglas boven kleur. Transparantie, blur en een dun licht randje — de knop werd een venster op wat eronder beweegt.

frosted light
frosted dark
2022

Neo-brutalisme

De tegenbeweging: dikke zwarte randen, harde schaduwen, schaamteloos felle kleuren. Geen subtiliteit — de knop schreeuwt, en dat is precies de bedoeling.

geel
roze
cyaan
wit
2023

Neon & glitch

Cyberpunk-esthetiek: gloeiende randen op zwart, monospace-letters, en knoppen die haperen alsof het signaal stoort. Hover over de glitch-knop.

neon cyaan
neon roze
glitch (hover!)
2026

State of the art

Waar we nu staan: roterende gradiëntranden, shimmer-ladingen, magnetische aantrekking en veerkracht-fysica. De knop leeft — beweeg eroverheen en voel het.

roterende gradiëntrand
shimmer
volgt je cursor
spring physics
morph op hover