3 Temel Tasarım Trendleri, Eylül 2017
Bazen yeni web sitesi projelerine bakabilir ve tasarımcıların ne düşündüğünü görebilirsiniz. Ruh halinizi hissedebilirsiniz. Bu ayın trendleri, bu kavramı cesur renk seçenekleriyle, bir süredir popüler olan geleneksel kahraman başlık stilinin çöküşüyle ve biraz gizemli olan karanlık animasyonlu desenlerle yansıtıyor.
Ne düşünüyorsun? Daha ince tipografi seçeneklerine, daha ayrıntılı detaylara ve simge stilindeki logolara hazır mısınız? Bu tasarım projelerinden bazılarını gördükten sonra olabilirsiniz.
İşte bu ay tasarımda trend olan nedir?
1. Gökkuşağı Renkleri
“Gökkuşağı renkleri” ni duyduğunuzda akla ilk gelen şey muhtemelen iyi bir tasarım değildir. Gökkuşağı temalı renk paletleriyle çok fazla ve çok açık bir şekilde tasarım felaketleri olan garnitür projelerinin çok fazla göze çarpan örneği vardır.
Bugünün gökkuşağı renkleri felaketten başka bir şey değil. Onlar klas, basit ve şaşırtıcı sayıda projeye sadece doğru miktarda renk sağlıyorlar. Gökkuşağı paletleri sadece küçük web siteleri için değildir; dahil olmak üzere büyük markalar Github Universe Konferansı , Southwest Havayolları ve Londra grameri 'Spotify' kanalının tümü ilginç gökkuşağı desenleri kullanıyor.
Daha da ilginç olan her tasarımın aynı renk konseptini çok farklı şekillerde kullanmasıdır.
- Gökkuşağı metin öğelerini karanlık bir estetikte: Github, gökkuşağı renkli metin ve kullanıcı arabirimi öğeleriyle basit bir karanlık estetiği kullanarak temel bilgileri (tarih gibi) ana harekete geçirme eylemine (bilet satışları) çeker. Gökkuşağı gradyanı, fırsat ve iyimserlik havasını belirlerken basit ve süptildir. Bu, kullanıcıları bir konferansa kaydolmaya teşvik etmek için doğru bir kombinasyon gibi görünüyor.
- Southwest Airlines, daha hafif bir konteynır elemanına gökkuşağı arka plan öğeleri ve metin dolgusuyla yaklaşıyor. Gökkuşağı vurgu, sıkıcı olarak yorumlanabilecek içeriğe sahip bir site için görsel bir referans noktası sağlar. Renk, vaka çalışmasına tıklamaları teşvik etmeye yardımcı olmak için biraz daha fazla hayat verir.
- London Grammar, kullanıcıları Spotify ile ses karıştırma deneyimini bir araya getirmek için dev bir gökkuşağı küresi kullanıyor. Gökkuşağı blob vardiya ve sudaki jel gibi hissedilen yavaş bir animasyonla hareket ediyor. Renkler hareket eder ve birleşir ve dikkatli değilseniz tüm gün bakabileceğiniz bir şeydir. Renkli elemanın gamifikasyon yönü de ilginçtir, ancak renk öncelikle kullanıcıları ilk olarak çeken şeydir.
2. Kahraman Üstbilgisinin Çöküşü
Büyük boy fotoğraf veya kaydırıcı kahraman başlığı, yıllardır bir web sitesi tasarımı elyafı olmuştur. Ancak, daha fazla öğe ve daha az yapılandırılmış bir his ile kaydırma yapısının üstünde daha azını tercih eden daha tasarımcılarla desenden uzaklaşma eğilimi var.
Sonuçta, etrafta yüzen parçaların kırıldığı daha beyaz veya açık renkli başlıklar var. Bu eğilim biraz karışık eleştiriler alır. Bazı görseller ilgi çekicidir, ancak genel olarak kullanıcılar için genel bir odak noktası eksikliği ve açıkça tanımlanmış eylemler kümesi vardır.
Kahraman başlığının daraltılmasından hoşnut olan şey, en az yaklaşımın kullanıcıların bakmasını sağlıyor olmasıdır. Bu farklı. Soru, uzun süreler boyunca ilgi alanlarını taşımak için yeterince mesajlaşma olup olmadığı veya kullanıcıların daha az görsel bir web sitesi deneyimine olumlu yanıt vermesidir.
Bu, izlemek için bir eğilim, çünkü evrimin ilk aşamalarında muhtemeldir. Tasarımcılar, sayfaların üst kısımlarıyla farklı bir şey yapmaya hazırlar (ve anlaşılabilir şekilde). Bu projelerin tekrarı yeni bir şey için ilk adımdır. Bazı tasarımcılar, şu ana kadar bu tasarım konseptlerinin çoğunda garip kombinasyon veya parçaların üst kısımları tarafından engellenebilir. Bir sonraki trendin gittiği yerde görülmeye devam ediyor, ama emin olmak için göz atmaya değer.
3. Karanlık Animasyonlu Desenler
Bu şu anda web sitesi tasarımında en eğlenceli trend olabilir: Koyu renk efektleri üzerine koyu animasyonlu efektler. Karanlık konsept üzerindeki karanlık gizemlidir, görsel olarak ilginçtir ve kullanıcı tasarımıyla gerçekten ilgilenir ve ilgilenir.
Ayrıca, birçok farklı şekilde çalışabilir. Animasyonun boyutu veya türüne veya etkinin ne olduğuna dair bir ayar yoktur. Aşağıdaki örneklerin her biri, karanlık hareket efektlerini farklı şekillerde kullanmaktadır. Tüm bunlar, otomatik hareketlerden, fareyle ilgili efektlere, fareyle ilgili efektlere, sürprizlerin yanıp sönmesine (bir tane bulmak için bağlantılara tıklamak zorunda kalacaksınız) bir çeşit etkileşimi teşvik eder.
Bu tasarım gerçekten harika görünmekle birlikte, bazı zorluklar da ortaya çıkarabilir. Bütün kullanıcılar böyle karanlık bir estetiğe meraklı değiller. Tüm çevre koşullarında iyi sonuç vermeyebilir. Bu tasarımlar, masaüstü ekranlarında daha küçük cihazlara göre daha iyi görünür ve çalışır.
Ancak tasarım eğilimi, belirli bir ruh hali ve modaya uygun bir görünümle, biraz farklı bir şey yaratmak isteyen tasarımcılara yer veriyor.
Ayrıca koyu renk tonların kombinasyonları hakkında, sizi içine çeken çok fazla renk içermeyen bir şey de var. (Bu açıklanamaz bir şey.)
Karanlığın karanlığından en iyi şekilde yararlanmak için, öğelerin görülebildiğinden emin olmak ve hareketlerin fark edilebilir olmasını sağlamak için karanlık tonlarda yeterli varyans kullandığınızdan emin olun. Her proje için doğru ruh halini ayarlamak için zengin siyahları bol alt tonlarla kullanın.
Aşağıdaki örneklerin hepsi renkten yoksun olsa da, önemli vurgu noktaları için beyaz dışındaki bir karşıt renk tonunu düşünün. (Renkli bir harekete geçirici çağrı düğmesi, tüm siyah görüntülerin sağladığı kontrast miktarıyla gerçekten göze çarpacaktır.)
Bu trendle diğer ortak nokta, kullanılan animasyonların sadeliğidir. Hareketin hiçbiri aşırı karmaşık değildir. Tasarım trendinin genel başarısına önemli bir katkı sağlayan renk paleti kadar basit ve akıcıdır.
Sonuç
Bu ayın trendleri ile sergilenen renk kullanımındaki değişim hem ilginç hem de etkili. Gökkuşağı renkleri çok eğlenceli ve canlanıyor, aynı zamanda minimal beyaz ve karanlık desenler de iç mekân ve yansıma için bolca alan sağlıyor. Renk seçimleri, tasarımcıların bir proje hakkında nasıl hissettikleri ile bağlantı kurar.
Ş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.