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

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.