Sunum yapmanın milyonlarca yolu var, ancak Figma bunun için az kullanılan bir araçtır. Figma'daki prototip özelliği, çok sayıda özelleştirilebilir geçiş seçeneğine izin verir. Geçişleriniz yalnızca hedef kitlenizi şaşırtmakla kalmayacak, aynı zamanda ekstra pizazz için eklentiler ekleyebilir ve kitlenizin katılımını sağlayarak becerilerinizden emin hissetmenizi sağlayabilirsiniz.
Size Figma kullanarak nasıl harika bir sunum yapacağınızı göstereceğiz; sadece bu kılavuzu takip edin.
1. İlk Sunum Çerçevenizi Kurun
Açık Figma ve tıklayın Yeni tasarım dosyası. Tıkla Çerçeve Aracı (F) kullanarak çerçevenizi çizmek veya sağda önceden ayarlanmış bir çerçeve seçmek için Sunum > Slayt 16:9. Yapabilirsiniz ana şablon oluştur zaman kazanma.
Sol üstteki mavi başlığa çift tıklayarak çerçevenizi yeniden adlandırın. Bir arka plan rengi ayarlayın; bununla birlikte, daha sonra tüm çerçeveleri vurgulayarak ve dolgu rengini değiştirerek istediğiniz zaman değiştirebilirsiniz.
2. Başlık Metni Ekle
Kullan Metin Aracı
(T) ve başlığınızı yazın. Her satırda yalnızca bir veya iki kelime olacak şekilde, ayrı satırlar için ayrı metin kutuları kullanın. Metin tercihlerinizi şuradan ayarlayın: Metin sağdaki menü. Figma Google yazı tiplerini kullanır, bu yüzden bilmek isteyebilirsiniz en iyi Google yazı tipi eşleşmeleri.3. Resim Ekle
Yapabilirsiniz stok fotoğrafı kullan veya kendi ilgili fotoğrafınızı çekin. Resim eklemek için, kullanarak bir dikdörtgen çizin. dikdörtgen aracı (R). Resminiz bu şekilde oturacak.
Dikdörtgeni tıklayın ve şuraya gidin: Doldurmak ve tıklayın renkli kare. sonra tıklayın Düz > Görüntü > Görüntü seç. Resminizi bulun ve tıklayın Açık. 4 beyaz daireyi ortaya çıkarmak için resmin üzerine gelin. Resminizin köşelerini yuvarlamak için bir daireyi tıklayın ve içeri doğru sürükleyin.
Katmanlarınızı, görüntü arkada ve metin üst katmanda olacak şekilde düzenleyin. Katmanları, katmanlar panelinde veya kullanarak sürükleyebilirsiniz. Cmd/Ctr + [ bir katmanı geri göndermek için veya Cmd/Ctr + ] bir katmanı öne çıkarmak için.
4. İlk Geçişi Oluşturun
İlk geçiş resmi açacak ve başlık metninin çerçeveye kaymasını sağlayacaktır. İlk önce, ilk kareyi seçip vurarak çoğaltın Cmd/Ctr + D onu çoğaltmak için.
Sol çerçevedeki yükseklik özniteliklerini azaltarak görüntüyü küçültün. H görüntüde yatay bir yarık bırakarak yaklaşık 150'ye getirin. Çerçeveler boyunca her iki görüntüyü de seçip tıklayarak ortalayarak hizalayın. Öseçenek + V (Mac) veya Alt + V (Pencereler).
Görüntü geçişini tamamlamak için soldaki görüntüyü seçin. Sonra değiştir opaklık Katmanın altında Geçiş Yap'ın yanındaki kutuda sağdaki menüde %0'a ayarlayın. Bu, geçiş yapmadan ve açılmadan önce görüntüyü görünmez hale getirecektir.
İlk metin kutusunu tıklayın ve basılı tutun Vardiya. Sürüklemeye başlayın, ardından da basılı tutun boşluk ve metni çerçevenin dışına sürüklemeye devam edin. Çerçeveden çıkınca kayboluyor gibi görünüyor. Boşluk çubuğu eklenmeden bu geçiş çalışmayacak, ancak sürüklemeden önce boşluk çubuğunu basılı tutarsanız, yalnızca çerçevenizi hareket ettirecektir.
Bunu ikinci veya sonraki metin kutularınız için tekrar yapın, ancak geçişte biraz çeşitlilik eklemek için onları biraz daha sola sürükleyin. Metin hala seçiliyken, daha önce görüntü için yaptığınız gibi katman opaklığını %0'a düşürün.
Geçişi ayarlamak için şuraya gidin: Prototip. Soldaki çerçeveyi seçin ve mavi daire çerçevenin sağ tarafının ortasında görünen Çizginin ikinci karenize gitmesi için onu sürükleyin.
Şunu söyleyen açılır menüde Ani, seçme Akıllı Animasyon. Ardından kutuyu ile değiştirin. kronometre 1000ms'ye kadar. Bu, geçişinizi fare tıklamasından bir saniye sürecek şekilde ayarlayacaktır. Diğer ayarlar varsayılan olarak ayarlanmalıdır. Bir geçiş ayarladıktan sonra çerçeve başlıklarını yeniden adlandırmadığınızdan emin olun, aksi takdirde dosyalar bağlanmayacaktır.
Tıkla Oyna geçişinizi test etmek için düğmesine basın. Geri dönmek Tasarım sunum tasarımınıza devam etmek için.
5. Daha Fazla Slayt Ekle
1. slayttan 2. slayta geçmek için en sağdaki slaydınızı çoğaltın (Cmd/Ctr + D). Yeni çerçevede—slayt 2—önceki tekniği kullanarak metin kutularını çerçevenin dışına taşıyın (Vardiya + Sürüklemek sonra boşluk sürüklemeye başladıktan sonra). Bir metin kutusunu çerçevenin soluna ve diğerini sağına taşıyın. Her ikisi için de opaklığı %0 olarak ayarlayın.
Görüntüyü küçültün ve merkezden biraz uzağa taşıyın, ardından opaklığı %0'a ayarlayın. Bu, etkili bir şekilde, ikinci slaydınız için size boş bir tuval verir. İçeriği, önceki slayttaki görünmez varlıkların üstüne ekleyebilirsiniz.
Çerçevenin ortasına büyük bir resim ekleyin. Resminizin üzerine bazı süslemeler eklemek için bir GIF'ler için Figma eklentisi veya Giphy'den bir çıkartma GIF'i indirin ve resmin üstüne sürükleyin. Ana resminizi ve herhangi bir GIF'i seçin ve bunları birlikte gruplayın (Cmd/Ctr + G), bu, Smart Animate'in düzgün çalışmasını sağlar.
Grubu seçin ve kopyalayın (Cmd/Ctr + C). Ardından, slayt 1'in çerçevesine yapıştırın (Cmd/Ctr + V). Aşağı ölçeklendirin ve opaklığı %0'a ayarlayın. Ardından bu katmanı arkaya taşıyın (Cmd/Ctr + [). Bu, bir sonraki slayta yumuşak bir geçiş sağlar.
git Prototip. 2. slaytı seçin ve 3. slayta sürüklemek için mavi daireye tıklayın. Figma'nın prototip menüsündeki varsayılanı, önceki ayarları kullanmaktır, bu nedenle hepsi önceki geçişe göre ayarlanmalıdır. Geri dönmek Tasarım.
Son slaydı çoğaltın (Cmd/Ctr + D). Bu slayt, öncekiyle aynı görüntüyü kullanacak, ancak biz onu çerçevenin bir tarafına ölçeklendireceğiz. Resmi basılı tutarken sürükleyerek çerçevenin soluna hareket ettirin. Vardiya. Zıt yönlü oklar görünene kadar görüntünün sağ kenarı üzerinde gezinin, görüntünün sağ kenarını tıklayıp tatmin olana kadar sola doğru sürükleyin.
git Prototip ve iki çerçeveyi birbirine bağlayın. sonra geri dön Tasarım.
Ölçeklenen görüntünün sağına bir başlık ve gövde metni ekleyin ve bunları birlikte gruplayın. Metin grubunu kopyalayın ve önceki slayda yapıştırın. Metin grubunu tıklayın ve daha önce olduğu gibi çerçevenin sağına sürükleyin.
6. Maket Ekle
Bir maket oluşturun; kontrol et Figma'da eklentileri kullanarak maketler oluşturma kılavuzu. Yeni bir çerçeve ekleyin ve ardından maketinizi üzerine yapıştırın. Modeli çerçeveye sığdırmak için yeniden boyutlandırın.
Modeli kopyalayın ve önceki kareye yapıştırın. Görüntü bölümüne sığacak şekilde yeniden boyutlandırın, ardından katmanların arkasına taşıyın ve opaklığı %0'a ayarlayın. Çerçeveleri bağlayın Prototip.
7. Etiket Ekle
Model çerçevesini çoğaltın. Modelinizin bölümlerini açıklamak için bir başlık ve açıklama ekleyin. Metni birlikte gruplandırın ve adlandırın. O zaman yapabilirsin buzlu cam göstergesi oluştur madde işaretleriniz ve çizgileriniz için. Bir daire ile bir çizgiyi birlikte gruplayın. Göstergenizi tarif ettiği şeyle hizalayın ve yanına açıklamanızı ekleyin. Çerçeveleri bağlayın Prototip.
Çerçeveyi çoğaltın ve tanımladığı şeyle başka bir madde işareti göstergesi ekleyin. Bunu tekrar prototipleyin. Her bir çerçeveyi madde işareti noktası başına çoğaltın, böylece her madde işareti noktası tek başına geçiş yapar.
8. Sunumunuzu Bitirin
Son slaydı çoğaltın. Son bir veya iki kelime yazın ve ortalayın. Metni kopyalayın ve önceki slayda yapıştırın.
tuşunu basılı tutarak metni küçültün K ölçeklendirirken—bu, metninizin boyutunu küçültürken biçimlendirilmiş kalmasını sağlar. Metninizi maketin üst kısmına yakın bir yere yerleştirin ve katmanı görüntünün altında arkaya gönderin. Opaklığı %0 olarak ayarlayın. Son slaytınıza geri dönün.
Sürükleme yöntemini kullanarak diğer tüm nesneleri çerçevenin dışına taşıyın. Metin yukarıdan aşağıya doğru hareket edip genişledikçe geçiş, her şeyi yanlara ve yukarı doğru kaydıracaktır. Slaytları bağla Prototip.
9. Figma Sunumunuzu Paylaşın
Sunumunuza Figma hesabınıza giriş yapabildiğiniz her yerden erişebilir veya URL'yi başkalarıyla paylaşabilir, böylece her yerden izleyebilirler. Son sunumunuzu geçişleriyle birlikte sunmak için Oyna düğmesine basın ve tam ekran modunda sunun.
Çerçeveleri PDF olarak da kaydedebilirsiniz, ancak bunu yaparak animasyonlu geçişleri kaybedersiniz.
Figma ile Sunumlarınızın Seviyesini Yükseltin
Bu sunum dinleyicilerinizi bunaltmayacak şekilde minimalist olmakla kalmaz, aynı zamanda geçişler profesyonel ve temizdir. Göreviniz ne olursa olsun, Figma'yı sunumlarınıza fayda sağlayacak şekilde kullanmak bir UI/UX uzmanı gerektirmez. Güvenle sunum yapın ve sunumunuzun nasıl yapıldığına dair sorularla dolup taşacaksınız.