Web sitesi tel kafesleri, bir web sayfasındaki öğelerin yerleşimini gösteren basit çizgi çizimleridir. Daha sonra karmaşık bir tasarım yerine tasarım sürecinin başlangıcında basit bir tel çerçevenin düzenini düzenleyerek çok zaman kazanabilirsiniz.
Wireframes'i kullanmak, web sitesi projesine başlamak için harika bir yoldur, çünkü size ve müşterinize, renk, tür ve diğer tasarım öğelerinin dikkati dağılmadan yerleşime odaklanabilmenizi sağlar. Web sayfalarınızda nereye gittiğinize ve her bir öğenin kapladığı alanın yüzdesine odaklanın; bu, müşterinizin ihtiyaçları tarafından belirlenebilir.
01/03
Web Sitesi Tel Çerçevesine Eklenecekler
Bir web sayfasının tüm önemli unsurları web sitenizin tel kafesinde gösterilmelidir. Gerçek grafikler yerine basit şekiller kullanın ve bunları etiketleyin. Bu öğeler şunları içerir:
- Gezinme: Kullanıcıların sitenizin ana bölümlerini ziyaret etmesi için düğmeler.
- Şirket logosu: Sadece bir kutu ile temsil edilebilir.
- İçerik alanları: Farklı içerik bölümleriniz nerede görünecek?
- Arama kutuları
- Kullanıcı giriş alanları
02/03
Web Sitesi Wireframes Nasıl Oluşturulur
Bir web sitesi tel kafes oluşturmak için çeşitli yollar vardır. İçerirler:
Kağıda Elle Çizim
Bu yöntem, bir istemci ile yüz yüze geldiğinde kullanışlı geliyor. Yerleşim fikirlerinizi kağıda aktarın, hangi öğelerin nereye gitmesi gerektiğine odaklanın.
Adobe Photoshop, Illustrator veya Diğer Yazılımları Kullanma
Çoğu grafik yazılım paketi, tel kafes oluşturmak için gerekli tüm temel araçlarla donatılmıştır. Basit çizgiler, şekiller ve metin (öğelerinizi etiketlemek için), önceden tanımlanabilir bir tel kafes oluşturmak için gereken her şeydir.
Bu Görev Türü için Oluşturulan Yazılımı Kullanma
Photoshop ve Illustrator uygulaması hileyi yaparken, bu tür çalışmalar için özel olarak bazı yazılım paketleri geliştirilmiştir. OmniGraffle boş bir tuvalde kullanılacak şekil, çizgi, ok ve metin araçları sağlayarak tel kafeslerin oluşturulmasını basitleştiren bir yazılım parçasıdır. Ayrıca, ortak web düğmeleri gibi daha fazla öğeyle birlikte çalışabileceğiniz Graffletopia'da özel grafik setleri (ücretsiz olarak) indirebilirsiniz.
03/03
Faydalar
Web sitesi wireframes ile, istediğiniz düzeni elde etmek için basit bir çizgi çizme yapmaktan faydalanabilirsiniz. Bir sayfanın etrafındaki karmaşık öğeleri taşımak yerine, birkaç kutuyu yeni konumlara sürüklemek için çok az zaman alabilir. Aynı zamanda siz veya müşteriniz için ilk önce mizanpaja odaklanmanız çok daha üretken oluyor… “Bu rengi sevmiyorum!” Gibi yorumlarla yola çıkmayacaksınız. Bunun yerine, nihai bir düzen ve yapıyla başlayacaksınız. tasarımınızı temel alan