Mock-up Tasarımları ve Wireframe'leri Çevrimiçi Olarak Oluşturmak için 3 Araç

Bir yazılım parçası, hatta bir web sitesi tasarlarken atmanız gereken birkaç adım var. Bu içgörü anından sonra, görevdeki tasarımcının gerçek bir tasarım yaratması ve esas olarak grafiksel kullanıcı arayüzünü tanımlayan uygulamanın görünümünü ve hissini eskiz etmesi gerekir. Bu amaçla, genellikle sahte kavramsal çizimler ve tel kafesler kullanırlar..

Özel yazılım, çok yetenekli olmasına rağmen, genellikle inanılmaz derecede pahalıdır ve gereksiz yere karmaşıktır. Tel kafes oluşturmak kadar basit bir şey için, bu saçmalıkla sınırlıdır.

Web 2.0 ile (ve daha yakın zamanda, HTML5 ile), yazılım savaşı buluta atılıyor. Ve hepsinden önemlisi, çoğu tamamen ücretsizdir! Bu yazıda, kavramsal yazılım ve web sitesi tasarımları oluşturmak için size bazı çevrimiçi alternatifler göstereceğiz..

MockFlow

Bu inanılmaz derecede kapsamlı bir tel çerçeve editörüdür. Temelleri basit. Sağ taraftaki araç çubuğunda, aradığınız nesneye benzeyen nesnelere göz atarsınız ve bunları ekranda sürüklersiniz. Orada, o nesneleri gereksinimlerinize uygun olana kadar düzenleyebilir ve ayarlayabilirsiniz.

MockFlow'un muazzam miktarda nesnesi var ve bazıları inanılmaz derecede spesifik. Yeni bir tasarım oluşturduğunuzda, iPhone, Android ve iPad arayüzleri dahil seçeneklerle tasarım şablonlarından birinden başlayabilirsiniz..

Bu tel çerçeveler diğer kullanıcılarla paylaşılabilir ve düzenlenebilir - ücretsiz sürümde ikisi ile sınırlıdır. Ücretsiz kullanıcılara uygulanan diğer sınırlamalar, maksimum 10 MB depolama alanı, bir tanesi dört sayfa ve en fazla beş hatırlatma revizyonu olan bir modeldir..

Ancak, kayıtlı ücretsiz kullanıcılar projelerinizi PNG ve PDF dahil olmak üzere bir dizi dosya biçiminde indirebilir veya daha güvenilir düzenleme için MockFlow'un masaüstü uygulamasını çevrimiçi senkronizasyonla kullanabilir.

alaycı kuş

MockingBird, çeşitli seviyelerde MockFlow'a benzer. Arabirim, aynı sürükle ve bırak prensibinden oluşur, ancak daha iyi yürütülür ve kullanımı daha kolaydır. Çoğu durumda, MockingBird, tel çerçevelerinizi genellikle size mal olacak sürenin bir bölümünde yaratmanıza yardımcı olabilir.

Söz konusu “serbest sınırların” çoğu da yoktur. Depolama alanı veya oluşturabileceğiniz sayfa sayısı konusunda belirgin bir sınır yoktur..

Sonra tekrar, MockingBird bu daha kapsamlı özelliklerden bazılarına sahip değil. Modellerinizi benzer şekilde dışa aktarabilir ve paylaşabilirsiniz, ancak gerçek zamanlı ekip işbirliği, değişiklikleri izleme veya yerleşik sohbet için bir seçenek görünmüyor. HTML5 ile yapılan MockingBird, Internet Explorer'da da çalışmıyor.

Sonuç olarak, MockingBird ücretsiz sürümünde sınırsızdır ve biraz daha basit bir kullanıcı deneyimi sunar. Buna karşılık, kapsamlı işbirliği ve diğer gelişmiş özelliklerden vazgeçiyorsunuz.

Yorumcu

Tel çerçeve yönü kapalıyken, tasarım sürecinde bir sonraki adıma geçme zamanı: mock-up, durulama ve tekrarlama. Muhtemelen Photoshop veya başka bir resim editörü kullanarak atasözü etini tel kafeslerinize koymaktan bahsediyoruz. Bu sonraki araç, işin ikinci kısmına odaklanmaktadır..

Başlatıcı, özellikle tasarım sırasında faydalı olmasa da, yorumlar ve düzeltmelerde size yardımcı olur. Çok fazla dağınık e-posta trafiği oluşturmak yerine, tasarımlarınızı buluta aktarır. En fazla üç ücretsiz kullanıcıyı mock-up'larınızla ilgili yorum yapmaya, yapışkan iplikler ve revizyonlar için destek alabilirsiniz - en fazla 100 görüntü. Mock-up, durulayın ve tekrarlayın. Bence tatbikatı aldın.

Bir yazılım veya web sitesi tasarımı oluşturmak için faydalı olabilecek başka herhangi bir araç biliyor musunuz? Aşağıdaki yorumlar bölümünde bize bildirin!