Adobe Experience Design (Adobe XD), Mart 2016'da tanıtıldı ve yeni özelliklerle dolu aylık güncellemeler almaya devam ediyor. Web siteleri veya uygulamalar için tel çerçeveler, prototipler ve hatta tam ekran taslakları tasarlamaya yardımcı olan yeni bir masaüstü uygulamasıdır. Adobe XD'nin odak noktası, fikirleri hayata geçirerek ve gerçek geliştirme başlamadan önce geri bildirim almayı kolaylaştırarak kullanıcı deneyimini artırmaktır. Hindistan'daki profesyonel web tasarım şirketleri, benzersiz tasarımlarını oluşturmak için bu gelişmiş aracı benimsemiştir. Adobe XD, işlevsel, hızlı ve kullanıcı dostu olmasıyla öne çıkmaktadır.

Adobe XD'de Hızlı Mock-up ve Wireframing

Adobe XD, hızlı ve düşük kaliteli tel çerçeveler oluşturma sürecini basitleştirir. Hızla düşük kaliteli tel çerçeveler tasarlama yeteneği, görsellerle boğulmadan mükemmel bir kullanıcı deneyimi sunan bir düzen oluşturma konusunda önemli ilerleme kaydedebileceğimiz anlamına geliyor. Her tasarımcının kendine uygun bir iş akışı vardır—düşük kaliteli tel çerçeveler için yalnızca şekiller ve metin kullanma kuralına sıkı sıkıya bağlı kalıyoruz. İlerlemeyecek bir tasarım için simgeler tasarlamanın, görseller bulmanın ve stiller tanımlamanın ne anlamı var?

İşte Adobe XD için bazı temel klavye kısayolları:

  • Araç seç (V)
  • Dikdörtgen (R)
  • Elips (E)
  • Çizgi (L)
  • Metin (M)
  • Sanat Tahtası (A)

Bir Artboard (A) oluşturarak başlayın ve sağ taraftaki denetimden “Android Mobile” artboard'unu seçin.

Sol taraftaki araç çubuğunu veya belirtilen klavye kısayollarını kullanarak, tasarımınızı oluşturmak için tuvalde şekiller çizmeye başlayın. Bu aşamada, eğer netlik katıyorsa veya düzenin kafa karıştırıcı görünmesine neden olan kullanılmamış bir alan varsa, aşağıda gösterildiği gibi, alanın ne için kullanılacağını tasvir eden birkaç resim eklemeyi düşünün.

Gerekli temel simgeleri kullanın, ancak bunlara aşırı zaman harcamaktan kaçının. Unutmayın, bu aşamadaki amacımız geri bildirimle fikrimizi doğrulamaktır. Sonrasında, görünümünü geliştirmek için daha fazla zaman ayırabiliriz.

Adobe'nin Radikal Arayüz Yenilemesi

Adobe XD, kullanıcı arayüzü tasarımına odaklanan güzel bir minimal arayüze sahiptir. Resim düzenleme araçlarının neredeyse yok denecek kadar az olduğunu göreceksiniz, bu da uygulamanın arayüzünü diğer Adobe uygulamalarına kıyasla çok daha az bunaltıcı hale getiriyor. Bu araç, fotoğraf modifikasyonları veya arka plan kaldırma işlemleri için uygun değildir.

Yeniden Kullanılabilir Bileşenler (Semboller)

Adobe XD'deki semboller, yeniden kullanılabilir tasarım öğeleri ve bileşenlerdir. Bir "ana" sembolü korursunuz ve belgenizdeki o sembolün tüm örnekleri, ana sembolde yapılan değişiklikleri yansıtır. Bu yazının yazıldığı tarihte, Adobe XD'de iç içe semboller uygulanmamıştır, ancak XD'nin hızla evrim geçirmeye devam etmesiyle gelecekte tanıtılması muhtemel bir özelliktir.

Tekrar Edilebilir Bileşenler

Repeat Grids özelliği, Adobe XD'de ikonik bir işlevdir; şu anda başka hiçbir UI tasarım uygulaması bunu sunmamaktadır. Bu özellik, her bir karoya benzersiz içerik yerleştirirken bileşenleri yatay ve dikey olarak çoğaltmanıza olanak tanır. Hatta masaüstünüzden varlıkları (görüntüler ve metin dosyaları) çoklu sürükleyerek içeriklerin otomatik olarak eklenip dağıtılmasını sağlayabilirsiniz.

Kullanıcı Akışlarının Prototiplenmesi

Adobe XD, tek bir uygulama içinde entegre tasarım ve prototipleme araçları sunar. Eğer iş akışınızı tek bir uygulama içinde tutmayı tercih ediyorsanız, Adobe XD sizin için en iyi seçim olabilir.

Bir web sitesi UI tel kafesi, aynı zamanda şematik sayfa veya ekran taslağı olarak da bilinir, bir web sitesinin iskelet çerçevesini temsil eden görsel bir rehberdir. Hızlı performansı ve ultra temiz yaklaşımı sayesinde, Adobe XD, özellikle kullanıcı arayüzü tasarımına adanmış olanlar için UI tel kafeleri geliştirmek ve tasarlamak için tercih edilen araçtır.