Tasarım Terimleri, “Pattern”

- 2 Aralık 2006

Tasarımsal materyaller arasında ilk belirtilmesi gerekenlerin arasında yer alan patternler - desenler - tasarım çalışmalarının ( web sayfaları, basılı medyalar vs. ) bir çok aşamasında kullanılmaktadırlar. Tasarımın şık görünmesi gibi görüntüsel özelliklerin yanında profesyonel seçimler neticesinde içeriği ön plana çıkartmak gibi özelliklerde de patternlerden faydalanmaktayız.

Web Sayfamda Nasıl Desen Kullanırım?
<style type="text/css">
body {
background-image: url(bg1.gif);
}
</style>

Grafik Programında Desen Nasıl Kullanırım?

Photoshop örnek simülasyonu için tıklayınız! *.rar / 1.52 Mb.
Fireworks örnek simülasyonu için için tıklayınız! *.rar / 3.92 Mb.

Pattern kullanımında dikkat edilmesi gereken hususlar nelerdir?

Öncelikli olarak desenlerin yani patternlerin içeriğin sunulacağı alan ile aynı renk değerlerinde olmaması gerekir, bunun nedeni göz takibinde içeriğin rahat görüntülenmesinin sağlanmasıdır.
Ayrıca çok yoğun nitelikte olan -karışık desenler- desenler çalışmaya karmaşa imajını getirecektir, tabi bu kasti olarak amaç değilse…
Örnek 1 ( Hatalı Kullanım ) | Örnek 2 ( Doğru Kullanım )

Pattern nasıl hazırlanır?

Patternleri herhangi bir grafik editörü ile hazırlayabilirsiniz. Ancak dikkat edilmesi gereken tekrarlanan imajlarda patternlerin tekrara uygun olarak hazırlanmasıdır. Gelişigüzel hazırlanmış olan desenler tekrar edildiğinde tekrarlanan parçalar arasında kopukluklar meydana gelmektedir.
Örnek 3 ( Hatalı Kullanım ) | Örnek 4 ( Doğru Kullanım )

Web üzerinden örnek çalışmalar hazırlamak, hazırlanan çalışmaları incelemek/kullanmak için güzel bir araç.

Dikkat Edilmesi Gerekenler Nelerdir?

Desen kullanırken renk dağılımının uygun nitelikte olması ve desenin ebatlarının büyüdükçe sayfanın açılma/yinelenme hızının düşecek olmasını unutmamamız gerekir.

Karışık desenler gibi, salt renkler de tercih edilebilmelidir ve yine karışık desenler yerine fazla renk geçişinin olmadığı geçiş tasarımlı türleri de olumlu sonuçlar vermektedir.

Desen incelemenizde faydalı olabilecek bir kaç site;

squidfingers.com ve k10k

Yazı Kategorisinden Son Yazılar

Yazı , , , , , , kelimeleri ile etiketlenmiş ve Yazı altında yayınlanmıştır.

“Tasarım Terimleri, “Pattern”” için 5 Yorum

  1. Aysun diyor ki:

    Tasarım ile ilgili pattern kullanımının farklı bir çok yöntemi vardı, ama bahsettiğiniz yöntem bana daha pratik geldi, teşekkürler Ceyhun bey…

  2. iso diyor ki:

    Pattern kullanımı ile ilgili eğitseller için teşekkürler. Çok yararlı oldu.

  3. Ceyhun AKSAN - Görsel İletişim & Grafik Tasarım · Bugün Web İçin Ne Yaptın? diyor ki:

    [...] olarak site beyaz background üzerine hazırlanmış bir katmanda içeriğini oluşturuyor ve ne yazık ki [...]

  4. Ceyhun AKSAN · Photoshop ile Perde Yapalım diyor ki:

    [...] yine görüntü oynamaları için amacımıza uygun patternler ile layer harmanlama tekniklerini kullanarak daha gerçekçi perde imajları hazırlamış [...]

  5. Ceyhun AKSAN · Photoshop ile Web2.0 Header Yapmak diyor ki:

    [...] web sayfalarımız için header amaçlı tasarımlar hazırlamak. Bunun için bir adet pattern oluşturmamız gerekli. Aşağıdaki pattern`i bilgisayarınıza yüklemeniz yeterli [...]

Yorum Yapın