- 2005'te bir video flört sitesi fikri olarak yola çıkan YouTube, bugün dünya genelinde milyarlarca insanın her gün ziyaret edip çeşitli içerikler izlediği bir medya platformuna dönüştü.
- YouTube'un ikonik kırmızı logosu uzun süredir marka kimliğini temsil ediyordu; ancak yakın zamanda daha yumuşak bir kırmızı ve beklenmedik bir macenta gradyanı kullanıma alındı.
- Bu küçük ama anlamlı değişim, 20. yılını kutlayan YouTube'un markasını nasıl taze tuttuğunu gösteren bir örnek.
Değişimin nedeni
- YouTube içindeki sanat yönetimi ve tasarım ekipleri, 20 yıldır kullanılan kırmızıyı evrimleştirmek istedi.
- Mevcut unsurlar arasında zamana uymayan noktalar incelendiğinde, rengin öncelikli iyileştirme alanlarından biri olduğu sonucuna varıldı.
- Yeni renk, marka kimliğini korurken daha modern ve erişilebilir bir yöne göre ayarlandı.
Eski kırmızının sorunları
- Önceki kırmızı (saf kırmızı RGB), arayüzde fazla öne çıkıyor ve bazı ekranlarda turuncu görünmesi gibi renk tutarlılığı sorunları yaratıyordu.
- TV gibi bazı ekranlarda burn-in etkisine yol açarak ekranda kalıcı izler bırakabildiği durumlar yaşanıyordu.
- Kırmızı çok güçlü bir renk olduğu için, yanlış kullanıldığında kullanıcı deneyiminde yorgunluk yaratabileceği belirtiliyordu.
Yeni kırmızı ve gradyanın kullanıma alınması
- Hafifçe daha soğuk hissettiren bir kırmızıya geçilerek ekran burn-in'i ve renk bozulması gibi teknik sorunlar hafifletildi.
- Mevcut YouTube mirasına saygı duyulurken, erişilebilirlik ve modern bir his gözetilerek daha yumuşak ve canlı bir ton belirlendi.
- Kırmızı, YouTube'un temel kimliğini gösteren kilit anlarda kullanılacak şekilde konumlandırıldı; böylece görsel etki en üst düzeye çıkarıldı.
- Buna ek olarak gradyan eklendi ve kırmızıyla macentanın birleştiği daha eğlenceli bir görsel dil oluşturuldu.
- Logo, ürün ikonları, ilerleme çubuğu (progress bar), Like/Subscribe düğmeleri, Premium rozeti ve canlı yayın halkası gibi alanlara yeni görünüm uygulandı.
Tasarım stratejisi ve uygulama örnekleri
- Güçlü kırmızı yalnızca gerektiğinde kullanılarak marka kimliği korunurken kullanıcı yorgunluğunun önüne geçilmeye çalışıldı.
- Farklı ekiplerle iş birliği yapılarak yeni renk ve gradyanın nerelerde uygulanabileceği araştırıldı ve gerçek ürün arayüzleri genelinde tutarlılık sağlandı.
- Tasarımcılar, direktörler ve mühendislerle yapılan ayrıntılı görüşmeler sayesinde gradyanın büyük ekranlarda nasıl göründüğü ve erişilebilirlik kriterlerini karşılayıp karşılamadığı kontrol edildi.
- Abone ol veya beğen gibi önemli aksiyonlara marka rengi verilirken, diğer varsayılan durumlarda monokrom tonlar korunarak bilginin daha net iletilmesi sağlandı.
Hareket tasarımı ve marka kimliği
- YouTube bir video platformu olduğu için, hareketle dikkat çekmek ve işlevsel yönlendirme sunmak önemliydi.
- Renk güncellemesiyle birlikte başlangıç animasyonunda (startup animation) logonun büyüyüp küçülürken gradyanı vurgulayan bir efekt eklendi.
- İlerleme çubuğu (progress bar) daha ince ve daha hızlı gösterilerek güncel bir his ve görsel keyif sağlandı.
- Macenta gradyanı içeren konu kanal ikonlarına da küçük animasyonlar eklenerek marka bütünlüğü ve eğlence duygusu artırıldı.
- Tek renkli kullanımda yalnızca form değişimi mümkünken, gradyan kullanımı daha ince hareketlerle bile atmosferin ayarlanabilmesini sağlıyor.
- Kullanıcıların hareket nedeniyle rahatsız olmaması için, “uygun miktarda şeker” yaklaşımı benimsendi; yani eğlenceli ama aşırı olmayan bir denge hedeflendi.
Erişilebilirlik değerlendirmeleri
- Metin kontrastını korumak için kırmızı ve macentanın parlaklık ve tonları çeşitlendirilerek, arayüz öğesinin boyutuna ve bağlama göre en uygun değerler uygulandı.
- Bilginin yalnızca tek bir renkle aktarılmamasına dikkat edildi; önemli düğmelerde marka rengi kullanılırken varsayılan durumlar monokrom bırakıldı.
- Düşük özellikli cihazlar için hareketi sınırlayan veya ekran boyutuna göre hareket yoğunluğunu ayarlayan uyarlanabilir bir çerçeve devreye alındı.
- Mümkün olduğunda görsel yükü azaltmak için hareket aralığı daraltıldı ve gerektiğinde animasyonun devre dışı bırakılabilmesi sağlandı.
Sonuç
- Yeni kırmızı ve gradyan, YouTube'un 20. yılında markasını evrimleştirmesinin temel unsurlarından biri.
- Kırmızının kendine özgü gücü korunurken teknik, tasarımsal ve erişilebilirlik sorunlarını iyileştiren bir sonuç ortaya kondu.
- Hareket ve gradyanın yerinde kullanımı, YouTube'un daha eğlenceli ve daha insani bir platform olmasına katkı sağladı.
- Bu, YouTube'un sürekli değişen yapısını gösterirken kullanıcıların markadaki gelişimi sezgisel olarak hissetmesine yardımcı olan bir örnek.
2 yorum
Makalenin sonunda tüm ekran magentaya dönünce gözlerim inanılmaz derecede kamaştı..
İlerleme çubuğundaki magenta gradyanı bana kişisel olarak sanki ekranda bir şeyler yanlışmış gibi hissettirdi. İlginç olan, bunu hissettiğim cihazın Google Pixel olmasıydı.