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

M
Medya Gazete
4 Mayıs 2021
Paylaş:

<p>Bu dersimizde Adobe XD ile Hover Buton yapmayı öğreneceğiz.<br /> <br /> Adobe XD Programında Öncelikle Çalışma alanı için Artboard (CTRL+ A) açarak çalışma alanımızın ölçülerini belirleyelim.<br /> <br /> Ç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.<br /> <br /> Oluşturduğumuz dikdörtgenin için buton ismi belirtmek için text tool’u ile gönder yazalım.<br /> <br /> Daha sonra bu iki elementi gruplayınız.<br /> <br /> Grupladıktan sonra COMPANENT alanından yani CTRL+K ile Defalult State Oluşturmuş Olucaz.<br /> <br /> Daha sonra da Hover State bölümünü oluşturup.<br /> <br /> o alanda hover görünümünü yapmış olacağız.<br /> <br /> daha fazla yazi ile sizi yormayayım.<br /> <br /> Aşağıdaki video ile kolay hover buton yaptığımızı öğrenmiş olucaksınız.</p>

Yorumlar 0

Yorumunuz moderatör onayından sonra yayınlanacaktır.

Henüz onaylanmış yorum bulunmuyor.