Doku ve Desen — Görsel Tasarımın isimsiz kahramanları

Coinbase ile işbirliği içinde düzenlenen bir öğrenme programı olan Ayagigs Web3 Fellowship'te arkadaşlık (haha) eğlenceliydi .

Ürün Tasarım Lideri Ajiri Omafokpe ve Program Ortağı Folushola Esther'in çalışmalarını takdir ediyorum . Programı davetkar, eğitici, eğlenceli hale getirmek için gerçekten çok şey yaptılar ve görmekten hoşlandığınız tüm grubu yanlarında taşıyorlar.

Temel aşamayı bitirdik ve ana aşamaya geçiyoruz ancak ondan önce, Kuruluş Aşaması boyunca öğrendiklerimizi test etmek için 21 Kasım 2022 Pazartesi başlayan bir meydan okuma haftamız vardı. MCQ'lar, QA, Pratik test ( bunun 2 günde yapıldığına inanmayacaksınız ) dahil olmak üzere her türlü testi yapmak zorluydu ve bu makale, meydan okuma haftasının son göreviydi.

Desen ve doku kullanımı üzerine yazmam için çok istek geldi, bu yüzden bu vesileyle konuyla ilgili bilgilerimi paylaşmak için kullanmaya karar verdim.

Öyleyse başlayalım,

Dokular ve Desenler genel olarak tasarımın vazgeçilmezi haline gelen görsel öğelerdir. Onlara isimsiz kahramanlar diyorum çünkü çoğunlukla gözden kaçıyorlar ama meraklı tasarımcı tarafından keşfedilince paha biçilmez hale geliyorlar.

Sanattan ödünç alınan, dijital tasarımı tamamlayan ve derinlik hissi veren unsurlardır. Dokular, kullanıcının görüşünü yönlendirerek web sayfasının temel içeriğini gösterebilir. Desenler, donuk alanların canlı görünmesini sağlayabilir. Her ikisi de bir arayüzü keyifli hale getirmeye ve dolayısıyla kullanıcı deneyimini geliştirmeye büyük ölçüde katkıda bulunur.

Ancak doku, uzun bir süre “ GRUNGE ” tarzı bir tasarım olarak yanlış anlaşılmış görünüyor . Pek çok web sayfasında, harika efektleri vurgulamak için büyük miktarlarda kullanıldığını ve hatta kötüye kullanıldığından şüphelenildiğini görebiliriz. İstismarın sonucu, gerçek faydalarının gizlenmesidir. Dokuyu gerçekten en iyi şekilde kullanmak için, ustaca ve kasıtlı olarak kullanılmalıdır.

Öte yandan desenlerin kullanımı daha kolaydır ve ekranın belirli alanlarına dikkat çekmek için kullanılabilir. Dokular gibi, desenler de ince kullanıldığında etkilidir, ancak ihtiyaç duyulduğunda daha belirgin şekillerde kullanılabilirler.

İki kelime bazen birbiriyle değiştirilir ve bu yanlıştır. Sadece küçük benzerlikler paylaşıyorlar. Desen genellikle belirli bir görsel ritimle bazı küçük tekrarlayan öğelerden oluşur. Doku, mutlaka tekrarlanması gerekmeyen, desenden daha büyük öğelerden oluşur.

Dokular ve Desenler kullanım durumları

Doku, çoğunlukla mobil uygulamalar yerine web için tasarım yaparken kullanılır. Desenler hem web hem de mobil uygulama tasarımında popülerdir. Tasarımın nedeni sadece “ güzel görünmesi ” değil, belirli bir işlevi yerine getirmek olmalıdır ve tasarım yapılırken doku ve desen kullanımının çoğu web sayfasının seviyesini ve vizyonunu geliştirmektir. Bazı kullanım durumlarına bir göz atalım:

Kullanıcıları tıklamaya çekin

Simgeler, düğmeler, başlıklar vb. öğelerin tümü dokulu olabilir. Kullanıcıları ilgili öğelere tıklamaya çekebilir. Doku kullanımının popüler olmasının nedeni bu olabilir. Dokunun ana kullanımı, web üzerindeki diğer öğelerden ayırt edilebilmeleri için onu öğelere uygulamaktır.

