Adobe XD: Şu Anda Kullanabileceğiniz Ücretsiz UI ve UX Tasarım Aracı

İlan

Adobe'yi genellikle "ücretsiz" indirmelerle ilişkilendirmezsiniz, ancak tam olarak şirketin yaptığı şey budur Adobe XD. Mobil cihazlar ve web siteleri için hızlı bir arayüz prototipleme uygulamasıdır ve tasarımcıların belirli platformlar için tasarımları hızlı bir şekilde bulmalarını sağlar.

Adobe XD ile ilgili en iyi şey, kullanımının ne kadar kolay olduğudur. Bir şey tasarlama konusunda çok az deneyiminiz olsa bile, sizi geride tutacak çok kademeli bir öğrenme eğrisi vardır.

Kullanıcı arayüzü bile çok fazla insanı engelleyen tüm araçlar ve paneller olmadan canlandırıcı Photoshop, Illustrator ve Lightroom gibi uygulamalar Adobe Lightroom, Illustrator ve Photoshop için 15 Ücretsiz AlternatifAdobe Photoshop, Lightroom veya Illustrator'ı ücretsiz olarak almak ister misiniz? İşte en iyi Creative Cloud alternatiflerinden bazıları. Daha fazla oku . Bu makalede, sizi Adobe XD ile tanıştıracağız ve bununla neler yapabileceğinizi ve yapamayacağınızı açıklayacağız.

Adobe XD Nedir?

Adobe XD bir tasarım aracıdır. Uygulamanızı sizin için oluşturmaz, ancak bir sonraki mobil veya tablet uygulamanızın, web sitenizin veya diğer kullanıcı arayüzünün nasıl görünmesini istediğinize ilişkin bir vizyon veya prototip sunmanıza yardımcı olur. Uygulama, uygulama tasarımınızın görsel bir temsilini sağlamak için sanat panolarını (aslında ekran maketleri) kullanır.

Mobil uygulamalar oluşturma Bu İndirimli Kurs Paketleri ile İlk Mobil Uygulamanızı YapınBir sonraki büyük iOS veya Android uygulamasını geliştirmek için gerekenlere sahip misiniz? Bu çok indirimli kurs paketleri size nasıl yapıldığını öğretecek! Daha fazla oku ve çalışan web siteleri çok fazla teknik bilgi alabilir. Adobe XD, bir fikri bir kavram kanıtına dönüştürmek için araçlar sağlar. İşiniz bittiğinde, çalışmak için bir planınız olacak ve tasarımdan memnun kalana kadar sonsuz bir şekilde tweak yapabilirsiniz.

Aynı şekilde konsept sanatın yaratıcı çabalarda çok önemli olduğu gibi (bkz. güzel video oyun konsept sanat Güzel Video Oyunu Konsept Sanat Online Nerede BulunurEn sevdiğiniz oyunların arkasındaki güzel konsept sanatlarından bazılarını görmek ister misiniz? İşte video oyun sanat kaynakları emrinizde! Daha fazla oku kanıt olarak), yazılım ve web sitesi oluşturma söz konusu olduğunda istediğiniz arayüz tasarımı için bir kavram kanıtı önemlidir. Programcılara bitmiş ürüne çok benzeyen bir konsept sunmak, beklentilerinizi mümkün olanla uyumlu hale getirmenin harika bir yoludur.

En iyisi, uygulamanın herkesin kullanabileceği şekilde tasarlanmıştır. İster deneyimli bir tasarımcı, ister programcı, ister bu becerilerin her ikisine birden sahip olmayan biri olun; Adobe XD, vizyonunuz ve teknik bilginiz arasındaki boşluğu doldurabilir. Zorunda bile değilsin kodlamayı öğren Mevcut Uygulamaları Ücretsiz Olarak Yeniden Karıştırarak Kod Yazmayı ÖğreninBu site, herhangi bir şeyi kırma korkusu olmadan yaratıcı olmanıza olanak tanıyan uygulamalar oluşturmanıza veya yeniden düzenlemenize olanak tanır. Daha fazla oku bir uygulama tasarlamak için.

Adobe XD Ne Yapabilir?

Adobe XD, birkaç özel uygulama düşünülerek tasarlanmıştır, ancak kutunun dışında da düşünebilirsiniz. Uygulaması için şablonlar ekleyerek işleri kolaylaştırır:

