Web sitesi veya arayüz wireframe (Tel Çerçeve ) aslında içerik blogları yada web arayüzü parçalarının şematik olarak sunumudur diyebiliriz. Wireframe bir web sitesi arayüzü iskeletini temsil eden görsel klavuzdur.
Bir wireframe kullanılarak kolayca sayfa düzeni, içerik parçalarının düzenlenmesi, site navigasyon ve benzeri düzenleri almamıza olanak sağlar. Odaklanılan içeriğin işlevselliği, davranışı ve önceliği olmasına rağmen genellikle wireframes görüntüler ve metinler ihmal edilmektedir.
Diğer bir değişle, görüldüğü gibi değil direk ekrana odaklanılmaktadır. Wireframes bir beyaz tahta üzerinde beyaz kalem çizimleri veya bazı eksikleri olabilir, yada üçüncü taraf yazılım yada uygulamalar kullanılarak üretilebilir. Wireframes esas odaklanması:
- Görüntülenen bilgi türleri.
- Fonksiyonların aralığı.
- Bilgileri belirli türde görüntüleyebilmek için kurallar.
- Ekrandaki farklı senaryoların etkisi.
Burada bulabilirsiniz metaphorical use of wireframing, bu gibi sitelere webwithoutwords denir.
İlk bakışta siyah kutuları göreceksiniz, hiç bir şey içerikmiş gibi görünmüyor, ancak mause ile üstlerine geldiğinizde hover etkisi ile içeriği göreceksiniz.
Muhtemelen kendinize şu soruyu soruyorsunuz "Bunun için özel programlar yada uğulamalar var ise neden Photoshop için wireframing kiti gereklidir?"
- Eğer Photoshop uygulamasını her gün kullanan biriyseniz uygulamayı öğrenebilmek için gereken sadece PS penceresine PSDs dosyasını sürüklemek ve mock-up yapmaya başlayabilirsiniz.
- Photoshop'ta bazı diğer uygulama işlevlerini kısaltmak veya sıralamalar ile sınırlı olmayan, PS ile hemen hemen her şeyi mock-up yaparak kaydedebilirsiniz ve daha sonra gerektiği zaman tekrardan kullanabilirsiniz.
- Birden fazla wireframe sayfası olması, ayrı katmanlar halinde onları tutmak ve daha sonra zaman kazanmak açısından Katman Pozisyonları ve Akıllı Nesneleri kullanabilirsiniz.
- Kolaylıkla wireframe özelleştirilebilir, özgün bir görünüm verebilir yada düzen tasarlanabilir.
- Genel olarak Photoshop un diğer uygulamalarına baktığımızda tüm paremetreler arasında kazanır.
Photoshop wireframing farklı uygulamalarda bazı ücretsiz PSDs dosyalarını edinmek kesinlikle iyidir, nereden indireceğinizi biliyor musunuz? Biz özgür Photoshop wireframing kitleri alabilmeniz için ve tasarım marketlerinde kullanabileceğiniz harika kaynakların bir listesini sizler için yaptık.
Bu kitlerin tümü benzer içeriklere sahip tasarım (butunları dahil olmak üzere, navigasyon, içerik blokları) öğeleri içermektedir fakat hepsi farklı görünümlere sahiptir. Mobil arayüzleri içinde çeşitli kitleri bulabilirsiniz, hatta ufak iPad elemanları ve İPhone arayüzlerini bulabilirsiniz.
Free Sketching Wireframing Kit
Günlük iş yaşantınızda zaten bu kitleri kullanıyorsanız aşağıdaki yorum bölümüne deneyimlerinizi yazabilirsiniz. Ayrıca diğer wireframe biliyorsanız bize iletin memnuniyet ile onları da paylaşacağımız'dan emin olabilirsiniz.