Duyarlı Dizayn

Çoklu dil ve çoklu tema destekli dizayn

Duyarlı Dizayn

Bu projem çoklu dil ve çoklu tema desteğinin tanıtımını gösterdiğim bir dizayn. Alışılagelmiş çoklu dil ve "Gece-Gündüz" temalı projelerden farklı olarak dil ve tema değişikliği seçimin yapıldığı anda yüklemesiz ve gecikmesiz oluyor. Klasik dil ve tema değişikliğinde oluşan sayfa yenilenmesi ortadan kalkıyor ve kullanıcıya kesintisiz bir akış sağlanmış oluyor. Bu sayede hem kullanıcı bu seçimler arasında değişiklik yaparken verilerin yüklenmesini beklemek zorunda kalmıyor hem de sunucuya yüklenecek yük minimuma iniyor. Çoklu tema seçeneği sayesinde kullanıcıyı "Gece-Gündüz" modu gibi sadece 2 seçenek arasında bırakmamış, kendi tarzına uygun renklerdeki temayı seçme fırsatı da sunmuş oluyorum. Bu dizayn üzerine kurulmuş bir yapıda elde edilecek avantajlardan biri de bayram, yılbaşı gibi özel günlerde günün anlam ve önemine uygun renkler, yas ve anma günleri gibi daha hassas zamanlarda ise daha koyu renkleri tema olarak tanımlamak. Bu günler için belirlenmiş renkler tarihleri ile birlikte zamanlanabilir ve manuel bir veri girişine gerek kalmaksızın o tarihlerde aktif olacak şekilde sisteme tanımlanabilir. Çoklu dil seçeneği istenirse çeviri yapan hizmetler tercih edilerek otomatikleştirilebilir. Bu çevirinin istenen tüm dillere limit olmaksızın, ekstra bir veri girişi yapmaksızın çevrilmesini sağlar. İstenirse de belirlenen dillere yapılan çevirilerin girişi manuel olarak eklenebilir. Çeviri yapan hizmetlerden alınan veriler de manuel olarak değiştirilebilir. Çeviri ve tema sistemdeki her bir bileşen için tanımlanabilir veya projenin istenen her bileşeni içindeki veriler ayrı ayrı ayarlanabilir. Tercih edilirse de bileşenin dil ve tema değişikliğinden etkilenmemesi sağlanabilir. Bu sayede tüm dil ve temalarda aynı görünmesi sağlanmak istenen veriler de korunmuş olur.

...

Elde Edilebilecek Avantajlar:

  • Çoklu dil seçeneği
  • Çoklu tema seçeneği
  • Dil veya tema değişikliğinde kullanıcı tarafında sayfa yenilemesiz değişim
  • Dil veya tema değişikliğinde sunucu tarafına binen yükün hafifliği
  • Özel günlerde aktifleşmesi üzere tema tanımlanabilmesi
  • ...

...

Global projeler için daha önemli olan dil seçeneği, yerel projeler içinde de kullanılmasıyla hedef kitlenin artmasını sağlayacaktır. Tema seçeneği kullanıcıları görsel olarak etkileyecek, daha modern ve göze hoş gelen bir dizayna sahip olunmasını sağlayacaktır.

...

Proje Next.JS üzerine kurulmuş, Typescript dilinde yazılmış ve TailwindCSS ile dizayn edilmiştir.

...

Diğer Projeleri Görüntüle