Framer için zahmetsiz kopyala ve yapıştır kod geçersiz kılma işlemleriyle yeni süper güçlerin kilidini açın — kodlama gerekmez.

Bugün, Framer'daki tartışmasız en güçlü ve aynı zamanda çoğu tasarımcı tarafından en az anlaşılan bir özellik olan geçersiz kılmalar hakkında konuşalım.

Tasarımcılar genellikle bu özelliği kullanmak için bir programcı olmaları gerektiğini düşündükleri için korkutulurlar — ancak bugün size bunların nasıl çalıştığını ve tek bir kod satırı bile yazmadan dosyanıza nasıl harika efektler ekleyebileceğinizi göstereceğim.

Çerçeveleyici geçersiz kılmaları nelerdir?

Geçersiz kılmalar, arayüzün sınırlarının ötesine geçerek, Framer'ın tüm potansiyelini ortaya çıkarmanıza olanak tanır!

Bu çok yönlü kod parçalarından yararlanarak, bir öğenin özelliğinin kontrolünü elinize alabilir ve onu gerçekten kişiselleştirebilirsiniz. Renkleri dönüştürmekten gerçek hayattaki verileri aşılamaya ve hatta animasyonları harekete geçirmeye kadar sonsuz olasılıkları hayal edin.

Güçlü geçersiz kılmalarla Framer web projelerinizi öne çıkarın.

Framer'da geçersiz kılmayı nasıl eklerim?

Bir geçersiz kılmayı Framer'a entegre etmek çocuk oyuncağıdır ve herhangi bir kodlama becerisi gerektirmez. Geçersiz kılmaları kullanışlı hile kodları olarak düşünün; çok çeşitli olasılıklara erişmek için bunları kopyalayıp yapıştırmanız yeterlidir. Geçersiz Kılmaların gücüyle bilgilendirici bir yaklaşımı sürdürürken tasarımlarınızı zahmetsizce geliştirin.

İşte bunları tasarımlarınıza nasıl ekleyeceğiniz konusunda tam bir eğitim:https://frameroverrides.com/how-it-works

Geçersiz kılmaları kullanmanın faydaları nelerdir?

Yalnızca arayüze ve varyantlara güvenmek yerine, geçersiz kılmaları iş akışınıza dahil etmenin çeşitli avantajları vardır.

1. Azaltılmış dosya şişmesi
   Geçersiz Kılmalar, proje dosyalarınızı temiz ve düzenli tutar.
2. Sınırsız öğe efekti
   Birden çok değişken oluşturmadan sayısız öğeye istenen efektleri uygulayın.
3. Hızlı efekt uygulaması
   Sadece birkaç saniyede efekt ekleyin veya kaldırın, zamandan ve emekten tasarruf edin.
4. Daha temiz iş akışı
   Geçersiz kılmalarla düzenli ve verimli bir tasarım süreci sürdürün.
5. Kolay efekt ayarlamaları
   Birden çok varyantı düzenlemeye gerek kalmadan efektleri zahmetsizce değiştirin.
6. Gelişmiş özelleştirme
   Belirli etkileşimleri ve animasyonları beğeninize göre düzenleyin.
7. Yeniden kullanılabilir kod parçacıkları
   Çeşitli öğeler ve projeler arasında geçersiz kılmaları yeniden kullanarak zamandan tasarruf edin.

Yeni başlayanlar için, Framer arayüzünde gerçekleştirilemeyecek bir ton efekt var. Geçerli saat ve tarih gibi şeyler, imleci takip etme, konfeti vb.

Ancak bu bir yana, örnek olarak “fareyle üzerine gelindiğinde ölçeklendirme” etkisini ele alalım.

Framer'ın arayüzünde bu efekti elde etmek oldukça basittir, ancak bu yöntem gereksiz değişkenler gerektirir ve efekt kartlar, düğmeler, menü öğeleri ve daha fazlası gibi birden çok öğeye uygulanırken zahmetli hale gelebilir. Bu durumda, her bileşenin varsayılan durumu ve ölçeklenmiş bir fareyle üzerine gelme durumu için birden çok gereksiz değişkeni yönetiyor ve sürdürüyorsunuz .