• Akıllı telefon uygulamaları: İPhone 5 ve SE'den en yeni modellere; ve genel bir Android şablonu.
• Tablet uygulamaları: İPad için şablonlar, hem iPad Pro, Surface Pro 3 ve 4 boyutları hem de genel bir Android tablet şablonu.
• Web siteleri / web uygulamaları: Full HD de dahil olmak üzere seçebileceğiniz birkaç önayarla.

Bu şablonlara bağlı kalmanıza gerek yok, hayatınızı kolaylaştırmak için sadece oradalar. Ayrıca tamamen özel bir arayüz (ekran) boyutu belirtebilir ve hayal edebileceğiniz hemen her platform için tasarım yapmaya başlayabilirsiniz.

Bir mobil uygulama tasarlıyorsanız, platformunuz için ücretsiz Adobe XD uygulamasını indirebilir ve tasarımlarınızı cihazınızda canlı bir önizleme için dışa aktarabilirsiniz.

UI Kitleri Hayatı Daha da Kolaylaştırıyor

Eğer düşünüyorsan iOS için tasarım Hızlı Programlama Dilinin Öğrenmeye Değer 7 NedeniGeride kalmak istemiyorsanız Swift programlama dilini daha erken öğrenmelisiniz. İşte sizi ikna edebilecek bazı mükemmel nedenler. Daha fazla oku , Android, Windows veya başka bir yerleşik platform; yardım eli almak için UI kitlerini kullanabilirsiniz. Bunlar aslında Adobe, .XD dosya biçiminde indirilebilen Apple, Google, Microsoft ve diğerleri tarafından sağlanan proje şablonlardır.

UI kitleri ile, uygulamanızı seçtiğiniz platformda görülen kısıtlamalar ve ortak öğeler dahilinde tasarlamanıza izin vererek üretimi hızlandırabilirsiniz. Platform geliştiricileri tarafından korundukları için, genellikle her zaman güncel ve eksiksizdirler.

Örneğin, Apple’ın iOS kullanıcı arayüzü kiti bir dizi cihaz için boş ekran boyutları içerir. iOS klavye, ekranın üst kısmındaki şerit gibi gezinme öğeleri, iOS geçiş düğmeleri ve Daha. Öğeleri kolayca tasarım çalışma yüzeylerinize kopyalayıp yapıştırabilir ve doğru prototipler oluşturabilirsiniz.

Adobe ayrıca watchOS uyumlu akıllı saat örnekleri, bir e-ticaret web sitesi kiti ve oluşturmak için bir dizi örnek de dahil olmak üzere birkaç UI kitini de muhafaza eder. dijital para akıllı telefon uygulamaları İPhone için En İyi 10 Bitcoin ve Cryptocurrency UygulamalarıKripto para birimi uygulamalarıyla telefonunuzdan Bitcoin satın almak, altcoinlere dönüştürmek ve hatta ICO'lara yatırım yapmak artık her zamankinden daha kolay. Daha fazla oku . Uygun olanı indirmeniz gerekir İOS için UI kitleri, Google’ın Materyal tasarımı ve Microsoft Windows ayrı ayrı.

Basit Bir Yerleşik Araç Seti

Adobe’nin diğer karmaşık grafik ve tasarım uygulamalarından farklı olarak XD, yalnızca birkaç basit araçla güzel ve temiz bir kullanıcı arayüzüne sahiptir. Temel şekillere sahipsiniz: dikdörtgenler, daireler, çizgiler ve özel şekiller oluşturmak için bir kalem aracı. Typekit yazı tipi kitaplığına erişimi olan basit bir metin aracı da var (ancak hepsine değil).

Daha sonra, opaklık, dolgu rengi, kenarlıklar, gölgeler ve kaydırma davranışı gibi bu öğelerle ilgili çeşitli nitelikleri değiştirebilirsiniz. Son olarak, tasarımınızı genişletmek için bir büyüteç ve bir çalışma yüzeyi aracı var.

Adobe XD, ekranın kenarları, kanvasın orta noktası ve diğer öğelere "yapıştırarak" öğeleri estetik açıdan hoş yerlere yerleştirmenize yardımcı olur. Bir düğmeyi basılı tutarak isterseniz bunu geçersiz kılabilirsiniz (Mac sürümünde Cmd).

