Adobe XD ile Grafik Nasıl Oluşturulur: Başlangıç ​​Kılavuzu

Adobe XD, yazılımlar, uygulamalar, web siteleri ve daha fazlası için UI/UX tasarımları oluşturmanıza olanak tanıyan güçlü bir araçtır. Bu aynı zamanda bir arayüz için maketler, prototipler ve özel UI bileşenleri oluşturmayı da içerir. Adobe XD'yi kullanarak hem basit hem de karmaşık tasarımlar oluşturabilirsiniz.

Burada, yeni bir Adobe XD projesine şekiller, resimler ve metinler dahil olmak üzere basit grafiklerin nasıl ekleneceğini ana hatlarıyla anlatacağız. Bunu, bir grup şeklin bileşenlere nasıl dönüştürüleceğine ve bu bileşenlerin sayfada nasıl yeniden kullanılacağına ilişkin bir kılavuz izleyecektir. Son olarak, makale ayrıca grafiklerinizi nasıl dışa aktaracağınızı da ele alacaktır. Hemen atlayalım.

Adobe XD Projesi Oluşturma

Yeni bir Adobe XD projesi oluşturduğunuzda, projeniz için bir düzen boyutu seçmelisiniz. Bazı popüler cihazlara göre seçebileceğiniz birkaç şablon sunar.

Buna birkaç örnek, iPhone X/XS/11 Pro (375 piksele 812 piksel), iPad (768 piksele 1024 piksel) veya Web 1920'yi (1920 piksele 1080 piksel) içerir. Alternatif olarak, projeniz için özel bir genişlik ve yükseklik seçme seçeneğiniz de vardır.

Yeni bir proje oluşturduğunuzda, Adobe XD boş bir sayfa açacaktır. Burası, resim, şekil, metin veya diğer tasarım öğelerini eklemeye başlayabileceğiniz yerdir. Sahip olduğunuz Adobe XD sürümüne bağlı olarak, bazı yeni özellikleri keşfedin Adobe XD'nin sunduğu

En üst düzey tasarım öğesi, tuval sayfasının kendisidir. Vurgularsanız, tuvalin genişliği veya yüksekliği gibi bazı özelliklerini doğrudan değiştirmek için sağdaki bölmeyi kullanabilirsiniz.

Resim Nasıl Eklenir

Adobe XD projenize görüntü eklemenin birden çok yolu vardır.

• İlk seçenek, üzerine tıklamaktır. Hamburger sol sütunun üstündeki menü simgesi. Tıklamak İçe aktarmakve eklemek istediğiniz dosyayı açın.
• Başka bir seçenek de dosya gezgininde görüntünüze gitmek ve dosyayı doğrudan Adobe XD'ye sürüklemektir.
• Üçüncü bir seçenek, resminizi Microsoft Word gibi başka bir yazılımda açtıysanız kopyalayıp yapıştırmaktır.

Bir Görüntü Nasıl Yeniden Boyutlandırılır ve Yeniden Konumlandırılır

yeniden konumlandırabilir ve bir resmi yeniden boyutlandırmak doğrudan tuval üzerinde veya özelliklerini değiştirerek.

1. Resmi vurgulayın. Tuval üzerinde bir tasarım öğesini vurguladığınızda, özelliklerini sağdaki bölmede görebileceksiniz.
2. Resmin genişliğini ve yüksekliğini değiştirin. Bunlar tarafından temsil edilir W ve H alanlar.
3. Ayrıca değiştirebilirsiniz X ve Y görüntünün sol üst kısmının başladığı yerin koordinatları.
4. Resmi hareket ettirmek için, resme tıklayın ve tuval üzerinde sürükleyin.
5. Yeniden boyutlandırmak için görüntünün kenarlarında bulunan noktaları sürükleyin.

Bir Görüntünün Kenarları Nasıl Ayarlanır

Şeklini değiştirmek için görüntünün köşelerini ayarlayabilirsiniz.

1. Resmi vurgulayın.
2. Resmin etrafında bulunan bazı noktalar göreceksiniz. Ek olarak, görüntünün köşelerinde bulunan bazı noktalar da vardır.
3. Resmin içinde bulunan bir noktaya tıklayın ve sürükleyin. Bu, görüntüyü yavaşça farklı bir şekle sokar.

Görüntüye Diğer Efektler Nasıl Eklenir

Efektler ekleyerek görüntüyü daha fazla değiştirebilirsiniz. Bu, opaklık, kenarlıklar, bulanıklık efektleri ve daha fazlasını içerir.

