Web tasarımında "pattern" kullanımı - İsmail KIRBAŞ ile Web Sitesi Tasarımı
İsmail Kırbaş ile Tasarım Yolculuğu [AnaSayfa] İsmail Kırbaş ile Tasarım Yolculuğu [AnaSayfa] İsmail Kırbaş ile Tasarım Yolculuğu [AnaSayfa]
 Site Haritası 
 
Site Map
Ana SayfaYeriniz | Ana Sayfa | Makaleler | Web Sitesi? | Tasarım Üzerine | Web tasarımında "pattern" kullanımı

Diğer Yazılar
Site Tasarımında Temel İlkeler (1)
Site Tasarımında Temel İlkeler (2)
Site Tasarımında Temel İlkeler (3)
Görünmez Menü ve Tasarım
10 Maddede Kullanıcı Odaklı Tasarım
Kötü Web Sitesi Ülser Yapıyor
Anlamlı Linkler
Navigasyon Üzerine Notlar
Altın Oran
Web Sitesi İletişim Türleri
Kelimelerin Önemi
Web Tasarımı Aslında Ne Demek
Görsel İletişim Tasarımı Eğitimi Nasıl Verilmeli?
Altın Oran ve Tarihçesi


E-posta Gönderin Yorum Yazın
Güvenlik Kodu:9160Güvenlik Kodu:9160Güvenlik Kodu:9160Güvenlik Kodu:9160




En Son Okunan 10 Makale
  1. Görünmez Menü ve Tasarım
  2. Okunacak Kitaplar
  3. AJAX a Giriş
  4. Kaynaklar
  5. Renklerin Psikolojik Mesajları
  6. Niçin Web Sitesi ?
  7. Kitle İletişim Dili
  8. Grafik Tasarım Ürününün Öğeleri
  9. Renklerin Dili - Mavi
  10. İşaretleme Dillerinin Tarihi
 
Web tasarımında "pattern" kullanımı>
Yazı Tipi KüçültYazı Tipi BüyütAna SayfaYazıcıdan ÇıkarPDF Belgesi Olarak GörüntüleFavorilerime EkleArkadaşıma Tavsiye EdeceğimRTF (Word Dokümanı) olarak görüntüle

Sıkça ratlarsınız, karşınıza ne istediğinden emin olmayan bir müşteri oturur, "ben site yaptırmak istiyorum." der.

Yada amiriniz elinde bir avuç doküman, daha da iyisi, elinde müşterinin yolladığı varsa katalog, logo, resimleri içeren bir CD'yi masanıza bırakır, "bunları siteye koyalım." der.

Ve karmaşa başlar.

Karmaşadan kurtulmak

Bilgileri sınflandırmak, çeşitli şekillerde ayırıp, gruplandırmak IA'ların işi. Ancak elinde böylesi bir avuç kurumsal yazı, logo, resim ile, bilgisayarın başında ekrana bakakalan bizler için de bu karmaşadan çıkmanın bazı yolları var.

"pattern" mantığının web tasarımında kullanımı, eldeki karmaşık, ilişkisel olmayan bir seri veriyi projemizde kullanmak amacıyla düzenlemeyi mümkün kılıyor. Ryan Singer tarafından yazılan "An Introduction to Using Patterns in Web Design", işi bizler için daha da kolaylaştırmış, "pattern" kullanımını projelerimize adım adım nasıl uygulayacağımızı anlatmış.

"Pattern" nedir?

Başlamadan önce, "pattern" konusunu da açıklığa kavuşturmak gerekli. Hatta elimde gelirse Türkçe bir kaşılık ta bulalım istiyorum.

İlgili yazıdaki tanımıyla "pattern" etkileşim halindeki güçlerden oluşan bir sistem ile ilgilenme şeklidir.

