Friday, December 3, 2021
spot_imgspot_imgspot_imgspot_img
HomeVisual DesignToggle-Switch: Enam Desain Inspirasi

[UI]Toggle-Switch: Enam Desain Inspirasi

Toggle switches adalah kontrol UI umum dalam antarmuka digital. Mereka memungkinkan pengguna untuk memilih antara dua opsi yang saling eksklusif, dan satu opsi harus selalu diaktifkan secara default. Toggle switches paling baik digunakan untuk mengubah pengaturan sistem dan preferensi pengguna.

Di bawah ini adalah enam contoh toggle switch yang sangat baik.

1. Boolean Switch

Konsep ini didasarkan pada logika boolean (0 dan 1): nol berarti dinonaktifkan, satu berarti diaktifkan. Warna membuat keadaan berubah lebih jelas.

Image for post

Gambar: Oleg Frolov
2. Switch FluidaContoh ini menampilkan satu keputusan desain visual yang menarik. Switch terlihat seperti benda cair yang bergerak di antara negara-negara bagian dan ini segera membuat koneksi.

Image for post
Gambar: Leo Zakour
3. O / FF O / NDesain ini menggunakan bentuk toggle dan menambahkan “n / ff” sampai akhir. Warna memainkan peran penting dalam desain ini. Warna kontras tinggi memudahkan pengguna untuk mengetahui apakah sakelar hidup atau mati.

Image for post

Gambar: Jaydeep Patel
4. LampuDesain ini mengambil konsep swither dunia nyata. Dalam aplikasi nyata, kita dapat menggunakannya untuk memungkinkan pengguna mengubah UI dari gelap ke terang.

Image for post

Gambar: Pohon
5. Saklar Toggle Terang / GelapSolusi lain untuk menyesuaikan tampilan UI. Konsep ini menggunakan label yang jelas ‘Terang’ dan ‘Gelap’ untuk menunjukkan status.

Image for post

Gambar: Matthieu Souteyrand ▵
6. Opsi Yang Saling EksklusifSaat mengaktifkan opsi tertentu AKTIF, UI memberikan hasil langsung dengan mengubah keadaan sakelar lain yang bergantung pada pengguna. Perhatikan bahwa opsi yang dinonaktifkan memiliki teks abu-abu.

Image for post

Image: Gal Shirsumber:uxplanet.org

RELATED ARTICLES
- Advertisment -

Most Popular

Recent Comments