Evolusi Tren Desain UI
Memahami sejarah tren desain membantu kamu membuat keputusan styling yang lebih informed — dan tahu mengapa sesuatu terlihat "modern" atau "ketinggalan zaman".
Timeline Tren Utama
Skeuomorphism (2007-2012)
- Meniru objek nyata: tombol yang terlihat 3D, tekstur kulit, refleksi
- Contoh: iOS 6, early app design
- Kelebihan: intuitif bagi user baru (tombol terlihat bisa ditekan)
- Kelemahan: cluttered, tidak scalable
Flat Design (2012-2015)
- Reaksi terhadap skeuomorphism: datar, minimal, tanpa shadow/gradient
- Contoh: Windows 8, early Material Design
- Kelebihan: clean, cepat load, mudah responsive
- Kelemahan: kehilangan affordance (sulit bedakan mana yang clickable)
Material Design (2014-sekarang)
- Google: flat tapi dengan depth melalui shadow dan elevation
- "Digital paper" — layer-layer dengan shadow
- Aturan ketat tentang spacing, motion, dan color
Glassmorphism (2020-2022)
- Background blur transparan (frosted glass effect)
- Contoh: macOS Big Sur, Windows 11
backdrop-filter: blur(10px)+ background semi-transparan
Neubrutalism (2022-sekarang)
- Bold, raw, anti-polish: border hitam tebal, warna kontras tinggi, shadow offset
- Contoh: Gumroad, beberapa indie SaaS
- Reaksi terhadap "everything looks the same"
Tren Saat Ini
- Bento Grid — layout kotak-kotak seperti Apple
- 3D elements — subtle 3D illustrations
- Variable fonts — satu font file dengan variasi weight/width
- Micro-animations — animasi halus saat interaksi
Mengapa Tren Berubah?
Tren berevolusi sebagai reaksi terhadap tren sebelumnya: skeuomorphism → flat (terlalu banyak detail → minimal) → material (terlalu flat → perlu depth) → glass/neubrutalism (terlalu samey → perlu personality).
Tips
- Pahami tren, jangan ikuti secara buta — pilih yang sesuai dengan brand dan audiens
- Timeless > trendy — clean typography + good spacing tidak pernah ketinggalan zaman
- Mix yang masuk akal — material elevation + clean typography + subtle glassmorphism bisa bekerja
