Tasarımsal Materyaller # pattern

Posted by admin | Filed under Yazı

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

Permalink | Aralık 2nd, 2006

5 Yorum to “Tasarımsal Materyaller # pattern”

  1. Aysun Demis ki:
    Aralık 4th, 2006 at 1:49 pm

    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 Demis ki:
    Aralık 18th, 2006 at 1:35 pm

    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? Demis ki:
    Şubat 1st, 2007 at 1:29 am

    [...] 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 Demis ki:
    Mart 1st, 2007 at 3:43 pm

    [...] 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 Demis ki:
    Mart 25th, 2007 at 11:56 pm

    [...] 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 [...]

Leave a Reply