Kuş Bakışı Görünümü. Web ile Yatay Projeksiyon Tasarımı

Onlar insanlar için oldukça tanıdık şeyler. Bizler onunla ilgili bir deneyime sahibiz, çünkü biz onları daha önce gördük ne ile karşı karşıya geldiğimizden eminiz. Skeuomorphic düzen gibi gerçek hayattan nesneler ile tasarımları zevk sunmak  etkileyicidir.  Onların popülerliği geçtiğimiz yıla göre düşmüş olsa da 2014 yılı trendi olarak gözlenmiştir - plan görünümlü tasarım.  Açıkçası bu konuda okuduğunuz önemli trendlerden biri değil ancak, modern bir web sitesini özgün bir eğilim ile tamamlamak cesarettir.

2014 yılı hepimizin bildiği bir dizi eğilimlerin belirli gurubuna damgasını vurdu.  Şimdi onlara hızlı bir şekilde göz atalım ve tanımlayalım:

  • Hikaye anlatma tasarımı – muhteşem etkileri ve güzel görüntüleri ile şirket veya büyüleyici bir şekilde bir kişi hakkında anlatılır.  Seamless scrolling, parallax etkileri gibi tasarımlarda canlandıracaktır.
  • Responsive tasarım – bir web sitesi mobil cihazlar ile ziyaret edildiğinde gerekenleri karşılayan işaretçisidir.
  • İçerik odaklamak – tasarımın ana rolü okunabilirlik ve algılanabilirliği kolay hale getirmek için vurgular.
  • Basit ve Temiz – iyi yapılan modern tasarım noktası konuşulmaktadır,  seyyar satıcılardaki gibi darmadağın bir görünüm sunmaz ve rahatsız etmez ve basitliği ile flat tasarımlarda büyük popülerlik için verimli bir zemin olacaktır.
  • Toplu bir  belle olarak tipografi – web sitenizin genel basitliği, içerik ve görsel parçalar üzerinde vurgulamak tipografiyi daha lezzetli hale getirecektir.
  • Sabit navigasyon –  UI/UX bilenler , standart sabit bir navigasyon (üst kısım, menü) tercihidir, ‘bu kullanıcıların işini kolaylaştırır’ web sitesi daha iyi çalışacaktır.

Burada büyük bir eğilim bulunmaktadır, ancak aşağıdaki listeye eklemeler yapılabilir: çapraz tarayıcı uyumluluğu, Flash intro, yükleme ekranı, uzun gölge elemanları, yenilikçi logolar vb. Bunlara rağmen, Though, bu plan görünümü ile web tasarımları söz etmeden tamamlanmış olmayacaktır.

Bunu nasıl çağırabiliriz…

Yatay projeksiyon ile yaygın olarak kullanılan masaüstü görünümü veren tasarımlar için kullanılır.  Bu arka plan görüntüsü ile bir site girmek olağan günlük resimleri göreceksiniz -  tümü dağınık çok tanıdık şeyler gibi bir çalışma alanı. Telefonlar, tabletler, saatler, kahve kupaları gibi tüm bu öğeler, not kağıtları, kalemler ve kendi masanızda rahat bir atmosfer yaratmak ta doğru ruh kuracaktır. Psikologlar  önceki deneyim her şeyin kurulmuş ve alışılmış, insanların rahat ve konforlu hissettirilmesi gerektiğini söylüyorlar.  Aynı duygular bizlere her gün çalışma öğelerinin mevcut sırasını gösterir, plan görünümü web tasarımcıları tarafından uyandırıldı.  Böylelikle, tekrar tekrar bu tür elemanlar ile ziyaret edilen siteler izlenecektir.

Ve kullanılabilir…

bu tür tasarımlarda yaygın olarak kullanabilecek ayarlar nelerdir? İlk olarak söz edebileceğimiz iş. kişisel sayfalar dahil olmak üzere iş web sitelerinde her türlü şirketlerin web varlıklarını yatay bakış açısı ile geniş arka plan görüntülerinden yararlanılabilir. İkinci olarak en iyi gıda sanayi ile anlaşma sitelerinin bir türüdür.  Ben yemek tarifleri, restoran, mutfak blogları siteleri üzerinde yüzlerce örnek gördüğümden emin olabilirsiniz.  Onlar gerçekten inanılmaz! Tüm bu güzel mutfak malzemesi ve lezzetli gıdalar ile insanları davet eder, bir aksama olmadan seyircilerin ilgisini kazanacaktır. Ayrıca aynı şekilde müzik ve moda düzenleri de bulabilirsiniz.

Üst resim arka plan görünümü ile fotoğraf çekimi için en popüler yer olacaktır. Sitenin üstünde ilk izlenim bırakmaktadır, moda unsurlarının bol uygulanabilir olması şaşırtıcı değildir. Bazı site merkezi içerik kısmında yatay projeksiyon ile göz zevki ile kaydırma yapılabileceğini gözlemleyebilirsiniz.  Nadiren alt bilgi tarafına da yerleştirilebilir.

Yani, plan görünümü web tasarım örneklerinin bir hazır bir bölümünü görmek istiyor musunuz?

Düşünebilmek için örnekler...

The Heads of State