Bilgilerin geliştirilmiş görsel sunumu

Doku, tıpkı çizgiler, kutular ve kontrast gibi görüş hattını yönlendirmek için kullanılabildiğinden, içeriği belirli görsel kurallara göre görüntülemek için dizgi için de kullanılabilir. Aynı zamanda, doku efekti düzgün kullanılmalı ve diğer görsel kurallarla koordine edilmelidir ve nihai çıktı efekti harika olacaktır.

Aynı zamanda doku, web sitesinin stili ve temasıyla mükemmel bir şekilde eşleşmelidir. Örneğin, el yapımı web siteleri kumaş desenleriyle, boyalı web siteleri ise kağıt desenleriyle eşleşir. Tüm bu unsurlar belli bir mantık kuralı üzerinden sitenin içeriğini yansıtabilir ve genel bilgi hiyerarşisini güçlendirebilir.

Atmosfer yaratın ve bireyselliği vurgulayın

Artık daha fazla müşteri web sitelerini kendileri hakkında daha fazla bilgi iletmek için arayüz tasarımını kullanabilir. Web sitesinin kendi kişiliklerini vurgulayabileceğini ve bir marka etkisi yaratabileceğini umuyorlar. Doku ve desen, bireyselliğin oluşturulmasında güçlü araçlardır.

Okunabilir tutun

Okunabilirlik, bir web sayfasının koruması gereken en önemli noktadır. Dokuları kullanırken bile içeriğin kolayca taranmasını ve okunmasını sağlayın. Güzel bir web sayfası olsa bile okunaklılığı iyi olmayan kullanıcılar kullanmaya devam etmeyecektir. Aşağıdaki şekilde gösterildiği gibi bu durumdan kaçındığınızdan emin olun.

Dokuyu idareli kullanın

Daha önce de belirtildiği gibi, doku ustaca kullanılmalı ve kötüye kullanılmamalıdır. Web sayfalarında, kullanıcıların ana içeriğe olan ilgisini engellememek için ölçülü olmalı ve büyük ölçekte kullanmamalıyız.

Pratik yapmak mükemmelleştirir

Dokuları ve desenleri kullanırken daha fazlasını deneyin. Sadece denemeden sonra, nihai sonucu bileceksiniz. Dokuyu hiç düşünmediğiniz bir yere yerleştirin ve farklı şeyler bulabilirsiniz. Desenleri ve dokuları ne kadar çok kullanırsanız o kadar iyi olursunuz.

Niyetle kullan

Desenleri ve dokuları kullanırken kasıtlı olmanız gerekir. Tasarımda olduğu gibi, bunu yapmış olmak için yapmazsınız. Dokuları ve desenleri kullanımınız bir amaç olmalıdır.

Keşfet, keşfet, keşfet...

Ücretsiz harika dokular ve desenler sunan binlerce site var. Keşfetmek için zaman harcayın ve elde ettiğiniz şeye bayılacaksınız. Tasarım yaparken çok zaman kazanmak için, inanın bana, barış zamanında yedek kaynakları yapmak en iyi çözümdür. Tasarım için harcanan zaman indirme ve kaynak toplamaya harcanırsa, korkarım ki zamanınız daralır.

Doku keşfi için özenle seçilmiş bağlantılar

İndirilecek 365 Doku (JPG, PSD, PAT, ABR) — WeGraphics

Arka planlar | GrafikBurger

Desen Kitaplığı

ava7 desenleri /// 1905 ücretsiz kesintisiz arka plan deseni

Model keşfi için özenle seçilmiş bağlantılar

Ücretsiz SVG üreteçleri, renk araçları ve web tasarım araçları (fffuel.co)

Desen Canavarı — SVG Model Oluşturucu

İnce Desenler | Bir sonraki web projeniz için ücretsiz dokular (toptal.com)

Model Oluşturucu | Kesintisiz, Telifsiz Kalıplar Oluşturun (doodad.dev)

Okuduğunuz için teşekkürler ve iyi günler!

Referanslar

• UXdesign.cc