Bu makale, devam eden Kaydırıcı Devrimi eğitim serimizin bir parçasıdır. Bu dizideki tüm makaleleri Kapsamlı Kaydırıcı Devrim Kılavuzumuzda bulabilirsiniz.
Vurgulu efektler, iyi bir UX’in temel özelliklerinden biridir. Fareyle üzerine gelindiğinde bir öğe değiştiğinde, bir eylemin gerekli olduğunun, gerçekleştirildiğinin veya tamamlandığının açık bir göstergesi olarak hizmet eder. Kaydırıcılarda, genellikle bir tür zımni veya gerekli eylemle geldiklerinde katmanları fareyle üzerine gelindiğinde değiştiririz. Fareyle üzerine gelindiğinde yapılan değişikliğin eylemin (bağlantıyı etkinleştiren düğmenin tıklanması) gerçekleştirildiğini gösterdiği düğmeler buna iyi bir örnektir. Düğmelere ek olarak Slider Revolution ile metin gibi diğer katmanları da fareyle üzerine gelindiğinde değiştirebilirsiniz. Aslında, bugün size Slider Revolution vurgulu efektlerini metne nasıl ekleyeceğinizi göstereceğiz.
Slider Revolution’da Hover Efektleri Nasıl Eklenir?
Yapılacak ilk şey, katman vurgusunu açmaktır. Efekti eklemek istediğiniz katmanı seçin ve Katman Seçenekleri altında Fareyle Üzerine Gel’i tıklayın. Açmak için Etkin anahtarına tıklayın.
Altında, fareyle üzerine gelindiğinde katman davranışınızı ayarlamak için ihtiyacınız olan tüm seçenekleri bulacaksınız. Her şeyi olduğu gibi bırakırsanız, katman herhangi bir değişiklik göstermez.
Fareyle Üzerine Gelme Ayarları
Burada ayarlayabileceğiniz ilk şey İmleç’tir. Açılır menü, bunun için birkaç farklı seçenek içerir. Otomatik ve Varsayılan aynıdır ve bunları seçmek imlecinize hiçbir şekilde yansımaz.
Artı İşareti ve İşaretçi, fare imlecinizin ekrandaki şekliyle ilgilidir. Bunların ikisi de oldukça geleneksel.
Burada birkaç imleç stili daha bulabilirsiniz, bunlardan bazıları biraz sıra dışıdır. Fakat her biri tetiklendiğinde katmanınızın ne tür bir eylemde bulunduğunu gösterir. Örneğin katmanınız bir yardım veya destek kaynağına bağlıysa, Yardım imleci ile gidebilirsiniz.
İşaretçi Olayı, varsayılan olarak Otomatik olarak ayarlanmıştır. Hiçbiri seçeneği, katmanın arkasında bağlantılı içerik olmadığında kullanılır.
Fareyle Üzerine Gelme Dönüşümü
Vurguluyken katman davranışı için diğer ayarlara geçerken, beğeninize göre ayarlayabileceğiniz Hover Transform’a sahibiz. Yine de burada akılda tutulması gereken bazı şeyler var. Örneğin fareyle üzerine gelindiğinde katman değiştiğinde, geçiş aniden gerçekleşmemelidir. Geçiş biraz gecikmeli olduğunda her zaman çok daha iyidir. Gecikme varsayılan olarak 300 ms’ye ayarlanmıştır, bu nedenle sizin için uygunsa olduğu gibi bırakabilir veya farklı bir değer atayabilirsiniz.
Çeşitli ön ayar seçenekleri arasından seçim yaparak geçiş için yumuşatmayı da ayarlayabilirsiniz.
Metin katmanınızın ilk görünümle aynı boyut ve stile sahip olmasını istemiyorsanız, perspektiften döndürmeye ve boyuta kadar her şeyi değiştirebilirsiniz.
Fareyle Yazı Tipi, Kenarlık ve Filtre
Vurgulu Yazı Tipi Stili, üzerine gelindiğinde metnin rengini değiştirmemize veya altı çizili, üst çizgili veya satır arası eklememize olanak tanır.
Fareyle üzerine gelmenize bir arka plan rengi de ekleyebilirsiniz.
Metnin çevresine bir kenarlık ekleme ve rengi belirtme, stili seçme ve piksel cinsinden ifade edilen kenarlık kalınlığı değerini girme olasılığı da vardır.
Kenarlık açıları, yine piksel olarak belirtilen bir yarıçapa sahip olabilir.
Vurgulu katmanlarınıza eklenebilecek bir şey daha Filtre’dir. Bu durum temel olarak katmanı belirli, belirlenmiş bir ölçüde bulanıklaştırmak anlamına gelir. Bu da piksel cinsinden ifade edilir: değer ne kadar yüksek olursa, bulanıklık o kadar “kalın” olur.
Konu Özeti
Kaydırıcı Devrimi üzerinde gezinme efektleri oluşturmak için hemen hemen hepsi bu kadar. Temelde bu eklentiyle ilgili diğer her şey gibi, bu işlem de çok basit ve anlaşılır. Eklenti, bu dinamik efekti slaytlarınıza eklemenize ve nasıl oynanacağını özelleştirmenize izin vererek, ortaya çıkan efektin sayfanızın geri kalanıyla mükemmel bir şekilde eşleşmesini sağlar.