Tren Baru dalam Desain UI: Tinjauan Neumorfisme

Desain neumorfik adalah tren visual yang telah mendapatkan daya tarik dengan desainer UI dan menjadi pilihan estetika populer untuk perangkat lunak kontemporer, situs web, dan aplikasi seluler. Menggambar pada aspek fotorealisme dan desain 3D, neumorfisme menghadirkan atribut fisik yang disimulasikan—seperti bayangan dan tekstur—ke antarmuka digital. Untuk memahami sepenuhnya dampak dari desain neumorfik, mari kita lihat asal-usulnya.

Asal Usul Desain Neumorfik

Ketika Apple merilis Macintosh pada tahun 1984, itu adalah komputer pribadi pertama dengan antarmuka pengguna grafis. Pada saat itu, salah satu pendiri Apple Steve Jobs percaya bahwa ikon dan simbol yang sudah dikenal, seperti tempat sampah atau folder, akan membantu pengguna komputer pertama kali lebih memahami cara menavigasi antarmuka Macintosh. Jobs meninggalkan Apple pada tahun 1985, tetapi sekembalinya pada tahun 1997, ia mengarahkan estetika UI perusahaan ke arah skeuomorphism, gaya di mana komponen antarmuka mencerminkan rekan-rekan mereka di dunia nyata hingga ke detail terakhir. Pada saat Mac OS X diluncurkan pada tahun 2001, Apple telah mengembangkan sistem skeuomorphic lengkap yang disebut Aqua—bahasa desain bertema air dengan ikon berkilau, tombol, dan menu tarik-turun.

Dengan diperkenalkannya iPhone pada tahun 2007, merek skeuomorphism Apple tumbuh lebih hidup. Pada awal 2010-an, desain skeuomorphic adalah pilihan de facto untuk antarmuka digital. Tetapi ketika dunia menjadi lebih bergantung pada perangkat seluler, batas skeuomorphism menjadi jelas: Membuat komponen desain skeuomorphic membutuhkan waktu yang intensif dan membutuhkan kemampuan teknis tingkat tinggi. Dan sementara komponen skeuomorphic terlihat bagus di desktop dan layar beranda, detailnya yang lebih halus cenderung menghilang saat diskalakan ke ukuran kecil.

Berdiri sangat kontras dengan gradien dan tekstur realistis skeuomorphism, pada pertengahan 2010-an terlihat adopsi luas dari desain datar, sebuah reboot era digital dari minimalis tahun 1960-an. Desain datar menghilangkan semua komponen antarmuka kecuali elemen terpentingnya—garis, bentuk, dan warna—menjadikannya gaya yang cepat dan sangat fleksibel yang sangat cocok untuk perusahaan besar yang ingin mensistematisasikan bahasa desain mereka.

Selama beberapa tahun, skeuomorphism adalah laknat bagi para desainer, tetapi dari abunya, tren baru menjadi terkenal. Pada akhir 2019, neumorfisme (kependekan dari "skeuomorphism baru") tiba dan tampaknya menawarkan yang terbaik dari pendahulunya. Menyeimbangkan antara hiperrealisme dan minimalis, neumorfisme menggunakan warna, tekstur, dan bayangan dengan cara yang terasa nyata tanpa terlalu detail.

Neumorfisme 101

Desain neumorfik memiliki tiga karakteristik umum: skema warna monokromatik, kontras rendah, dan bayangan halus. Desainer UI dapat menerapkan ciri-ciri ini ke berbagai komponen desain yang menunjukkan estetika lembut neumorfisme. Mari kita lihat aplikasi kalkulator untuk melihat cara kerja desain neumorfik:

Dalam desain skeuomorphic, kalkulator ditampilkan dengan gradien dan sorotan, dan palet warnanya membantu memisahkan latar depan dari latar belakang. Ini dimaksudkan agar terlihat dan berfungsi seperti kalkulator yang mungkin Anda temukan tergeletak di sekitar kantor Anda. Versi desain datar dari kalkulator yang sama mengabaikan teknik rendering representasional skeumorphism dan bergantung pada bentuk dan blok warna untuk membedakan berbagai bagiannya.

Desain neumorfik diambil dari skeumorfisme dan desain datar dengan memasangkan palet warna monokromatik dengan bayangan halus yang membuat tombol kalkulator tampak taktil. Kontras yang diturunkan antara latar depan dan latar belakang memberi kalkulator hasil akhir yang lembut, dan efek keseluruhannya adalah realisme yang disederhanakan.

Contoh Desain Neumorfik

Sekarang setelah Anda menyadari atribut uniknya, Anda akan melihat neumorfisme di mana-mana. Memang, desainer UI di berbagai industri seperti otomotif, hiburan, perawatan kesehatan, dan keuangan telah menata ulang komponen antarmuka dengan tampilan khas neumorfisme:

Pro dan Kontra Desain Neumorfik

Semua tren desain memiliki kelebihan dan kekurangan. Ketika digunakan dengan cermat, tren memiliki kemampuan untuk menghembuskan kehidupan baru ke dalam pola desain yang dapat diprediksi, tetapi kesulitan muncul ketika tren dipaksakan ke dalam aplikasi yang tidak melayani pengguna. Mari kita jelajahi pro dan kontra dari desain neumorphic untuk lebih memahami kegunaannya.

kelebihan

Karena neumorfisme secara visual sederhana, ini sangat cocok untuk produk digital, yang sering kali terdiri dari lusinan, jika bukan ratusan, layar dan komponen desain. Dalam desain produk digital, kesederhanaan memiliki beberapa keunggulan: Memudahkan desainer untuk menciptakan pengalaman yang kohesif secara estetis—terlepas dari berapa banyak layar yang dimiliki suatu produk. Ini mempercepat proses pembuatan konsep, pembuatan, pengujian, dan pengulangan layar baru. Dan itu membantu desainer menjaga produk tetap konsisten secara visual saat mereka berkembang.

Selain kesederhanaannya, kualitas realistis neumorfisme dapat membuat komponen UI tampak lebih taktil dan dapat membantu menandakan interaktivitas bagi pengguna.

Kontra

Sementara neumorfisme adalah tren yang populer dan banyak digunakan, itu memang datang dengan masalah aksesibilitas. Jika desainer memilih untuk menggunakan elemen neumorfik yang benar-benar monokromatik, mereka dapat menimbulkan masalah bagi orang-orang dengan gangguan penglihatan seperti buta warna. Selain itu, ketergantungan neumorfisme pada kontras rendah untuk mencapai tampilan yang lembut dapat menghambat keterbacaan dan menyulitkan pengguna untuk mengidentifikasi tombol, ikon, formulir, dan fitur antarmuka penting lainnya.

Desain Neumorfik Abadi

Ketika diterapkan dengan mempertimbangkan kebutuhan pengguna (dan aksesibilitas), neumorfisme adalah opsi desain UI yang menarik secara visual untuk aplikasi dan situs web. Bayangannya yang bersahaja dan teksturnya yang lembut memberi komponen UI kehangatan yang mengundang interaksi. Dalam dunia desain, gaya datang dan pergi, tetapi kesederhanaan dan kualitas sentuhan neumorfisme membuatnya sangat cocok untuk bertahan dalam ujian waktu.