Kentsel Web Sitesi Tasarımları

Sokaklardan ve Silüetlerden İlham Alan Modern Şehir Web Tasarımı

Sokak lambaları altındaki ıslak asfalt fotoğrafını kalın ve sıkı dizilmiş bir başlıkla bir araya getirdiğinizde, sayfa daha aşağı kaydırılmadan şehir hissini verir. Şehir web tasarımı, bir mimarlık ofisi için de şehir merkezinde doğup büyüdüğünü hissettirmek isteyen bir sokak giyim markası için de bu şekilde çalışır. Ancak sadece şehir silüeti fotoğrafları sayfayı tek başına taşıyamaz; çünkü ziyaretçilerin mekânın ne sunduğunu ve sonra nereye gideceklerini bilmeleri gerekir.

Metropol Havası Veren Görsel İpuçları

Bir mekân duygusu, her sayfada yinelenen birkaç tasarım tercihinden doğar:

• Doğal ışıkta çekilmiş cepheler, yaya geçitleri veya hareketli bir pazar sokağı gibi gerçek çevreyi yansıtan fotoğraflar.
• Bir vitrin tabelasının camdaki duyuruların üzerinde durması gibi, sade gövde metninin üzerinde yer alan dikkat çekici başlıklar.
• Tıpkı bir binadaki pencerelerin dizilmesi gibi, fotoğrafların ve metin panellerinin aynı hizaları paylaştığı katı bir ızgara yapısı.
• Sokaktan ödünç alınan bir renk paleti; genellikle beton grisi ve asfalt siyahına eşlik eden, düğmeler için tek bir vurgu rengi.

Bu vurgu rengi zamanla başlıklara ve simgelere de sıçrayarak paletin karmaşık görünmesine yol açabilir. Renkler site genelinde bir kez tanımlandığında, bir sokak giyim markası her yeni koleksiyon için vurgu rengini tek bir yerden değiştirebilir. Resmi Site Colors kılavuzu, Nicepage platformunun tüm sayfalarda tek bir renk şemasını nasıl uyguladığını açıklar.

Gerçekleri Gölgede Bırakan Fotoğraflar

Bir binanın geniş açılı fotoğrafı harika görünür; ta ki ilk ekran alanını bir adres, çalışma saatleri ve bir düğmeyle paylaşmak zorunda kalana kadar. Şehir web tasarımında bu çatışmayı genellikle tipografi çözer. İddialı bir display yazı tipi proje adını taşırken, daha sade bir metin yazı tipi tarih ve adreslerin hareket halindeyken bile kolayca okunmasını sağlar. Nicepage bunları site genelinde tipografi stilleri olarak saklar; böylece bir başlık boyutunu bir kez değiştirdiğinizde tüm sayfalarda güncellenir.

Bir mimarlık ofisi fotoğrafları öne çıkarıp açıklamaları kısa tutabilir. Bir müzik festivali ise tam tersini yaparak tarihleri ve bilet bağlantılarını ilk sıraya koyar, fotoğrafların ise atmosferi belirlemesine izin verir.

Küçük Ekranlarda Dış Mekân Parlaması

Akıllı telefonlarda bir şehir silüeti panoraması tek bir kuleye kadar kırpılabilir; bu nedenle ana görsel (hero) fotoğrafları, ana konu merkeze yakın olduğunda daha iyi sonuç verir. Nicepage Responsive Modları, dar ekranlar için metin boyutunu, boşlukları ve yerleşimi ayarlamanıza olanak tanır. İnsanların sayfayı sürekli yukarı aşağı kaydırmak zorunda kalmaması için mekânın fotoğrafı ile adresini aynı ekranda tutun.

Parlak gün ışığında beton grisi ile asfalt siyahı, telefon ekranında tek bir koyu kütleye dönüşebilir; bu yüzden düğmelerin moodboard'da planlanandan daha yüksek bir kontrasta ihtiyacı vardır. Yayına almadan önce ana sayfayı birine beş saniye gösterin, ardından mekânın ne olduğunu ve nereye tıklaması gerektiğini sorun. Yalnızca fotoğrafları hatırlıyorsa, sayfa yerleşiminin üzerinden bir kez daha geçilmesi gerekir.