Bir Web Sitesi Şeması Nasıl Yapılır

Şirketinizin web sitesi temel bir site diyagramının ötesine geçtikten sonra, tek tek sayfalarda neyin nereye gittiğine dair kararlar almaya başlayabilirsiniz. Bir web sitesi şeması veya tel kafes, tasarım öğelerini, renk şemalarını, yazı stillerini veya etkileşimli öğeleri kendilerine dahil etmeden sayfa işlevselliğinin somunlarını ve cıvatalarını sunar. Şemayı bir kat planı ve bitmiş sayfayı döşenmiş bir oda olarak düşünün. Sayfalarınızın nasıl bir araya geldiğini değiştirmek için duvarları yeniden boyamak ve mobilyaları yeniden düzenlemek veya değiştirmek yerine, site sayfalarınızın nasıl çalıştığını belirleyen kutuları ve yer tutucuları kullanarak çevrimiçi alanınızı planlayabilirsiniz.

1.

Sayfalarınızda görünecek olan yinelenen öğeleri listeleyin. Bunlar, logo, site gezintisi, fotoğraf alanları, metin alanları, başlıklar, altbilgiler ve kenar çubukları gibi öğeleri içerir.

2.

Sayfa öğelerinin göreceli boyutlarını ve dikey ve yatay konumlarını gösteren bir şema çizin. Bu şemayı kağıda çizebilir, görüntü düzenleme veya çizim programında çalışabilir veya çevrimiçi bir tel kafesleme uygulamasını kullanarak bir araya getirebilirsiniz.

3.

Web sitenizin gerektirdiği her tür sayfa için bir sayfa şeması oluşturun. Ana sayfanız, bir ürün veya hizmet sayfasından, iletişim sayfasından veya blogdan farklı bir sayfa öğesi alt kümesi içerebilir.

4.

Sözlüğün nerede göründüğünü göstermek için yer tutucu metni kullanın. Serif ve sans serif yazı karakterleri arasında seçim yapmak isteyebilirsiniz, ancak şematik tür stili deneyler ve gösterimler için uygun değildir.

5.

Tel kafeslerinizi, elemanların nasıl çalıştığı veya nereye bağlandıkları hakkında notlar ile not alın. RSS, Twitter, Facebook ve iş ortağı veya üretici siteleri dahil olmak üzere dış sitelere veya hizmetlere bağlanan simgeler ekleyin.

6.

Tel kafeslerinizi gerektiğinde değiştirerek inceleme, tartışma ve onay için dolaştırın. Şemalarınızın gerçek sayfalarınızın gerektirdiği tüm tekrarlayan öğeleri içerdiği noktaya ulaştığınızda ve öğelerin göreceli konumu ve boyutu web sitenizin gereksinimlerine uyuyorsa, tel kafes aşamasının ötesine geçebilirsiniz.

İpuçları

• Web sitesi şemaları tipik olarak tasarım sürecinde maketler ve prototiplerden önce gelir. Örnekler, renk şemalarını, yazı stillerini ve diğer tasarım ayrıntılarını, gerçekte uygulamayı düşündüğünüz formlarda gösterir. Prototipler, gerçek sayfa görünümünü gösteren sıkıca biçimlendirilmiş örneklere kadar maketlerin ötesine geçer.
• Sitenizin tarayıcı tabanlı bir sürümü olduğu kadar cep telefonu da oluşturmayı planlıyorsanız, birden fazla tasarım akışı için şemalar oluşturmanız gerekebilir.
• Şemalarınızı el ile çizerseniz, sayfa düzenlerinizin tasarım veya geliştirme sürecinde daha fazla önem arz eden belirli alanlarını vurgulamak için renkli kalemler veya kurşun kalemler kullanın. Örneğin, belirli bir kişi tarafından kodlanacak modülleri temsil etmek için belirli bir renk seçebilirsiniz. Bu renkler tasarım seçeneklerini değil, planlama öğelerini gösterir.

Uyarı

• Şemalarınızı bir web sitesi tasarım aracında geliştirir ve tel kafesleriniz için CSS oluşturursanız, site geliştirmenin şematik aşamasını bir tasarım çalışmasına dönüştürmekten kaçının. Tel kafesler stil değil özellik taşır.