“Resim yapma işi” bu adamlar işlerine nasıl diyorlar. Üst kısımda güzel bir yatay projeksiyon ile kenar site tasarımı kesim işlerinin tanıtımının iyi olması için çalışıyorlar.

The-Heads-of-State

Munchery

Bu düzene bakarak kesinlikle masadaki tüm nefis yemekleri, içecekleri ve tabak üzerinde yumuşak incirler ile ağzınızın suyunun aktığını göreceksiniz.

Munchery

Langtidsmodnet

Eğer siz güçlü bir et severseniz, bu web sitesini görüntülemeden önce kendinize bir sandviç yapmanız açlığınızı biraz bastıracaktır.

Langtidsmodnet

SocioDesign

Bir dijital tasarım şirketi ne sunabilir? Güzel marka kimliği kitleleri ve başarılı projelerin bir ton demeti.

SocioDesign

Squarespace

Ben açık kahve rengi modern düzenlerden hoşlanıyorum. Bir terzi tablo özelliği her araca bakmak için sunacaktır.

Squarespace

Whatsmynvme

Sanat yönetmeni sitede tüm bu öğelere bakarak biz onun en sevdiği şeyleri görebilir ve onun boş zamanında ne yaptığını gözlemleyebilirsiniz.

Whatsmynvme

Designabile

“Bizim güzel arayüzlerimiz bir zanaat ” – bu slogan ana sayfasında özellikli öğeleri ile mükemmel entegre edilmiştir. Bu öğelerin her biri kendi yolunda güzel - Apple araçlar, kulaklıklar ve temiz bir not defteri.

Designabile

Equus

Markalaşma şirketi, temiz bir marka kimliği olmadan olamazdı – bu söylenenlerin hepsini ana sayfada bulabilirsiniz.

Equus

Gnosh

Bu site tasarımı ev yapımı yemekler ile çalışan restoranları hatırlatıyor. Bütün düzen ortalıkta olan sebze ve diğer lezzetler ile görüntülenen koyu renkli tablodur. Eğer bir yemek pişirme işine düşkünseniz bu siteyi unutmamalısınız.

Gnosh

Grovemade

Bu iPhone durumunda bir web sitesi ve gerçek ahşap ile bazı öğeler. Hiç bir şey onların ürünlerinin güzel fotoğraflar ile daha iyi konuşturacaktır.

Grovemade

Kitbag

Bu site üzerine yerleştirilen çeşitli öğeler ile düzenli alanını gösterir, onun plan görünümü görüntü olarak, sadeliği ve temiz görünümü ile vurgu yapmaktadır.

Kitbag

Mijlo

Mijlo çantasından chitterlings düzenlemek için yönetilen dünyadaki tek kadın gibi herhangi bir kadının çantası içindeki gerçek bir karmaşa yansıtılmış gibi görünüyor. Dışarıya çıkarıldığında ki görüntü ekran üzerine görebilirsiniz.

Mijlo

Mod Notebooks

Masada bulunan bloknot'a bir göz atın. BTW, bu hizmet türünden birisidir. Onlar bunu bir sır olarak saklar nasıl, bazı el yazıları okunmaz görünse bile bloknot dijital ortamda olacaktır. Bununla birlikte, sitenin olağan dışı ana sayfası nedeniyle bu yazının içine dahil edilmeyi hak ediyor.

Mod-Notebooks

Storehouse

Gömülü video ile iPad görünümü bu tasarım aşağı kaydırma yaparken bir kaç kez fark edilebilecek kilit noktasıdır. İlk noktada bunun çevresinde her zamanki gibi öğeler ile ahşap masa üzerine yerleştirilmiştir.

Storehouse

The First Time

Eğer bazı antika şeyler ve bit pazarında düşkün konum,  “The First Time” web sitesine hoş geldiniz. Orada Polaroid fotoğraf makinesi, vinil çanlar ve bir gün için çok yaygın olan diğer güzel şeyler göreceksiniz.

The-First-Time

The Oven

Buna karşı çeşitli mutfak eşyaları ile çok renkli arka plan göz dolduran ve oldukça iyimser görünmektedir.

The-Oven

Yatay projeksiyon ile Plan görünümlü web tasarımları yada tasarımlarda 2014 yılı trendlerinden olan biri denilebilecek ve tümüyle web üzerinde  oldukça fazla bulunmaktadır.  yukarıdaki örneklerde de görebileceğiniz gibi çeşitli iş alanlarının siteleri, giderek artan ziyaretçi ilgisi ve yeni ziyaretçileri getirebilmek için bu düzenlerden yararlanabilir.

P.S. eğer yukarıda belirtilen şekilde öekici bir web sitesi oluşturmak istiorsanız kullanmayı deneyin. website-builder.com

Bu makale İngilizce’den tercüme edilmiştir. Orijinal makaleye buradan ulaşabilirsiniz; See It From Birds Eye View. Web Designs with Horizontal Projection



Barış Hepçorman

Barış profesyonel bir içerik pazarlamacısı ve ilham veren bir yazardır. Gündüz pazarlama müdürü, gece ise yazar, iş, pazarlama, tasarım ve web geliştirme üzerine birçok blog yazısı yazıyor. Web sitesi oluşturucular ve CMS ile çalışmayı ve deneyimini okuyucularla paylaşmayı seviyor. Onu LinkedIn'de takip edin