Sıradaki içerik:

Bilgisayar Dünyası Hakkında Bilmeniz Gereken 10 Şey

e
sv

Adobe XD ile Hover Button Nasıl Yapılır?

17 okunma — 10 Ağustos 2021 22:45
xd hover buton

Merhaba Arkadaşlar,
Öncelikle Kendimi tanıtmak isterim. Adım Mehmet YILDIZ
Bu dersimizde Adobe XD ile Hover Buton yapmayı öğreneceğiz.
Adobe XD Programında Öncelikle Çalışma alanı için Artboard (CTRL+ A) açarak çalışma alanımızın ölçülerini belirleyelim.
Çalışma Alanımızı Açtıktan Sonra Rectangle ( yani dikdörtgen) çizim tool ile 32px yüksekliğinde 120x uzunluğunda bir buton oluşturalım.
Oluşturduğumuz dikdörtgenin için buton ismi belirtmek için text tool’u ile gönder yazalım.

Daha sonra bu iki elementi gruplayınız. Grupladıktan sonra COMPANENT alanından yani CTRL+K ile Defalult State Oluşturmuş Olucaz. Daha sonra da Hover State bölümünü oluşturup. o alanda hover görünümünü yapmış olacağız. daha fazla yazi ile sizi yormayayım. Aşağıdaki video ile kolay hover buton yaptığımızı öğrenmiş olucaksınız.

İlginizi Çekebilir:   SEO Uzmanı Nedir? Neler Yapar?

 


  • Site İçi Yorumlar

En az 10 karakter gerekli

Gönderdiğiniz yorum moderasyon ekibi tarafından incelendikten sonra yayınlanacaktır.