- YouTube, yang bermula pada 2005 dari ide situs kencan video, kini telah berkembang menjadi platform media yang dikunjungi miliaran orang di seluruh dunia setiap hari untuk menonton beragam konten
- Logo merah ikonik YouTube telah lama mewakili identitas mereknya, tetapi baru-baru ini diperkenalkan warna merah yang lebih lembut serta gradasi magenta yang tak terduga
- Ini adalah perubahan kecil namun bermakna, yang menunjukkan bagaimana YouTube menjaga mereknya tetap segar saat memasuki usia 20 tahun
Alasan perubahan
- Tim art direction dan desain internal YouTube ingin mengembangkan warna merah yang telah digunakan selama 20 tahun
- Setelah meneliti elemen-elemen lama yang tidak lagi sesuai dengan zaman, mereka menyimpulkan bahwa warna termasuk prioritas utama untuk diperbarui
- Warna baru ini disesuaikan agar tetap mempertahankan identitas merek, sambil menjadi lebih modern dan lebih mudah diakses
Masalah pada warna merah lama
- Warna merah sebelumnya (RGB pure red) terlalu mencolok di UI, dan pada layar tertentu tampak oranye, sehingga menimbulkan masalah konsistensi warna
- Pada beberapa display seperti TV, warna ini juga dapat memicu burn-in yang meninggalkan bekas permanen pada layar
- Karena merah adalah warna yang sangat kuat, ada kekhawatiran bahwa penggunaan yang keliru dapat menyebabkan kelelahan dalam pengalaman pengguna
Penerapan merah baru dan gradasi
- Warna merah disesuaikan menjadi sedikit lebih dingin untuk mengurangi masalah teknis seperti burn-in layar dan distorsi warna
- Sambil menghormati warisan YouTube, warna ini ditetapkan agar memiliki nuansa yang lembut dan hidup dengan mempertimbangkan aksesibilitas serta sensibilitas modern
- Strateginya adalah menggunakan warna merah hanya pada momen-momen utama yang menampilkan identitas inti YouTube, sehingga dampak visualnya dimaksimalkan
- Di sini ditambahkan gradasi, yang menghadirkan kesan visual menarik lewat perpaduan merah dan magenta
- Ini diterapkan ulang pada logo, ikon produk, progress bar, tombol Like/Subscribe, badge Premium, dan live ring
Strategi desain dan contoh penerapan
- Mereka berupaya mempertahankan identitas merek sekaligus mencegah kelelahan pengguna dengan menggunakan merah yang kuat hanya saat diperlukan
- Bersama berbagai tim, mereka mengeksplorasi sejauh mana warna dan gradasi baru bisa diterapkan, lalu memastikan konsistensi di seluruh antarmuka produk nyata
- Melalui diskusi rinci dengan desainer, direktur, dan engineer, mereka memeriksa bagaimana gradasi terlihat pada layar besar dan apakah memenuhi standar aksesibilitas
- Warna merek dialokasikan untuk aksi penting seperti tombol subscribe atau like, sementara status default lainnya dipertahankan dalam tone monokrom agar penyampaian informasi tetap jelas
Motion design dan identitas merek
- Karena YouTube adalah platform video, penting untuk memanfaatkan motion guna menarik perhatian dan memberikan panduan fungsional
- Bersamaan dengan pembaruan warna, pada startup animation ditambahkan efek logo membesar-mengecil sambil menonjolkan gradasi
- Progress bar dibuat sedikit lebih tipis dan bergerak lebih cepat untuk menghadirkan kesan modern dan kesenangan visual
- Animasi kecil juga diperkenalkan pada ikon topic channel yang memakai gradasi magenta untuk menambah kesatuan merek dan kesan menyenangkan
- Jika hanya memakai satu warna, perubahan yang bisa dilakukan terbatas pada bentuk, tetapi dengan gradasi, nuansa dapat diatur hanya lewat gerakan yang halus
- Agar pengguna tidak merasa terbebani oleh motion, mereka mengejar pendekatan “takaran gula yang pas” (menyenangkan tetapi tidak berlebihan)
Pertimbangan aksesibilitas
- Untuk memastikan kontras teks, tingkat terang dan tone merah serta magenta dibagi ke dalam beberapa variasi, lalu nilai optimal diterapkan sesuai ukuran elemen UI dan konteks penggunaan
- Mereka berhati-hati agar informasi tidak disampaikan hanya lewat satu warna; tombol penting memakai warna merek, tetapi status default tetap dibuat monokrom
- Untuk perangkat berspesifikasi rendah, diperkenalkan framework adaptif seperti membatasi motion atau menyesuaikan intensitasnya berdasarkan ukuran layar
- Bila memungkinkan, rentang motion diperkecil agar beban visual tidak terlalu besar, dan sistem dirancang agar animasi bisa dinonaktifkan bila diperlukan
Kesimpulan
- Warna merah baru dan gradasi menjadi elemen kunci dalam evolusi merek YouTube saat menyambut ulang tahunnya yang ke-20
- Hasilnya tetap mempertahankan kekuatan khas warna merah sambil memperbaiki masalah teknis, desain, dan aksesibilitas
- Dengan memanfaatkan motion dan gradasi secara tepat, perubahan ini membantu YouTube menjadi platform yang lebih menyenangkan dan lebih manusiawi
- Ini menunjukkan wajah YouTube yang terus berubah, sekaligus membantu pengguna merasakan perkembangan merek tersebut secara intuitif
2 komentar
Begitu seluruh layar berubah menjadi magenta di bagian akhir artikel, mata jadi perih sekali..
Secara pribadi, saya merasa gradien magenta pada bilah progres itu seperti ada yang salah dengan layar. Yang menarik, perangkat yang membuat saya merasa begitu justru adalah Google Pixel.