Tasarım Trendi: Stripleri Avantajınıza Nasıl Kullanabilirsiniz
Çizgiler, projelere çeşitli şekillerde görsel ilgi ve derinlik katabilen eğlenceli bir ektir. Ancak çizgiler, hayal edebileceğiniz mavi ve beyaz deniz desenlerinden daha fazlasıdır.
Çizgiler birkaç form alabilir. Dikey veya yatay ve klasik desenlerden ızgara esaslı arka planlara ve görüntü bileşenlerine kadar, çizgiler harika bir tasarım seçeneğidir. İşte bunları düşünmemiş olabileceğiniz bazı yöntemler.
Geleneksel Çizgiler
Tasarımdaki çizgileri ilk düşündüğünüzde, gelenek fikrinin bir kısmı akla gelebilir. Mavi veya kırmızı ve beyaz deniz çizgili. Amerikan bayrağı kırmızı ve beyaz çubuklar. Raggedy Ann veya Pippi Longstockings tarafından giyilen eğlenceli çoraplar. Ancak çizgiler, bu geleneksel desenlerden çok daha çok yönlüdür. Çeşitli şekillerde kullanılabilirler.
Ancak geleneksel bir kullanıma bakacağız: Yukarıdaki site, site tasarımında küçük bir vurgu olarak bir berber tarzı çizgili direk kullanıyor. Bu geleneksel görünüm, dikkati tasarımın belirli bir bölümüne odaklamanın ve vurgu oluşturmanın harika bir yoludur.
Klasik Tasarım
Çizgiler, tonu klasik bir görünüm ve hisle ayarlamaya yardımcı olabilir. Bu konsepti vurgulamak için bir doku ekleyin veya ızgara tabanlı bir tasarımda çizgiler oluşturun.
Tasarımdaki klasik şerit vizyonları söz konusu olduğunda, renk de önemli bir faktördür. Mahkumlar için siyah beyaz üniforma gibi çizgili ve renkli klasik kullanımları düşünün. (Bu kombinasyonu minimalist veya daha keskin bir görünüm için kullanın.) Geleneksel veya eski okul hissi için kırmızı veya mavi çizgiler.
Dokular ayrıca şeritleri ön plana daha fazla getirerek vurgu yapabilir. Şeritler genellikle “görünmez doku” için arka planlarda - genellikle soluk renklerde az kontrastla - kullanılırken, dokuya sahip daha büyük şeritler bir odak noktası olabilir. Püf noktası, dokuları basit ve tasarımdaki diğer görsellerle uyumlu tutmaktır.
Şerit dokular, parlak veya kalın renklerle kullanıldığında bile, ağır görünmemesi ve tasarımı tartmamaları için "daha açık" çizgiler oluşturmanıza yardımcı olabilir. Yukarıdaki Orchard Keepers, “eski bir his” ile zaman duygusu yaratmak için dokuyu bu şekilde kullanır.
Modern Çizgiler
Web sitesi tasarımında çizgiler, odak oluşturmaya, gezinmeyi yönlendirmeye ve kullanıcıların harekete geçirici mesajlar bulmasına ve odaklanmasına yardımcı olmak için kullanılır. Yukarıdaki site çifti, kullanılabilirliğe yardımcı olmak için farklı şekillerde şeritler kullanır.
Industry West, navigasyon için kalın yatay bir şerit kullanır. Şeridin arka plan resimlerine olan kontrastı nedeniyle, statik bir odak noktası görevi görür. Yüksek kontrastlı geniş çubuk, gezinme düğmelerini okumayı ve sitede gezinmeyi kolaylaştırır.
Birlikte yeniden oluşturmak, sayfa boyunca bir renk akışı oluşturmak için tasarımın üst kısmında ince bir şerit kullanır. Turuncu şerit (veya çizgi), gözün sayfanın üstünden altına doğru çekilmesine yardımcı olur ve kullanıcı turuncu vurgu düğmelerini duraklatır. Akıllı tasarım, kullanıcılara daha sonra ne yapacaklarını söylemeye yardımcı olur (turuncu düğmelere tıklayın).
Arka Plan Şeritleri
Arka plan şeritleri, bir desene aralıklı yerleştirilmiş bir dizi yatay veya dikey çizgiden daha fazlası olabilir. Çizgiler bir dizi başka şekil kullanılarak veya hatta daha gelişigüzel veya doğal bir görünümle oluşturulabilir.
Pastaria, sayfa arka planında çizgili bir desen oluşturmak için eğlenceli bir dizi yuvarlak şekil kullanır. Perspektifinize bağlı olarak, desen dikey veya yatay görünebilir. Bu çalışmanın püf noktası örüntünün baskın görsel olmadan ilgi ve derinlik yaratmasıdır.
Tam tersi, Night Owl Interactive doku ve derinlik için doğal çizgili bir desen (ahşap tahıl) kullanır. Bu doğal şerit tarzı hakkında güzel olan şey, rastgele bir görünüme sahip olmasıdır.
Görüntülerdeki Çizgiler
Şerit desenleri genellikle oluşturduğunuz bir şey olsa da, sayfa için seçtiğiniz görüntülerin bir parçası da olabilir. Bir görüntüye çizgileri tasarımın bir parçası olarak dahil etmeyi planlıyorsanız veya şans eseri gerçekleşiyorsa, anında ilgi ve derinlik katabilirler.
Yukarıdaki örneklerin her ikisi de, ana görüntülerde desenler ve şeritler oluşturmak için ahşap tahıl dokularını içerir. Çizgilerin ne kadar farklı olduğu, nereye bakmanıza yardımcı oldukları ve genel tasarım için sağladıkları ek derinlik değil.
Renk ve Desen
En popüler kullanımlardan biri, bir renk engelleme deseni için geniş ve / veya ince renkli şeritleri eşleştirmektir. Dijital, baskı ve hatta moda ve iç tasarım için bir tasarım tekniği olarak, renk engelleme içerdiği şekilde anında vurgu yapar.
Renkli şeritler, görüntü ağır veya minimalist bir tasarıma marka renkleri eklemek için harika bir araç olabilir. Renk, eksik olabileceği ve genel etkinin modern bir his verdiği yerlerde kontrast ve vurgu yaratır. (Çok zor olmayan ve daha zamansız bir görünüme sahip trendy bir konsept denemek istiyorsanız bu harika bir seçenektir.)
'Mini' Şeritler
Yukarıdaki örneklerde yer alan şeritlerin çoğu büyük ve fark edilmesi kolay olsa da, şeritler küçük tasarım bölmeleri veya aksanları da olabilir.
Çizgilerin en küçük örneklerinden biri hamburger simgesidir. Üç küçük yığılmış çizgiler. Bu kadar. Ancak bu, şeritleri en küçük düzeyde kullanmaya bir örnektir.
Day of the Dead web sitesi tasarımı, şeritleri görsel olarak da ilgi çekici bir şekilde vurgu detayı olarak kullanır. Neredeyse arka plana düşen bir çift karmaşık şerit metni çevreler ve gözü ona çekmeye yardımcı olur. Sonraki satırlar ve renkli çizgiler, ana sayfadaki kaydırmada akış oluşturulmasına yardımcı olur.
Sonuç
Sizin için son bir düşünce. Çizgiler fikri genellikle çizgiler varsa satır veya sütunların zihinsel bir görüntüsünü uyandırsa da, şeritleme tekil bir formda da kullanılabilir. Yukarıdaki örneklerin çoğu, sahip olabileceğiniz ilk zihinsel görüntü olmayan şekillerde çizgiler içerir, ancak her biri ilginçtir ve güçlü bir görsel oluşturmaya yardımcı olur.
Çizgileri en fazla etki için biraz farklı şekillerde kullanmayı düşünün. Renk ve doku ve şekil ve boyut ile oynayın. Başka bir tasarım aracını denemeden önce olduğu gibi çizgili deneyin ve eğlenin!
Görüntü Kaynağı: Bill Lapp .
