Tasarım – Bir Web https://bir.web.tr Webmaster, Seo, Wordpress ve Teknoloji Blogu Tue, 24 Aug 2021 05:38:24 +0000 tr hourly 1 https://wordpress.org/?v=5.8 196518808 Adobe XD Bootstrap 4.6 Grid Düzeni Nasıl Yapılır https://bir.web.tr/adobe-xd-bootstrap-4-6-grid-duzeni-nasil-yapilir/ https://bir.web.tr/adobe-xd-bootstrap-4-6-grid-duzeni-nasil-yapilir/#respond Tue, 10 Aug 2021 22:58:39 +0000 https://bir.web.tr/?p=29 Merhaba Adobe XD kullanıcıları Bootstrap 4.6 Grid Düzeni anlamat üzere sizlerleyiz. Bootstrap 4.6 Grid Düzeni 1110px container içerinde sıkıntısız olarak kodlanmasını sağlamak amacıyla bu yazımızda Adobe XD ile Bootstrap ızgara sistemini tanımaya başlayacağız. Yeni geliştirilen Bootstrap 4.6 versiyonun 1110px içerisinde 65 px column ile 30 px gutter(Aralık) ile yapılandırdığımızda boostrap kodlama ölçülerini almış olacağız. 1920 […]

Kaynak:Adobe XD Bootstrap 4.6 Grid Düzeni Nasıl Yapılır

]]> Merhaba Adobe XD kullanıcıları Bootstrap 4.6 Grid Düzeni anlamat üzere sizlerleyiz. Bootstrap 4.6 Grid Düzeni 1110px container içerinde sıkıntısız olarak kodlanmasını sağlamak amacıyla bu yazımızda Adobe XD ile Bootstrap ızgara sistemini tanımaya başlayacağız.

Yeni geliştirilen Bootstrap 4.6 versiyonun 1110px içerisinde 65 px column ile 30 px gutter(Aralık) ile yapılandırdığımızda boostrap kodlama ölçülerini almış olacağız.

1920 px çalışmalarınızda

Adobe XD Bootstrap 4.6 Grid Düzeni Nasıl Yapılır 1366 px çalışmalarınızda

Adobe XD Bootstrap 4.6 Grid Düzeni Nasıl Yapılır ile yapılandırarak sağlıklı döküm alabilirsiniz

Kaynak:Adobe XD Bootstrap 4.6 Grid Düzeni Nasıl Yapılır

]]> https://bir.web.tr/adobe-xd-bootstrap-4-6-grid-duzeni-nasil-yapilir/feed/ 0

Adobe XD ile Hover Button Nasıl Yapılır? https://bir.web.tr/adobe-xd-ile-hover-button-nasil-yapilir/ https://bir.web.tr/adobe-xd-ile-hover-button-nasil-yapilir/#respond Tue, 10 Aug 2021 22:45:44 +0000 https://bir.web.tr/?p=25 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 […]

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

]]> 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.

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

]]> https://bir.web.tr/adobe-xd-ile-hover-button-nasil-yapilir/feed/ 0