Invision Studio: Gözden Geçirme ve İnceleme
Invision Studio, sınırsız esnek katmanlar ve tuval sayesinde sofistike ekran tabanlı ekran tasarımları hızlı bir şekilde yapmanızı sağlayan bir prototip ve animasyonlu araçtır. Bu, en iyi yüksek loyal prototipleme araçlarından biri olarak kabul edilir. Invision Studio ile iş akışınızı hızlandırabilirsiniz; İlginç bir etkileşimli prototip oluşturun; Tasarımınızı ekibe ve müşteriye iletmek; Tasarımınızı test edin; ve geliştirme aşamasından önce soruları, endişeleri ve tasarım değişikliklerini yanıtlayın. Invision Studio, tüm ürün tasarımı iş akışınızı bağlayabileceğiniz, saklayabileceğiniz ve paylaşabileceğiniz, DSM Invision, Tasarım Sistemi Yöneticisi ve Kütüphanesi ve kontrol edebileceğiniz Invision bulutlarını da içeren bir dizi Invision aracının bir parçasıdır. Bileşenler ux. Invision Studio Mac ve Windows’ta kullanılabilir. Sketch dosyalarını da içe aktarabilirsiniz.
Invision Studio özelliği Invision Studio uygulamasını indirdikten sonra, bir proje seçeneği alacaksınız. Ne tasarlamak istediğinizi seçtikten sonra bir arayüz turu alacaksınız. Bir katman veya bileşen eklemek için üstteki artı işaretini tıklayın. Bileşenleri eklediğinizde, tüm seçenekleriniz sağda görünür. Bazı önemli Invision özelliklerini tartışalım. Boyutu değiştirin ve görüntüyü maske olmadan kesin. Akıllı görüntü kesimi olarak adlandırılan bu özellik, boyutu değiştirdiğinizde otomatik olarak görüntüleri keser. Bu, taslakta görüntü doldurma yapmaya benzer ve daha sonra “içeriğe” ayarlayın, ancak daha az adımda ve daha sezgisel bir şekilde ayarlayın. Akıllı bir görüntüyü kurnaz, ortada odak noktası olan görüntüler içindir. Bir daire, dikdörtgen veya yuvarlak dikdörtgen haline getirmek istiyorsanız bu da en iyisidir. Farklı odaklanmış noktalara veya daha çekici şekillere sahip görüntüler için, daha fazla ayarlama seçeneğine erişmek için bir maske yapabilirsiniz. Kaynak: Learninvisionstudio.com Kaydırma yaparken öğeleri geliştirin. Başlıkları ve altbilgileri tamir etmek Invision için yeni değil, ancak diğer öğeleri düzeltmek yenidir. Ruloyu yatay, dikey veya her ikisine göre ayarlayın, ardından sağ üstteki PIN simgesine tıklayarak düzeltmek istediğiniz öğeleri seçin. Bir animasyona biraz sanat tahtası alın. Zamanlayıcı, tek bir animasyonda değiştirmek istediğiniz birkaç sanatdoğunun kontrolünü sağlar. Animasyonu, ilk sanat tahtası noktasına sahip olmak için de tekrarlayabilirsiniz. Veya doğrudan tasarımınızın diğer kısımlarına çok adımlı animasyonlara sahip olabilirsiniz. Bunun gibi karmaşık animasyon, giriş ve outro videosu için idealdir.Paralaks animasyonu için sürtünme tetikleyicileri oluşturun. Sürtünme tetikleyicileri bir paralaks efekti ve kaydırmalarda meydana gelen diğer animasyon türleri oluşturabilir. Kod yazmadan duyarlı bir prototip yapın. Duyarlı bir prototip ile, her şeyi yüzde temeline göre yapabilir ve her bir öğenin boyutunu sanat tablosu boyutuna göre değiştirebilirsiniz. Daha sonra her türlü ekrana karşı duyarlı bir prototip yapabilirsiniz. Bu, çeşitli boyutlarda maket yapmayı kolaylaştırır. Buna ek olarak, tasarımı stüdyoda “boyut olarak değiştirilebilir” olarak ayarlamak, tarayıcıda görüntülendiğinde boyutunu otomatik olarak değiştirecektir. Kaynak: repelinvisionstudio.com
Prototipi cep telefonunuza atlayın. Cep telefonunuzdaki animasyon veya prototipi test etmek istiyorsanız, paylaşabilir, “Ayna” ı seçebilir ve ardından Hücresel Uygulamada QR kodunu tarayabilirsiniz. Eskizler gibi kısayollar kullanın. Şu anda bir eskiz kullanıyorsanız, Invision Studio tarafından kullanılan kısayola alışkınsınız – neredeyse hepsi aynı, özellikle müfettiş, katmanlar ve araçlar açısından. Işık ve karanlık temalar arasında geçiş. DeSainer olmayan bu özelliğin nasıl kullanıldığını fark etmeyebilir. Parlak bir arayüz tasarladığınızda, karanlık temanın ek kontrastı yardımcı olabilir (ve tam tersi).
Ekiple gerçek zamanlı olarak işbirliği yaptı. İşbirliği ve iş akışı basitleştirilir ve ekip üyeleri gerçek zamanlı olarak tasarlayabilir ve yorum yapabilir. Küresel senkronizasyon ve gerçek zamanlı güncellemelerle kimse daireden çıkmayacak. Tarayıcıda Invision Studio ile tasarım yapmak, Invision Studio’nun tarayıcı sürümüyle çalışmanın nasıl bir his olduğunu hemen göstermek istiyorum. Tasarım panolarını kısaca tartışacağız, prototipler oluşturacağız ve serbest el modu kullanacağız. Komutunuzun kafa kartını tasarlamak ekranın sağ üst kısmında. Beş ikon anlamına gelir: Başlığı Düzenle Düzen türünü ayarlayın
Ayarlama
Yorum
Paylaşmak
Küçük bir başlıkla başlığımın başlığını düzenle. “Başlığı Düzenle” yi tıkladıktan sonra bu seçenek görünür:
Görüntüleri ve metni değiştirdim, biraz gömdüm ve metni öne çıkarmak için biraz kaplama ekledim. Özellikle “boyut” seçeneğini seviyorum – fareyi üzerine işaret edebilir ve üç boyut arasından seçim yapabilirsiniz.
Düzen türünü ayarlayın ve daha sonra düzen türünü “kapsamlı” olarak değiştiririm. Bu, başlığın altındaki blok içeriği içindir, bu da aşağı kaydırdığınızda görünecektir. Ek Bölümleri Düzenleme İmleci başlığın sağına yönlendirirseniz, üç simge görürsünüz. Alt ok “Parçayı aşağı hareket ettir” ve “X” “bölümün başlığını silin”. Eğer onu silip fikrinizi değiştirirseniz, imleci aynı alana yönlendirirsiniz ve yeni bölüm başlığını ekleme seçeneğiniz olacaktır.
Ok ve “X” sağındaki artı işaretini tıklayarak yeni bir menü alacaksınız. Soldan sağa, simge şu anlamına gelir:
Örnek renkler ekleyin Veri Yüklemeleri Ekle İmleci içerik bloğuna yönlendirerek, başlıkta olduğu gibi boyutu tekrar değiştirme seçeneğini göreceksiniz. Farklı bir boyut seçmek, bloğu değiştirmek için kalan düzeni otomatik olarak günceller. İçerik bloğunu tıklamak sağdaki pencereyi açacaktır.İmleci çubuktaki renklerden birine yönlendirmek renk kodunu görüntüler. Bu pencere aynı zamanda ekip üyelerinin bu özel tasarım bloğunda yorum bırakabileceği bir yerdir.
Prototipimi yapmak, sadece seçimlerin ne olduğunu göstermek için bir prototip demosu ile oynamayı.
Burada, kontrol merkeziniz altta. Soldan sağa göz simgesiyle başlayarak, simge aşağıdaki gibidir: Önizleme moda Uyanık moda
Yorum modu Denetim modu
Tarihsel mod
Sosyal paylaşım
Ekranı yükleyin
Konfigürasyon
Ekran durumu
Serbest el modu Freehand modu, nasıl hızlı bir şekilde kullanılacağınızı göstermek için etkileşimli bir demo ile başlar. Ardından, projenizi birleştirmek için sınırsız tuvalle çalışıyorsunuz. Uygulamada çalışıyorsanız, ekip üyelerine “FreeHand ile doğrudan işbirliği talep etme” gönderebilirsiniz ve projeye gerçek zamanlı olarak metin ekleyebilir ve ekleyebilirler.
Ücretsiz bir paket çalışma stüdyosunun fiyatı, ortak çalışan ve sınırsız ekranlı bir prototip içerir.İhtiyacınız olan tek şey buysa, o zaman ödemenize gerek yok.Demo sınırın içine dahil değildir.Birden fazla prototip tasarlarsanız, sınırsız bir prototip yapmak için altı gün boyunca ücretsiz erişim elde edersiniz.Bundan sonra, ek prototipler oluşturmak ve kullanmak için güncellemelisiniz.Geliştirmek istiyorsanız, planları: Diğer tasarım araçlarına kıyasla son zihin, bir Invision stüdyosunu biraz yavaş ve bazen bir sorun bulabilirsiniz – genellikle yavaş olduğu anlamına gelmez, sadece diğerlerinden daha yavaş (bazen) Adobe XD, Figma ve Sketch gibi benzer cihazlar.Ben şahsen bu sorunu deneyimlemiyorum, ama birçoğu incelemelerde ortaya çıkıyor.Buna ek olarak, Invision Studio eklenti desteği sunmuyor, bu yüzden sizin için önemli bir şey varsa, bunun yerine çizimi düşünün.
