Tabletinizde Wireframes Nasıl Tasarlanır?
Mobil cihazların “(şimdiki) büyük bir şey” olduğu şüphesizdir. Bu tam olarak, bilgisayar teknolojisinin onlarca yıldır bizi nereye götürdüğü. Bu küçük tabletler ve telefonlar (ve şimdi saatler)… bunlar çoğumuzun bilgi tükettikleri ekranlardır.
Bu bilgi yüzlerce kırk karakter uzunluğunda tweet olabilir, Netflix (Sidonia öksürüğünün öksürük Şövalyeleri) hakkındaki favori şovlarımız ya da sadece iyi müzikler. E-postaları okuyor, sohbet ediyor ve oyun oynuyoruz.
Yavaşça, bu cihazlarda da içerik oluşturmaya başlıyoruz. Tabletler yazmak için oldukça iyi olabilir ve telefonlarımızdaki kameralar her yıl daha iyi oluyor. İPhone'larda podcast'ler kaydediyoruz ve ses / video düzenleme için birkaç uygulama bile var.
Masaüstü bilgisayar, kaynak yoğun görevlere düşecek gibi görünüyor. Bu hobileri, tamircileri ve üst düzey oyuncuları olacak. Oh, ve web tasarımcıları.
Bir tablette piksel hassas grafik düzenleme yapamayabiliriz. Bu iyi. Bununla birlikte, tasarım sürecinin parçaları, dokunmatik ekrana taşınabiliyor.
Tel çerçeveleme uygulamasında ihtiyacım olan şey
Tel çerçeveleme uygulamasında ihtiyacım olan şey:
- Çalışmak için birkaç temel şekil;
- bu nesneleri kolayca yerleştirebilir, düzenleyebilir ve yeniden boyutlandırabilir;
- işbirliği, paylaşım ve ihracat özellikleri.
Uygulamalar
Tüm zamanların en sevdiğim tel çerçeveleme uygulaması Google'ın Çizim uygulaması. İhtiyacım olan her şeyi yapıyor ve yanında büyük paylaşım ve işbirliği özellikleri var.
Ancak, Google metin belgeleri ve e-tabloları için Android uygulamaları oluştururken, Google Draw'u Android'de çalıştırmanın bir yolu vardır. Tarayıcılarda da çalışmıyor.
Android için özel olarak çalışan birkaç uygulama var. Bunları test edebilmek için derinlemesine inceleyeceğim. Ayrıca iOS için birkaç uygulama listeleyeceğim.
Yerel Android Uygulamaları
Alaycı pal (ücretsiz)
Fiyatı için Mocking alay harika bir iş çıkarıyor. Kullanılabilir eleman yelpazesi temeldir, ancak çoğu web tel çerçeve projesi için yeterlidir. Performans iyi ve uygulama bazı akıllı seçeneklerle geliyor.
Gerçekten harika bir şey, bence, Live Share. Temel olarak, projenize bir bağlantı paylaşabilirsiniz ve bu bağlantıya giden herkes tel çerçevesini gerçek zamanlı olarak görüntülediğinizde görüntüleyebilir.
Android için Mockups (5 $ yakl.)
Android için Mockups yaklaşık 5 USD maliyeti, ancak bir çok özelliği içeriyor. Bir ton UI elemanına sahip değil ama hızlı çalışıyor ve işini iyi yapıyor. İşiniz bittiğinde, projelerinizi çeşitli bitmap formatlarına ve SVG'ye aktarabilirsiniz.
Ana dezavantajı, ilk başta çok kullanıcı dostu olmamasıdır. İş akışına alışmak zorundasın. Yine de kötü değil.
Mockups.me Wireframes (20 $)
Ağırlıklı olarak 20 USD fiyattan, bu uygulama harika olsaydı daha iyi hissettiriyor ! Ve oldukça harika. Android için kullanılabilen diğer tel çerçeveleme uygulamalarının, UI öğelerinin sınırlı kitaplıklarına sahip olduğu yerlerde, bunun bir tonu vardır.
Bu, çünkü uyumludur Balsamiq dosyaları, böylece Balsamiq'te şeyler yaratabilir ve her yerde yanınızda taşıyabilirsiniz.
Katil özelliği, bence, jestlerin uygulanması. Sadece çizim yaparak tuvalinize hızlıca öğe ekleyebilirsiniz.
Son olarak, ancak uygulamanın en önemlisi, çevrimiçi işbirliği yapabileceğiniz ve işinize her yerden erişebileceğiniz, uygulamanın web ve masaüstü sürümleri vardır.
FlexiSketch
Mükemmel performansa sahip ücretsiz bir uygulama. FlexiSketch tek başına bir tel çerçeveleme uygulaması değildir, ancak hızlı bir şekilde yapılabilir. Bu bir vektör çizim uygulamasıdır, ancak buradaki bükülme: çizdiğiniz her nesne hızlı bir şekilde kendi “nesne tipi” olarak kaydedilebilir.
Her nesne tipini daha fazla sürükleyip bırakarak, temelde kendi elementler kütüphanenizi oluşturarak tuval üzerine sürükleyebilirsiniz. Çok sayıda özel öğeye ihtiyacınız varsa, bu sizin için bir uygulama.
Yerel iOS Uygulamaları
Mockups.me Wireframes (20 $)
Doğru! İOS sürümü var bu uygulama de. Android karşılığı ile tam olarak aynı işlevselliğe sahip, bu yüzden oldukça iyi olmalı.
Fiyat da aynı. Eğer paranız varsa, “Şunu yap!” Diyorum.
iMockups (7 $)
Bu Balsamiq desteği ile başka bir tane, ancak sadece 7 USD maliyeti. Birçok kişiden gelen eleştirilerle, iMockups tel çerçeveleme sürecini hızlandırmak için iPad'ler tarafından sağlanan çoklu dokunmatik desteği ve diğer özellikleri kullanmaya odaklanıyor.
Keynote (10 $)
Hayır, aslında şaka yapmıyorum. Bu Sunum yapmak için 10 dolar uygulaması aslında oldukça geniş bir tel çerçeveleme fan tabanına sahiptir.
Ve neden olmasın? Hepsi vektör grafikleri. Onun biçimi Apple-verse'de standarttır. Daha etkileşimli bir prototip oluşturmak için ekranları birbirine bağlayabilirsiniz, işler! Hatta bir araç Uygulamada tel çerçeveleme yapmak için iki veya daha fazla.
Adobe Fikirler (ücretsiz)
Sonunda! Ücretsiz bir seçenek! Aklında tut, bu teknik olarak tel çerçeveleme uygulaması değildir. Bir vektör çizim uygulaması daha var. Bazı yönlerden bu, onu daha az yararlı kılar ve diğerlerinde daha güçlüdür.
Genel Konular
Tablete tel çerçeveleme yapmak zor olabilir. Karşılaştığım uygulamalardan bazıları kaynak anahtar kelimeler. Ek olarak, öğeleri eşit bir şekilde yerleştirmek zordur. Bu uygulamaların çoğunda “kılavuza ekleme” özellikleri vardır, ancak bunlar sınırlı bir yardıma sahiptir. Keşke “yakalama” etkisi biraz daha güçlüydü.
Mocking Mo, seçilen öğeyi bir defada bir piksele hareket ettiren bazı yönlü oklar sağlayarak bu sorunu giderir. Ancak bu, yavaş bir çözümdür ve bu yüzden tamamen ideal değildir. Ayrıca, bu sorunu giderir denedim tek uygulama.
En nihayetinde, seçtiğiniz çözüm, tercihinize bağlıdır. Ancak, gideceğiniz yere, banyonuza veya yerel kahvehanenize takılmanıza izin veren bazı güçlü seçenekler var.