"Pattern" için verilen türkçe karşıklardan işimize en çok yarayanlar "şablon, model, kalıp, örnek, numune". Linkini verdiğim makalede "pattern"in mimarlık, şehir planmasında yayagın olarak kullanılan bri kavram olduğunu söylüyor. Yazılımcı olanlar yada "nesne-yönelimli" (OO) kavramına uzak olmayanlar için "pattern"i bir çeşit nesne "obje" olarak düşünmelerinin anlmayı kolaylaştıracağını söyleyebilirim.

Evet, asıl konuya geçelim, "pattern" kullanarak tasarımın adımları şunlar:

Birinci adım: Elinizdeki bilgi kırıntılarını listeleyin.

Öncelikle işe, birleştiklerinde web sayfasını meydana getirecek parçaların bir listesini oluşturmakla başlayın. Bu, sayfada nelerin yer alması gerektiğini, kullanıcıya hangi işlemler için izin verilceği gibi şeyleri içermelidir.

Bu noktada Ryan Singer'ın uyarısını dikkate alırsak, listeyi oluştururken öncelikleri belirleme, gruplandırma yada kategorilendirmeye başlamayın. Kategorilendirmye, organize etmeye bu aşamda başlamak bizi eski yöntemle aynı çıkmaza sokar.

İkinci adım: İlgili olanları bulun.

Bazı parçalar beraber düşünüldüklerinde daha işe yarar olurlar. Bazıları içinse tam tersi geçerlidir: onları ayrı düşünmek neredeyse bir zorunluluktur.

İkinci aşama olarak parçalar arasındaki ilişikileri belirleyin.

Üçüncü adım: Öncelikleri belirleyin.

İşlevsellik açısından hangi parçaların daha önemli olduğunu belirleyin. Diğer bir deyişle, insanlar için hangi parçaların diğerlerine göre daha öncelikli olduğunu yazın ve listeyi buna göre yeniden düzenleyin.

Dördüncü adım: Her bir parçayı tasarlayın.

Önem listesine göre en yukarıdan başlayarak, ayrı ayrı parçaları tasarlayın. Bunları daha sonra kolayca bir araya getirebileceksiniz.

Beşinci adım: Parçaları bir araya getirin.

Parçaları tasarladıktan sonra, hepsini bir bütün oluşturacak şekilde bir araya getirin. Bunu yaparken öncelikleri, parçalar arasındaki dengeyi göz önünde bulundurun.

Altıncı adım: Hayata geçirin.

Ve hayata geçirin. (X)HTML kodunu yazın, görselleri ekleyin.



Not: Yazılar konusundaki yorumlarınız için lütfen Yorum Yazın bölümümüzü kullanın.

Yazar : İsmail KIRTILLI
Son Güncelleme : 29 Mayıs 2005, Pazar
Sayfa Sürümü : 1
Okunma Adedi : 8,081
Son Okunma : 2017-12-13 05:03:47
Kaynaklar : http://www.ismailk.net/e/messages.asp?message=219

Anlamlı LinklerWeb tasarımında "pattern" kullanımıNavigasyon Üzerine Notlar
© [Site Haritası]
| Makaleler | Seyir Defteri | Kaynaklar | İndirin | İletişim |

RSS dosyasını görmek için tıklayınız. RSS dosyasını görmek için tıklayınız.XML versiyonu için tıklayınız WAP versiyonu için tıklayınız Bu site DyNA İçerik Yönetim Sistemi üzerinde çalışmaktadır.
İsmail KIRBAŞ ile Tasarım Yolculuğu Anasayfa İsmail KIRBAŞ ile Tasarım Yolculuğu Anasayfa İsmail KIRBAŞ ile Tasarım Yolculuğu Anasayfa
ismail kırbaş ile web sitesi tasarimi sitemap ismail kırbaş ile web sitesi tasarimi sitemap
  Sitemizde 4 kişi çevirimiçi | Bugün =58 | Dün =163 | Bu Ay=2,672 | Günlük En Fazla=1,109 tekil ziyaretçi