Skip to main content
Bir yazı tipi ile bir font arasındaki farkı bilmenize gerek yok, ızgara sistemlerini anlamanız gerek yok veya hiçbir zaman tasarım aracı açmanız gerek yok. Flowstep düzeni, tipografiyi, rengi, aralığı ve görsel hiyerarşiyi otomatik olarak yönetir — sizin işiniz sadece istediğinizi açıklamaktır.

​
Tasarım becerileri olmadan nasıl çalışır

Bir istem yazdığınızda, Flowstep açıklamanızı yorumlar ve bir tasarımcının normalde yapacağı tüm görsel kararları alır: ekranda öğeleri nasıl düzenleyeceği, hangi yazı tiplerini kullanacağı, ne kadar boşluk ekleyeceği ve gözü yönlendiren bir görsel hiyerarşi nasıl kuracağı. Amacı ve içeriği açıklarsınız; Flowstep profesyonel olarak tasarlanmış gibi görünen bir ekran üretir.
Flowstep’e istem göndermek, bir tasarımcıya bilgi vermeyle aynı şekilde düşünün. Tasarımcıya hangi yazı tipi boyutunu kullanması gerektiğini söylemezsiniz — ona ekranın ne için olduğunu ve ne iletmesi gerektiğini söylersiniz. Flowstep aynı şekilde çalışır.

​
İyi istemler yazma ipuçları

Üç şeye odaklanın: ekranın amacı, göstermesi gereken anahtar bilgi ve ürün veya hedef kitle türü. Ekranın amacıyla başlayın Ekranın ne yapması gerektiğiyle başlayın. “Sign-up screen for a meal planning app” bir UI öğeleri listesinden Flowstep’e çok daha fazla şey söyler. Anahtar içeriği veya eylemleri bahsedin Bir kullanıcının görmesi veya yapması gereken en önemli şeyleri ekleyin. Her şeyi listelemenize gerek yok — sadece deneyim için en önemli olan öğeler. Ürün türü veya hedef kitleye referans verin (yardımcı olursa) Ürün türünü (ör. tüketici mobil uygulaması, B2B panosu, e-ticaret ödeme) bahsetmek, Flowstep’in doğru görsel tonu ve kuralları eşleştirmesine yardımcı olur.
İlk sonucunuz tam doğru değilse, baştan başlamayın — sadece bir sonraki istem yazın. “make the layout more minimal” veya “use a darker color scheme” söylemek tasarımı yeni bir yöne yönlendirmek için yeterlidir.

​
Deneyecek örnek istemler

Tasarım terminolojisi olmadan düz İngilizce’de yazılmış, iyi çalışan birkaç istem: Fitness uygulaması için onboarding akışı
“First screen of an onboarding flow for a fitness tracking app. It should welcome the user, briefly explain what the app does, and have a button to get started.”
SaaS ürünü için ayarlar sayfası
“Settings page for a B2B project management tool. Include sections for profile, notifications, billing, and connected accounts. Use a clean, professional look.”
Mobil ödeme ekranı
“Checkout screen for a mobile shopping app. Show an order summary, a field for a promo code, and a prominent button to complete the purchase.”
Bu istemler tasarım dili kullandıkları için değil, ekranın amacını, içeriğini ve bağlamını açıkça açıkladıkları için çalışır. Tek ihtiyacınız bu.