Tasarımlarınıza başlamak için basit Wireframes kullanmayı öğrenin
Bir Web tel çerçeve, bir Web sayfasının nasıl görüneceğini size gösteren basit bir görsel kılavuzdur. Herhangi bir grafik veya metin kullanmadan bir sayfanın yapısını önerir. Bir web sitesi telesi, site sayfalarının tamamını gösterecektir - hangi sayfaların nereye bağlanacağı.
Web wireframes, tasarım çalışmalarınıza başlamak için harika bir yoldur. Ve büyük miktarda detaylarla karmaşık tel kafesler oluşturmak mümkün olsa da, planlamanız bir peçete ve bir kalemle başlayabilir. İyi tel örgülerinin anahtarı, tüm görsel unsurları dışarıda bırakmaktır. Resimleri ve metinleri temsil etmek için kutu ve çizgiler kullanın.
Web sayfası tel çerçevesine eklenecek şeyler:
- birincil grafik elemanları için kutular
- başlıkların ve alt başlıkların yerleştirilmesi
- basit bir yerleşim yapısı
- harekete geçirme çağrıları
- metin blokları
Basit bir Web Telesi Nasıl Yapılır
Kullanmakta olduğunuz herhangi bir kağıt parçasını kullanarak bir Web sayfası tel kafes oluşturun. İşte ben böyle yaparım:
- Büyük bir dikdörtgen çizin - bu, tüm sayfayı veya yalnızca görünen kısmı temsil edebilir. Genellikle görünür kısımdan başlarım ve daha sonra katlamanın altında olacak öğeleri dahil etmek için genişletirim.
- Düzeni çizin - 2 sütun mı, 3 sütun mı?
- Başlık grafiği için bir kutu ekle - Sütunların üzerinde tek bir başlık olmasını istiyorsanız sütunlarınızı çizin veya istediğiniz yere ekleyin.
- H1 başlığınızın olmasını istediğiniz "Başlık" yazın.
- H2 ve alt başlıkların olmasını istediğiniz yere "Alt-Baş" yazın. Bunları orantılı yapmanıza yardımcı olur - h2, h1'den daha küçük, h3'den küçüktür, vb.
- Diğer görüntüler için kutulara ekle
- Gezinme ekleyin. Sekmeler planlıyorsanız, yalnızca kutu çizin ve üst tarafa "gezinme" yazın. Veya navigasyon yapmak istediğiniz sütunlara madde işaretli listeler koyun. İçeriği yazmayın. Sadece "gezinti" yazın veya metni temsil etmek için bir çizgi kullanın.
- Sayfaya ek öğeler ekleyin - metinle neleri olduğunu belirleyin, ancak gerçek içerik metnini kullanmayın. Örneğin, sağ alt taraftaki bir harekete geçirici mesaj düğmesi istiyorsanız, oraya bir kutu koyun ve "harekete geçirici mesaj" etiketleyin. "Hemen Al!" Yazmayın. o kutuda.
Basit tel çerçevenizi yazdıktan sonra bir tanesini çizmek için 15 dakikadan fazla sürmemeli, başka birine göstermelisiniz. Eksik ve başka geri bildirimler olup olmadığını sorun. Söylediklerine göre başka bir tel kafes yazabilir ya da sahip olduğunuz şeyi saklayabilirsiniz.
Neden Kağıt Wireframes İlk Taslaklar İçin En İyisi
İlk beyin fırtınası oturumlarınız için Visio gibi programları kullanarak tel çerçeveler oluşturmak mümkün olsa da, kağıda yapışmalısınız. Kağıt kalıcı görünmüyor ve pek çok kişi, 5 dakika içinde birlikte attığınızı varsayacaktır ve bu yüzden size iyi geribildirim vermek için tereddüt etmeyin. Ama mükemmel kareler ve renkler ile süslü tel kafesler oluşturmak için bir program kullandığınızda, programın kendisinde yakalanma riskini yaşarsınız ve hiç yaşanmayacak bir şeyi mükemmelleştiren saatler geçirirsiniz.
Kağıt tel kafeslerin yapılması kolaydır. Ve eğer hoşuna gitmiyorsa, sadece kağıdı yıkın, geri dönüşümde atın ve yeni bir sayfa alın.