Son zamanlarda bir video indirme sitesi için minimalist, modern ve animasyonlu bir tasarım geliştirdim. Tasarımın genel hatları şu şekilde:
- Minimalist ve Modern Görünüm:
Ana renk paleti olarak koyu mavi-mor tonları kullanarak, kullanıcı dostu ve profesyonel bir görünüm hedeflendi. Temiz tipografi (Poppins fontu) ve geniş boşluklar, sayfanın ferah ve okunabilir olmasını sağlıyor. - Animasyon ve Etkileşim:
AOS (Animate On Scroll) kütüphanesi kullanılarak fade, flip gibi animasyon efektleri eklendi. Bu sayede kullanıcı sayfayı aşağı kaydırdığında öğeler zarif bir şekilde ortaya çıkıyor. Ayrıca, hover efektleri (örneğin, format kartlarının hafifçe yukarı kayması) görsel etkileşimi artırıyor. - Format Kartları ile Seçenek Sunumu:
Video ve audio formatları, kart görünümünde listeleniyor. Her kartta dosya tipi, çözünürlük, ek bilgi (örneğin “mute” ya da “~”), dosya boyutu ve “Download” butonu bulunuyor. Bu düzen, kullanıcıların hangi formatı indireceklerine dair net bilgi veriyor. - Responsive Tasarım:
Tasarım mobil cihazlarda da uyumlu çalışacak şekilde optimize edildi. Form ve grid yapıları farklı ekran boyutlarına göre esnek davranıyor.
Güçlü Yönler:
- Kullanıcı Dostu Arayüz:
Minimalist yaklaşım sayesinde kullanıcılar doğrudan ana işleme (video URL'si girme ve format seçme) odaklanabiliyor. - Modern ve Şık Tasarım:
Renk uyumu, tipografi ve animasyonlar siteye profesyonel bir hava katıyor. - Detaylı Format Bilgisi:
Farklı format seçeneklerini kartlar halinde sunmak, kullanıcıya indirme seçenekleri hakkında ayrıntılı bilgi veriyor. - Responsive Yapı:
Tasarımın mobil uyumlu olması, günümüzde çok önemli bir artı.
