Temel Tasarım Trendleri, Nisan 2016
Web sitesi tasarımı bu günlerde mutlu görünüyor. Belki de bahar havadadır ya da belki de etrafta dolaşan iyi bir vibe vardır. Her iki durumda da, bu ay web sitesi tasarımındaki eğilimler, serin ikon stili çizimler, büyük fotoğraf ve parlak renk seçenekleri ile bu yukarı doğru hissi yansıtıyor.
İşte bu ay tasarımda trend olan nedir?
1) Simge tarzı çizimler
Harika bir illüstrasyon sevmek zor değil. Şu anda gördüğümüz en iyi resimlerden bazıları, onlara daha çok ikon tarzı bir his veriyor. Birkaç önemli özellik ile geliyor:
- Düz ve basit resimli öğeler (Konfederasyon Stüdyosu sitesindeki tüm küçük resimlerin nasıl birleştirildiğini not edin)
- Parlak renk veya birincil renk tonları içeren basit renklendirme
- Etkileşimli bir amaç ile geometrik şekiller
- Öğeleri, konteynerin eksi, görünümü ve hissi ile görsel olarak, bir resim değil, bir düğme olarak görürsünüz.
- Çizilmiş açıklayıcı etkiler
- Simgeler gibi görünen ancak tuvalde bir simgeden çok daha fazla yer kaplayan öğeler
- Basit çizgi stili çizimler (daha iyi 2016 çizin stili gibi)
Bu trendin ne kadar havalı olduğu, bir tasarım projesine çok tuhaf bir şekilde kaprisli hissetmeden, bir tuhaflık unsuru içermesidir. El yapımı ve profesyonel güzel bir denge oluşturur. Ayrıca, suluboya veya elle çizilmiş yazı dizimi gibi kaprislere odaklanan diğer eğilimlerin çoğundan daha erkeksi bir his alır.
Bir illüstratör olmasanız bile, bu avantajlardan yararlanabileceğiniz bir trend. Vektör tabanlı simge kitleri oluşturan çok sayıda ücretli ve ücretsiz satıcı var. Projeleriniz için büyük boyutlu resimli ikonografi oluşturmak üzere parçaları ayırmak, renkleri değiştirmek ve mix-and-match parçalarını birleştirmek için tüm gerçek şekil dosyalarını içeren bir kit bulun.
2. Hayat fotoğrafçılığından daha büyük
Büyük, cesur bir fotoğraf veya resim çarpıcı bir ilk izlenim yaratıyor. Bu nedenle, pek çok tasarımcı, kullanıcıları kendi web sitesi tasarımlarına çekmek için daha büyük yaşam görüntüleri seçiyor. Bu tasarım öğesi şaşırtıcı, ilginç ve bir ya da iki harika resminiz varsa, ancak çalışmak için büyük bir kütüphaneye sahip değilseniz harika bir alternatif olabilir.
Ama oraya gitmekten biraz rahatsız olmalısın.
Yaşamdan daha büyük fotoğrafçılık trendinden en iyi şekilde yararlanmak için tasarımda üç şeyden birini yapmaya istekli olmalısınız:
- Fotoğrafı, ekranın önemli bir bölümünü kaplayacak kadar sıkı bir şekilde kırpın, böylece görüntü, gerçeklikten daha büyük bir boyuta ölçeklendirilir
- Her ayrıntıyı göstermek için insanların ve yüzlerin görüntüleriyle neredeyse rahatsız edici bir seviyeye zoom yapın
- Standart bir fotoğrafı sahneye alın ama biraz beklenmedik şekilde farklı veya ilginç olan bir öğe ekleyin
Bu tekniklerin üçü de ilk başta oldukça rahatsız edici olabilir. Yoğun bitkiler, süper yakın yüzler ve tuhaflıklar ilk başta sizi biraz rahatsız edebilir. Bu tasarım türü için görsele biraz farklı yaklaşın. Mümkün olan en büyük veya en garip seçenek ile başlayın. Ardından küçük artışlarla geri çekin ve görüntü hakkında ne hissettiğinizi değerlendirin. Şansınız, önceki seçeneklerden birine geri dönebilirsiniz.
Bu yaklaşımı kullanarak, tasarımı ve görüntüleri farklı bir şekilde görebilmenize izin verirsiniz. Bu trendi bu kadar çarpıcı kılan da budur - görüntüler farklıdır. Kullanıcıları çekiyorlar çünkü şekiller, ürünler ve genel stiller, kullanıcıların her gün yaydığı web sitelerinin çoğunun aksine.
3. Parlak renk seçenekleri
Parlak, koyu renkler içeride. Eğilim, Materyal Tasarımda kök salmıştır. Materyal, etkileşim temelli bir tasarım stili olsa da, bazı görsel bileşenler kendi başlarına çekiş kazanıyor. Bu özellikle renk için geçerlidir.
Tasarımın geri kalanı Malzeme değilse, neden bir Malzeme tarzı renk paleti kullanın? Tam ölçekli bir yeniden tasarım olmadan bir projeye modaya uygun bir öğe eklemenin basit bir yoludur. Neredeyse parlak bir renk ekleyebilir ve tasarımın geri kalanını CSS'ye veya görüntüye sadece birkaç ince ayar ile bırakabilirsiniz.
Malzeme rengi nedir? Mükemmel bir tanım yok, ama işte Google bunu şöyle açıklıyor: “Materyal tasarımdaki renk, sessiz ortamlar, derin gölgeler ve parlak vurgularla yan yana duran koyu tonlardan ilham alıyor. Malzeme, çağdaş mimari, yol işaretleri, kaldırım işaretleme bandı ve atletizm mahkemelerinden ipuçları alır. Renk beklenmedik ve canlı olmalı. ”- https://www.google.com/design/spec/style/color.html
Malzeme tabanlı bir renk paleti oluşturmak istiyorsanız ve bir başlangıç alanına ihtiyacınız varsa, Malzeme Paletini deneyin. http://www.materialpalette.com/
Cesur renk seçenekleri güzeldir ve popüler olan daha az baskın minimal tarzı projelere karşı öne çıkmaktadır. Parlak maviler, yeşillikler ve sarılar özellikle renk paletindeki aksanlar kadar popülerdir. Eğilim, tam ölçekli renk paletlerine değil, Materyal renginin dokunuşlarına odaklanmış görünüyor.
Gerçekten inen bir proje için, sadece parlak bir renkten daha fazlasını gerektirir. Projenin havası eşit derecede aydınlık olmalıdır.
- Lefty'nin, mutlu ve gülümseyen insanlarla görüntülerini parlak bir şekilde birbirine yaklaştırdığını ve bunlara karşı olumlu bir ruh hali yarattığını unutmayın.
- BNP Paribas, kullanıcıları daha karanlık bir zemine göre ayarlanmış bir oyun stili arayüzüne getirmek için parlak bir yeşil kullanır.
- Big Drop, kullanıcılara çekmek için hafif resimler ve eğlenceli bir yazı karakteri ile kalın bir sarı (ve mavi, kırmızı ve yeşil) kullanır ve iş sitesinin daha az resmi görünmesini sağlar.
Materyal Tasarımdan ilham alan renklerin ipuçlarına eklemenin yolu, markanızı kaybetmemek. Tüm renk paletinizi trendlere göre yeniden yapmayın; daha ziyade, tasarımı ezmeksizin parlak rengi birleştirmenin bir yolunu bulmak. Örnekler, bunun hakkında düşünmenin harika yollarından biridir; görsel bir öğe olarak basit bir renkli şekil kullanın, kalın renkli bir başlık kullanın ya da sayfayı aşağı kaydırdıkça daha etkileyici bir etkileşimli deneyim oluşturmak için parlak renkli paneller kullanın.
Sonuç
Birkaç trend sizi mutlu ederse harikadır. Bu grubun rengi ve tip seçimleri ve görüntüleri ile yaptığı şey budur. Belki de sadece baharın etkisi değil ve bu unsurları önümüzdeki aylarda daha fazla tasarımda görmeye devam edeceğiz.
Ş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.