1. Resmi vurgulayın ve Öhız sağdaki bölmede.
2. Hâlâ sağ bölmedeyken, ekranın rengini değiştirin. Bsipariş. Burada ayrıca değiştirebilirsiniz kalınlık, çizgi stili, ve köşe stili sınırın.
3. Görüntüye bir bulanıklık efekti ekleyin ve Nesne Bulanıklığı Miktarı bulanıklık yoğunluğunu artırmak veya azaltmak için

Şekiller Nasıl Eklenir

Adobe XD'de sol bölmeden şekiller ekleyebilirsiniz.

1. Sol bölmede, dikdörtgen, daire, üçgen ve çizgi dahil olmak üzere birden çok temel şekil oluşturmayı seçebilirsiniz. Çizmek istediğiniz şekli seçin.
2. Tuval üzerinde herhangi bir noktaya tıklayın ve şekli oluşturmaya başlamak için imleci sürükleyin.

Özel Şekiller Nasıl Eklenir

Kendi şeklinizi oluşturmak için özel şekil aracını kullanabilirsiniz.

1. Sol bölmede, dolma kalem simge.
2. Şekil için ilk noktanızı veya "köşenizi" eklemek için tuval üzerinde herhangi bir yeri tıklayın. Şeklin her noktası için, olmasını istediğiniz alanda tuval üzerine tıklayın.
3. Şekli oluşturmayı bitirdiğinizde, Esc klavyenizdeki tuşa basın.

Bir Şeklin Rengi Nasıl Değiştirilir

Sağdaki bölmeyi kullanarak şeklin rengini değiştirebilirsiniz.

1. Şekli vurgulayın.
2. Sağdaki bölmede, Fhasta.
3. Ek olarak, resimlerle aynı şekilde kenarlıklar, bulanıklık efektleri ekleyebilir ve şeklin opaklığını değiştirebilirsiniz.

Metin Nasıl Eklenir

Ayrıca metin ekle ve düzenle şekiller eklediğiniz gibi.

1. Tıkla Metin sol bölmedeki simgesi.
2. Yeni bir metin kutusu eklemek için tuval üzerinde herhangi bir yeri tıklayın. Metin kutusuna istediğiniz metni yazın.
3. düzenlemek için sağdaki bölmeyi kullanın. boy, font ailesi, ve hizalama alanlar.

Bileşenler Nasıl Oluşturulur

Bileşen, yeniden kullanılabilen bir grup tasarım öğesidir. Bir bileşen oluşturmak ve kullanmak için önce bir grup şekle veya başka tasarım nesnelerine sahip olmanız gerekir.

1. Tuvaldeki şekil grubunu vurgulayın. Gruba sağ tıklayın ve seçin Bileşen Yap.
2. Sol bölmenin alt kısmında, üzerine tıklayın. Varlıklar. Yeni eklediğiniz bileşen de dahil olmak üzere sahip olduğunuz tüm varlıkları listeleyen yeni bir menü açılacaktır.
3. Bileşen listesinden bileşeni tıklayıp tuvale sürükleyin. Bunu yapmak, tam olarak aynı öğe grubunu yaratacaktır.

Öğeler Nasıl Dışa Aktarılır

Tek tek öğeleri ve tüm sayfayı dışa aktarabilirsiniz.

1. Tek bir öğeyi dışa aktarmak istiyorsanız, dışa aktarmak istediğiniz öğeyi vurgulayın.
2. Tıkla Hamburger sol sütunun üstündeki menü simgesi.
3. Seçme İhracat, ardından üzerine tıklayın Seçildi.
4. Tüm sayfayı (veya tüm sayfaları) dışa aktarmak istiyorsanız, Tüm Çalışma Yüzeyleri yerine.
5. Dosya biçimini (PNG, JPG, SVG veya PDF), dışa aktarılan öğenin ne için olacağını (Web veya iOS gibi) ve dosyanızı nereye kaydetmek istediğinizi belirtebilirsiniz.

Adobe XD'de Beceri Kazanın

Bunlar sadece temel bilgiler. Diğer bazı özellikler arasında köprüler, semboller, uygulama entegrasyonları ve UI Kitleri ekleme yeteneği bulunur. Adobe XD ayrıca, maketlerinizin ve özel UI tasarımlarınızın oluşturulmasını iyileştirmeye ve kolaylaştırmaya yardımcı olmak için ara sıra yeni özellikler sunar.

Yeni tasarım becerilerinizi bir sonraki seviyeye taşımanıza yardımcı olacak çevrimiçi olarak sunulan çok sayıda kurs vardır.

Bu Adobe Kursları Sizi Bir Creative Cloud Ustasına Dönüştürecek

Sonrakini Oku

Yazar hakkında