3 Temel Tasarım Trendleri, Temmuz 2017
Bu ay odak tasarım öğeleri üzerindedir. Son zamanlardaki birçok trend kullanıcı kalıplarını, renklerini veya tipografilerini içeriyordu, ancak burada her şey ince tekniklerle ilgili. Dikkat edilmesi gereken temel eğilimler arasında sayfa içi gezinme, bir tasarım öğesi olarak kutular ve çok sayıda dikey çizgi ve hareket bulunur.
İşte bu ay tasarımda trend olan nedir?
1. Downpage Gezinme
Tasarımcılar bu günlerde navigasyon söz konusu olduğunda oldukça deneysel bir aşamada görünüyorlar. Dikey, yan gezinme seçeneklerinden pop-out stillerine, downpage stillerine kadar, menü öğeleri her yerdedir.
Sayfa içi gezinme, ayrı bir no-hayır olarak kullanılırken, sizin üzerinizde büyüyebilir. Daha fazla tasarımcı bu kullanıcı modelini tercih ettikçe, daha genel olarak kabul edilecek. Dikkat çekici bir kelime: Eğer sayfa içi gezinmeyi tercih ederseniz, ziyaretçilerinizin kalıbı anladığından ve tıklamaya devam ettiğinden emin olmak için web sitesi analizlerine yakından bakın. Bu teknik tüm izleyiciler için işe yaramayabilir.
Peki nasıl çalışırsın?
- En iyi sayfa gezinme stilleri basit, tasarımlara uygulanır. Kaydırma olmayan bir sayfa ve sadece birkaç sayfa en iyisidir.
- Aşağı yönde gezinme öğelerinin büyük tarafta olması gerekir, böylece kullanıcılar bunları göz ardı etmez.
- Sayfada daha uzun bir kaydırma varsa, yapışkan öğeler gereklidir.
- Yeni bir alternatif için ana sayfadaki sayfa içi gezinmeyi düşünün, ancak iç sayfalarda daha geleneksel bir desene dönün.
- Minimal bir çerçeve ile kullanın. Downpage gezinmesi, karmaşık olan veya bir kullanıcının dikkatini çekmek için yarışan birçok öğeye sahip bir tasarımda kolayca kaybolabilir.
- Kullanıcıları navigasyona yönlendirmek için “ekstra” bir tasarım öğesi ekleyin. Bu, cesur bir renk seçeneğinden, geleneksel olmayan bir yerde gezinmeye doğru göz atmaya yardımcı olan yönlü bir görsele kadar her şeyi içerebilir.
2. Tasarım Elemanları Olarak Kutular
Bu, 2017'nin saf estetik amaçlar için kutsanmış unsurların en çarpıcı ve çok yönlü trendlerinden biri olabilir.
Kutular, kart trendinden gördüğümüz gibi harika bir kaptır. Ancak tasarımcılar, içeriği vurgulamak, resimleri göstermek ve gözü tuvalin belirli bir bölümüne çekmek için kutularla çalışır. Ve güzel çalışıyor.
Bu trend ile ilgili güzel şey, çok yönlü olmasıdır. Kutulu elemanları kullanmak için tüm tasarımı yeniden düşünmek zorunda değilsiniz. Saf görseller olarak ya da diğer içeriğe bağlantı olarak kullanılabilirler. Bir kutu, harika bir görüntüden harekete geçirici mesaja kadar neredeyse her şeyi içerebilir.
Kutulu bir tasarım öğesinden en iyi şekilde yararlanmak için bazı ipuçları şunlardır:
- Derinlik veya odak oluşturmak için bir kutu kullanın. Cedrick Lachot , altında. Siyah arka plandaki fotoğraf basittir ve üstteki beyaz yazı, ana sayfada ve tasarım boyunca dikdörtgen şekle ve diğer tıklanabilir kutulara vurgu yapar.
- Öğeleri katmanlamak için bir kutu kullanın. Feudi Di San Gregorio Aşağıda, görüntünün bir parçası gibi hissettiren bir katmanlama tekniği ile gözün çok özel bir parçasına çekilmesi için bir kutu kullanılır. Kutu ile ilişki halindeki ellere yakından bakın. Aynı kavram yatay kaydırma çubuğundaki çoklu görüntüler için kullanılır ve basit tasarıma ekstra bir karmaşıklık katmanı ekler.
- Akış oluşturmak için bir kutu kullanın. Beoplay Aşağıda, tasarımda bir yol oluşturmak için resimlerle birlikte yığılmış kutular kullanılmaktadır. Her kutu, kullanıcıyı meşgul etmek ve kaydırmayı teşvik etmek için bir dizi küçük kutudan canlandırır.
- Tasarımın üstüne açılan bir harekete geçirici mesaj gibi eyleme dönüştürülebilir bir öğe oluşturmak için bir kutu kullanın.
- Materyal Tasarım stilinde kartlarla bir tasarım oluşturmak için kutuları kullanın. Bu eğilim bir süredir ortada olsa da, özellikle mobil tabanlı tasarımlar için popüler bir seçenek.
3. Dikey Çizgiler
Web'i her zaman dikey bir alan olarak düşünmüyorsunuz, ancak daha fazla tasarımcı tasarımlara çok dikey unsurları dahil ediyor.
Dikey elemanlar, farklı yukarı ve aşağı öğelere sahip fotoğraflara akış oluşturmak için sıska hatlardan, kullanıcıları bir tasarım aracılığıyla yönlendirmeye yardımcı olabilir, kaydırmayı teşvik edebilir ve hatta belirli unsurlara dikkat çekebilir. Ek bir bonus olarak, dikey elemanlar görsel olarak ilginçtir, çünkü yatay, kare veya dairesel elemanlar kadar yaygın değildirler.
Dikey olarak düşünme arzusunun bazıları sizin elinizde başlayabilir. Çoğu masaüstü web sitesi standart 16: 9 alanda yaşıyor olsa da, telefonlarda ve tabletlerdeki web sitelerine erişim genellikle daha dikey bir yönelimle tarafa çevrilir. (Birçok cep telefonu durumunda, bu yönlenme açıkça dikeydir.)
Bu, dikey vurguları ve kullanıcı kalıplarını web sitesi ziyaretçileri için daha yaygın ve daha kabul edilen hale getirir. Tasarıma dayanamayacaklar veya onunla nasıl etkileşimde bulunacaklarını merak etmeyecekler. Dikey yönelim oldukça yaygındır.
Bir tasarıma dikey bir duygu katmanın pek çok yolu vardır.
- Doku oluşturmak için ince dikey çizgilerle bir arka plan deneyin.
- Dikey şekillere sahip resimlerden oluşan bir kolaj oluşturun.
- Fotoğraflar veya videolar ve metinler gibi öğeler katmanları arasında derinlik oluşturmak için ana görüntü üzerinde dikey çizgiler kullanın.
- Görüntü kaydırıcıdaki öğeleri ayırmak için dikey olarak animasyonlu tarama kullanın.
- Görüntüleri dikey bir odaklamayla planlayın.
- Bölünmüş bir ekran tasarımı düşünün, böylece her tarafın daha dikey yönelimli bir en boy oranı vardır.
- Dikey hizalamada küçük nesnelerin arka plan desenini kullanın.
- Yığın ikonları veya öğeleri ekran boyunca boşluk bırakmak yerine.
Sonuç
Bir tasarım projesinde trend kullanmayı düşündüğünüz her zaman, bir risk unsuru vardır. Trend ne kadar popüler olacak? Tasarımın tarihini değiştirecek mi?
Tam ölçekli moda web sitesi seçeneklerini tercih etmek yerine, yukarıdakiler gibi modaya uygun bir öğeyi düşünün. Bu elemanlar tasarıma dahil etmek daha kolay olabilir (ve daha sonra beğenmediğiniz takdirde çıkarması kolay). Modern bir üslup sürdürme hilesi detaylardadır; Her altı ayda bir yepyeni bir tasarım gerektirmez.
Ş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.