Uygulamanın üst kenarı boyunca iki geçiş görürsünüz: tasarlamak ve Prototip. Tasarım, zamanınızın çoğunu vizyonunuzu oluşturmak için harcayacağınız yerdir. Ekrandaki öğeler arasında çeşitli etkileşimler eklemek için Prototip moduna geçin. Olayları tetikleyebilir ve farklı çalışma yüzeylerine geçerek bir kod satırı yazmadan basit bir kullanıcı deneyimi sunabilirsiniz.

Bu basit bir sürükle ve bırak arayüzü ile yapılır, örneğin: daire aracıyla bir düğme oluşturun, istediğiniz bir yeni çalışma yüzeyi oluşturun düğmenin sonucu olarak (örneğin, uygulamanızdaki farklı bir sekme), Prototip moduna geçin ve oku düğmeden yeni Çalışma yüzeyi. Nasıl oynatıldığını görmek için “Oynat” düğmesine basın veya canlı cihazınızda önizleyin.

Hatta süslü görünmesi için geçişleri ve efektleri de belirtebilirsiniz. Prototip modunun bazı büyük kısıtlamaları vardır. Bununla çok derinlemesine anlayamazsınız, ancak bir amaca hizmet eder ve basit uygulaması kullanımı kolaylaştırır.

Adobe XD'nin Ücretsiz Sürümü Ne Kadar Sınırlıdır?

Ücretsiz bir ürün olan Adobe XD, basit iş akışına ve kullanıcı dostu araçlarına bir kuruş harcamadan bağlı kalmanızı sağlamak için tasarlanmıştır. Ücretsiz versiyonun en büyük dezavantajı, aynı anda birden fazla aktif paylaşılan prototip veya tasarım spesifikasyonuna sahip olamamaktır.

Bu nedenle, ilk tasarımınız veya projeniz için ücretsiz sürüm yeterli olabilir. Ekibinizle veya uygulama geliştiricilerinizle daha fazla tasarım veya proje paylaşmak söz konusu olduğunda, hızlı bir şekilde duvara vurursunuz. Çeşitli çalışma yüzeylerinizi daima .PNG dosyaları olarak sonsuza dek ücretsiz olarak dışa aktarabilirsiniz. Dosya> Dışa Aktar seçeneği.

Ancak çalışma yüzeyleri arasındaki paylaşılan prototip oluşturma ve etkileşim, buradaki öne çıkan özelliklerden biridir. Uygulama, aynı ölçüde, onsuz hala yararlıdır. Tamamen gerçekleştirilmiş bir prototip oluşturamazsınız, ancak tasarımınızı hızlı bir şekilde düzenleyebilirsiniz.

Ücretsiz sürümün diğer sınırlamaları arasında, sınırlı sayıda Typekit yazı tipi ve Creative Cloud aboneleri için 2 GB bulut depolama alanı (100 GB yerine) bulunur. Eğer nakit için güdük karar verirseniz ücretli versiyon, Adobe XD yalnızca bu uygulama için aylık 9,99 ABD doları veya tam Creative Cloud paketi için aylık 52,99 ABD doları tutarındadır.

Düşünürüz Adobe Creative Cloud paraya değer Adobe Creative Cloud'u Satın Almak için 5 NedenAdobe'nin Creative Cloud'u çok büyük avantajlarla birlikte gelir. Yapabildiğiniz sürece Adobe Creative Cloud'a yatırım yapmak için bir nedenler listesi derledik. Daha fazla oku , bundan yeterince yararlanabilmeniz koşuluyla.

Adobe XD Şaşırtıcı Şekilde Kullanıcı Dostu Bir Araç

Adobe XD, ödemeyi planlasanız da ödemeseniz de kullanışlı bir araçtır. Bazı durumlarda, küçük kişisel projelerde çalışmak için ücretsiz sürümden kurtulabilirsiniz. Ciddi işler ve ekiplerle paylaşım söz konusu olduğunda, yeni sürüme geçmeniz gerekir.

Adobe XD, UI tasarımının hepsi ve sonu değildir. Tasarımcılar, web siteleri, uygulama tasarımları ve daha fazlası için örnekler oluşturmak için yıllardır grafik araçlarını kullanıyorlar. Kontrol et bir bütçe tasarımcıları için en iyi Mac vektör grafik araçları Bütçede Mac Tasarımcıları için En İyi Vektör Yazılımıİşte macOS için ücretsiz olarak kullanabileceğiniz veya bir bütçeyle satın alabileceğiniz en iyi vektör yazılımı. Modern tasarımcılar için mükemmel! Daha fazla oku yetenekli alternatifler görmek için.