Buna karşılık, geçersiz kılmalar daha verimli bir yaklaşım sunar. Kod parçacığını dosyanıza ekledikten sonra, onu birden çok öğeye bağlamak kolaydır. Artı, herhangi bir güçlük çekmeden ölçek miktarını örneğin %105'ten %120'ye kolayca ayarlayabilirsiniz. Bu görev için varyantların kullanılması, çok sayıda pikselin taşınmasını gerektirebilir ve karmaşık, şişkin bir dosyaya yol açabilir.

Tasarım sürecinizi kolaylaştırmak için geçersiz kılma işlemlerinin basitliğini ve esnekliğini benimseyin.

İşte denemeniz için 14 ücretsiz geçersiz kılma

Aşağıdaki tüm geçersiz kılmalar ve daha fazlası frameroverrides.com adresinde mevcuttur.

1. 3D Eğim Efekti

FramerOverrides.com'da mevcut

Herhangi bir karta veya kaba biraz boyut ekleyin ve ardından fareyle üzerine gelme konumu

2. Sağa Kaydırın

FramerOverrides.com'da mevcut

Herhangi bir öğenin sorunsuz bir şekilde gözden kaybolmasını sağlayın ve ardından soldan tekrar içeri girin

3. Eğrileştir ve Dolguyu Değiştir

FramerOverrides.com'da mevcut

Vurgulu tarafından tetiklenen rastgele bir renk geçişi ile bir eğriltme efekti oluşturun

4. Sallanma

FramerOverrides.com'da mevcut

Vurguluyken sonsuz bir döngü yalpalama efekti oluşturun

5. 3D Döndürme (Y Ekseni)

FramerOverrides.com'da mevcut

Tıklandığında pürüzsüz bir 3B döndürme animasyonu oluşturun

6. Lüks

FramerOverrides.com'da mevcut

Gereksiz varyantlara ihtiyaç duymadan vurgulu efekt üzerinde pürüzsüz bir ölçek oluşturun

7. Konfeti

FramerOverrides.com'da mevcut

İmleç konumundan tetiklenen bir konfeti patlama animasyonu oluşturun

8. 360 Döndür

FramerOverrides.com'da mevcut

Kolayca 360 derece döndürün

9. Parlak

FramerOverrides.com'da mevcut

İşaretçinizi bir kapta izleyen parlak bir imleç efekti oluşturun

10. Rastgele Kenarlık Rengi

FramerOverrides.com'da mevcut

Öğenin üzerine her geldiğinizde herhangi bir kenarlıkta rastgele bir renk oluşturun

11. Rastgele Döndürme

FramerOverrides.com'da mevcut

Öğenizin her vurguda rastgele bir dereceye kadar dönmesini sağlayın

12. Genişletin ve Soldurun

FramerOverrides.com'da mevcut

Tıklamayla pürüzsüz bir animasyonla öğenizin büyümesini ve kaybolmasını sağlayın

13. 3D Döndürme (X Ekseni)

FramerOverrides.com'da mevcut

Herhangi bir öğenin X ekseni üzerinde düzgün bir şekilde dönmesini sağlayın

14. Çok Renkli Degrade Dolgu

FramerOverrides.com'da mevcut

Framer'da şu anda çok renkli bir degradeye sahip olmak mümkün değildir, bu nedenle bu geçersiz kılma, herhangi bir öğede mümkün kılar

Bu güçlü kod parçacıklarını benimseyerek projelerinizde benzersiz esneklik, özelleştirme ve verimliliğin kilidini açabilirsiniz. Birden çok öğeye efekt uyguluyor, etkileşimleri ince ayarlıyor veya dosyalarınızı düzene sokuyor olun, bu geçersiz kılmalar oyunun kurallarını değiştirir. 2023'ün bu olağanüstü, ücretsiz Framer geçersiz kılmalarıyla tasarımlarınızı yükseltme ve kreasyonlarınızı öne çıkarma fırsatını kaçırmayın.

Mutlu tasarım!

Hadi arkadaş olalım! Beni Twitter'da ve Dribbble'da takip edin ve LinkedIn'de benimle bağlantı kurun . Tasarımla ilgili daha fazla içerik için beni Medium'da da takip etmeyi unutmayın .