Temel Tasarım Trendleri, Haziran 2016
Tasarımcılar yaratıcı problem çözme sayesinde web tasarımı kurallarını değiştiriyorlar. Otomatik oynatma sesi, gerçek ve resimli görüntülerin ve hatta fotoğrafların üstüne katman katmanlarının karıştırılması, şu anda en sıcak tasarım tekniklerinden bazılarıdır ve bu üç kavram, uzun zaman önce tabu olarak kabul edilmemiştir.
İşte bu ay tasarımda trend olan nedir?
1. Otomatik oynatma sesi
Uzun zaman önce, kural, isteğe bağlı olmadığı sürece web sitenize ses eklemek değildi. Ve kesinlikle otomatik oyun rotasına gitmeyeceksin.
Bu masalar döndü! Eskiden bant genişliği olan bir şeydi, göze batmayan tasarım özelliği oldukça yaygın hale geliyor.
Müzik, film ya da haberler gibi medyayla ilgili içerikler ve oyun ya da hikaye tipi tasarımlar için ses, özellikle birkaç farklı web sitesi türü için kullanılıyor. Sesi kullanmanın hilesi, yine de bir web sitesiyle sessizce iletişim kurmak isteyen kullanıcılar için bir açma / kapama düğmesi eklemesi gerektiğidir.
Ses, kullanıcıların şok etmemesi gerektiğidir. Gibi birçok site Bu Louise'in Telefonu Oldu Otomatik oynatma sesini kullanan, ses içeriğinin yüklendiğini göstermek için bir çeşit tampon kullanır. Bu yükleme eylemini bir geçiş anahtarı ile birleştirin ve kullanıcılar sesin kendileri için olup olmadığını belirleyebilir veya site ilk sesi çıkarmadan önce belirleyemez.
Ses kullanmaya geldiğinde başka bir hile yumuşak başlıyor. Kullanıcıların sandalyelerinden dışarı atlamasını istemezsiniz çünkü tasarımınız ağır metal çatlaklarla açılır. İlk birkaç saniyede neredeyse bir fısıltıdan tam voltaja kadar crescendo sesi geliyor.
Son olarak, sesin (özellikle de otomatik olarak oynatıldığında), genel kullanıcı deneyimine katkıda bulunan içeriğin önemli bir parçası olması önemlidir. Yeni bir şey denemek istediğin için ses kullanmayın; amacı ile kullan. Ayrıca bunu aklınızda bulundurun - tasarımın bir parçası olarak sesle bile, birçok kullanıcı içeriğe onsuz erişecektir. Akıllıca tasarlayın.
2. Fotoğraf ve illüstrasyon karıştırma
Çekilmesi zor bir teknik olabilir ama fotoğraf ve illüstrasyon arasındaki çizgi aşıldı. Gerçek ve elle çizilmiş unsurları karıştırmak hem eğlenceli hem de görsel olarak ilgi çeken bir projeye bir hava kaprisini ekleyebilir.
Kullanıcılar üzerinde kalıcı bir etki yaratmak için neşesiz olmaksızın yapın. İşte birkaç öneri:
- Simgeler ve düğmeler için resimler ve baskın görsel etki için fotoğrafçılık kullanın
- Çoğunlukla resimde kullanılan görsel bir desen oluşturun, ancak vurgu için kısa video veya resim alanlarını ekleyin
- Fotoğrafların yakınında farklı bir dokunuş için animasyonlu resimli öğeler ekleyin
- Marka fotoğraflarında veya marka görüntülerinde görünecek ambalajlarda kullanılacak şekilde gösterilen bir rozet veya logo oluşturun
- Kullanıcıları diğer görseller aracılığıyla yönlendirmek ve bir hikaye anlatmak için şekilleri kullanın
Taylor Yapımı fotoğraf ve illüstrasyon için bu karma ve maç yaklaşımının harika bir örneğidir. Bir finansal planlama şirketi bu tekniği harekete geçirmeyi beklediğiniz bir yer değildir, ancak etkilidir. İnsanların fotoğraflarının arka planındaki animasyonlu resimler, aksi takdirde sıkıcı bir headshot olabilecekleri ilgiyi artırır. Animasyonlu duraklama istatistikleri kullanıcı dikkatini çeker ve kaydırmayı teşvik eder. Tıklamaları teşvik etmek ve tasarımın metinden ağır kısımlarına görsel yetenek eklemek için sitelerde ikonografide daha fazla örnek kullanılmıştır.
3. Kahraman görüntülerinin üstünde rozetler
Rozetler şu an döndüğün her yer. Logo tasarımından, yenilikçi favoriler olarak adlandırılabilecek klasik retro tipografi tarzlarına kadar, bu basit öğeler minimal tasarım stillerinin temel bir parçası haline geldi. Ayrıca, fotoğrafta eksik olabilecek tasarımlar için ortak bir seçenek.
Bu, daha tasarımcıların kahraman görüntülerinde yıldız fotoğrafçılı rozetleri kullandıkça değişiyor. Eğilim, üstte beyaz veya yarı saydam bir rozet ile tek bir kahraman görüntüsü (genellikle bir sürgü değil) tarafından örneklendirilir. Yerleşimler farklılık gösterebilse de, rozetler genellikle yatay ve dikey olarak ortalanır.
Logo (veya metin) kontrastı için çarpıcı bir fotoğraf. Bu çalışmayı yapan şey, büyük görüntünün kullanıcıları içine çekmesidir. Bu rozet, genellikle zayıf veya gevşek bir görüntü için odak noktası işlevi görür. (Bu tarz bir tarzda kullanılan resimler kötü değildir, ancak bir rozetin yardımıyla faydalanırlar.)
Bu eğilim, bir süredir kahraman görüntü başlıklarıyla birlikte gördüğümüz bir şeyin evrimidir. Geçen yıl büyük boy, cesur tipografi seçenekleri çılgınlıktı. Bu, büyük boyutlu yazıların ve rozetlerin nasıl kullanıldığı arasındaki rozet stillerinin ve benzerliğinin popülerliğinden dolayı doğal bir değişikliktir.
- Her ikisi de beyaz veya açık tipte olma eğilimindedir
- Her ikisi de kullanıcılara evlerine tek bir mesaj vermeyi tercih ediyor
- Her ikisi de, çok sayıda görsel yarışmaya sahip olmayan tasarımlarda çalışır
- Her ikisi de cesur ve cesur çünkü sadece kullanıcılara gerçek bir giriş noktası sunuyor
- Her ikisi de stok fotoğrafçılığıyla son derece iyi çalışır
- Çok sayıda fotoğraf seçeneğiniz olmadığında her iki stil de cesur bir görsel çözüm sunar
- Her iki stil, kullanıcıları ya da video kaydırıcıları gibi başka hareketli öğeler olmadığından kullanıcıları yerleştirmek için diğer yerlere (örneğin bir durum bilgisi gibi) bir animasyon dokunuşu eklemektedir.
Harika bir rolden hoş olan şey, markanızın yanı sıra çift görevde de sunulabilmesidir. (Bu, küçük işletmeler veya portföy siteleri için mükemmel bir seçenektir.) Sizin logomarkız olacağını akılda tutarak bir rozet oluşturun. Kullanıma bağlı olarak karıştırmak ve eşleştirmek için renk ve beyaz versiyonları tasarlayın. Bu ek işlevsellik, rozetlerin bu kadar popüler olmasının bir başka nedenidir.
Sonuç
Web sitenizin tasarımına otomatik oyun müziği eklemek veya gerçek ve resimli görüntüleri karıştırmak için yeterince cesur musunuz? Her iki trend de bir risk unsuruyla birlikte gelir ve ödeme fırsatı sunar. Bu trendlere tam hazır değilseniz, bir kahraman görüntüsü üzerinde bir rozet eklemek neredeyse her tür tasarıma yönelik çalışabilecek bir şeydir. Bu ayarı anında yapabilirsiniz ve gerektiğinde kullanabilirsiniz.
Ş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.