Temel Tasarım Trendleri, Mayıs 2017
İyi bir ilk izlenim yaratmak, web sitesi tasarımının hayati bir parçasıdır. Ana sayfa genellikle bir kullanıcının bir işletme veya kuruluşla sahip olduğu ilk deneyimdir ve çarpıcı bir tasarım ilgi çekmeye yardımcı olabilir. Bu ayın eğilimleri, kullanıcıların görmeye alışkın olduklarından biraz farklı olan ana sayfa tasarım öğelerine odaklanıyor.
Sığ kahraman başlıkları ve köşegen köşe düzenlerindeki tamamen estetik bir eğilimden, bu kullanıcı etkileşim eğilimine veya harekete geçmeye kadar, kullanıcıların dikkatini çekmek için birçok ilginç yol vardır.
İşte bu ay tasarımda trend olan nedir?
1. Sığ Hero Headers
Bir süre için, kahraman görüntüleri ile olan eğilim, ekranı ana sayfaların en başından sağa kaydırmanın başladığı yerden sağa doğru dolduran büyük, cesur resimler ve videolar olmuştur. Daha fazla tasarım, sığ kahraman görüntüleri için bu büyük boyutlu görüntü eğiliminden vazgeçmeye başlıyor.
Tasarımın çoğu hala aynı. Kahraman başlıkları hâlâ güzel resimler veya bakılacak bir yapılandırmaya sahip metinler içeriyor. Ama görüntüler yaklaşık yarısı kadar derin.
Bu kavramdan hoşnut olan şey, diğer bilgileri ekranda hareket ettirmeye yardımcı olmasıdır. Kahraman görüntüsünde olmayan gövde kopyaları ve harekete geçirici mesajlar, tasarımda daha yüksek görünür, kullanıcılara bir şeyler yapmaya veya hemen tıklamaya izin verir. Görüntüde karmaşayı önlemeye yardımcı olabilir, bu da görüntü meşgulse veya metinle etkili bir şekilde eşleşmesi zorsa oldukça önemli olabilir.
Bu tasarım deseni, genel tasarıma daha fazla boşluk katabilir ve daha hafif ve gezinmesi daha kolay hissettirebilir. Daha az stilleri hala popüler olan bu konsept, bu tasarım kararını yönlendiren faktörlerden biri olabilir.
Daha sığ bir kahraman görüntüsü kullanmanın en zor kısmı kırpmaktır. Tasarım süreci hakkında erken düşünmek isteyeceğiniz şeylerden biri, fotoğrafçılarla görüntülerle ilgili konuştuğunuz zaman. Şekil standart olmadığı için, bu en boy oranıyla iyi görünecek bir fotoğraf veya video çekmek için resmi nasıl kullanacağınızı açıklamanız gerekebilir.
2. Köşe Köşe Yerleşimleri
Bazı eğilimler görmezden gelmek için çok eğlenceli. Köşegen köşe düzenleri bu kavramlardan biridir.
Bu tasarımlar, ekranın bir köşesinde kümelenen öğelerle (çoğu zaman sağ altta) ve tuvalin geri kalan kısmına yayılan öğelerle örneklenir. Elementler genellikle tasarıma benzerler gibi görünecek şekilde konumlandırılır.
Köşegen köşe düzenleri, kullanıcılar için sol üst veya merkezden ziyade bir tasarımın alt köşesinde bir odak noktası oluşturarak ve ekran boyunca “patlayacak” gibi görünen unsurlar düşüncesiyle biraz derinlik yaratarak kullanıcılar için farklı bir göz izleme modeli sağlar. (Tasarıma fazladan bir vuruş yapmak için, kullanıcı belirli öğeler üzerinde gezinirken veya bu öğeler üzerinde gezinirken hareketle bu patlamanın etkisini arttırmak için öğeleri canlandırmayı düşünün.)
Bu unsurlardan en iyi şekilde yararlanmak için, pek çok tasarım, gerçekliğin bu ekstra unsurunu eklemek için kaydırma altındaki daha fazla öğeyi "gizler". Böylece, göremediğiniz tasarımın parçaları, dokunma hissine sahip olur ve kaydırmada bulunur.
Bu tür bir tasarım deseni her tür içerikle çalışmadığı halde, başka birçok sanatın bulunmadığı ve dikkat çekmek için çok sayıda kullanıcı arayüzü unsuru kullanan tasarımlar için iyi bir fikir olabilir. Ayrıca portföy stili tasarımlar için çalışabilir veya daha küçük görsel öğelerin tek bir birim halinde düzenlenmesinin bir yolu olarak kullanılabilir.
3. Bu veya Harekete Geçiren Aramalar
Hemen hemen her web sitesi tasarımı bir tür harekete geçirici mesaj içerir. Daha fazla içerik için kaydırmaya devam etmek, tıklamak veya tıklamak için bir form olsun, kullanıcının bir şey yapması istenir. (Ve bu çaba için genellikle ödül olarak başka bir şey alırlar.)
Kullanıcıların ana sayfadan ne yapacağına karar verdiklerinden seçim yapabilmelerini sağlayan, harekete geçirici mesajların yansıtılmasıyla daha fazla tasarım ortaya çıkmaya başlıyor. Tasarım, doğrudan sorguladığınız veya aldatmayacağınız gibi çeşitli şekillerde görünebilir. Kelimeler acıdı iki panel seçeneğine Stoli için tıklama seçeneği gezinme Merhaba Pointe Sürücü İçinde .
Bu tasarım stili, kullanıcılara, yapmak istedikleri ve gördükleri şeyleri kontrol eder ve bu da içerik ve seçimlerin doğru karışımıyla çekici olabilir. Aşağıdaki üç örnekte, kullanıcının neler yapabileceği ve ne olacağı konusunda mükemmel bir çalışma vardır. (Kullanıcı yanlış bir seçim yaparsa ve geri gitmesi gerekiyorsa da çıkışlar vardır.)
Buradaki zorluk, bu tasarım deseni için doğru içerik türüne ihtiyaç duymanızdır. Bazı kullanıcılar birden fazla seçenekle bunalmış olabilir ve tek bir seçim ile tek bir harekete geçirme isteğinde bulunabilirler - eylemi tamamlayıp bitirmeyebilirler. Burada, kullanıcıların göz önünde bulundurmak için iki seçenek var. Seçimlerden en iyi şekilde yararlanmak için, içeriğin tamamen ilgi çekici olması gerekir.
Sonuç
Son zamanlarda keşfettiğimiz diğer trendlerden farklı olarak, bu ayın eğilimleri, mevcut bir tasarıma anında ekleyebileceğiniz saf görsel öğelerdir. (Eğer şanslı olsan da yaklaşabilirsin.)
Bu tasarım şemaları, belirli bir kavramın akılda tutulduğunu bilerek, içerik ve tasarımın planlanması konusunda biraz daha fazla güvenir. Önplanlamayı gerektirir ve bazı durumlarda hepsini bir araya getirmek için biraz HTML veya CSS büyüsü gerektirir.
Şu anda hangi eğilimleri seviyorsunuz (ya da nefret ediyor)? Büyüttüğünüz bazı web sitelerini görmek isterim. Bana bir bağlantı bırak Twitter'dan ; Senden haber almak isterim.