Atif Unaldi - Webdesign

533 views
446 views

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
533
On SlideShare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Atif Unaldi - Webdesign

  1. 1. Web’de tasarım kriterleri ATIF ÜNALDI Webmaster BirNumara Yayıncılık Sabah Gazetesi
  2. 2. <ul><li>Tasarım </li></ul><ul><li>Design Öncesi </li></ul><ul><li>Design </li></ul>Evreler
  3. 3. <ul><li>Amaç </li></ul><ul><ul><li>Haber </li></ul></ul><ul><ul><li>Bilgi iletimi </li></ul></ul><ul><ul><ul><li>Database’e bilgi aktarımı </li></ul></ul></ul><ul><ul><ul><li>Database’den bilgi alımı </li></ul></ul></ul><ul><ul><li>Eğlence </li></ul></ul><ul><ul><li>Tanıtım </li></ul></ul><ul><ul><li>İletişim </li></ul></ul>Tasarım
  4. 4. <ul><li>Hedef Kitle </li></ul><ul><ul><li>Hedef kitleye ulaşmak için gereken yolların belirlenmesi </li></ul></ul><ul><ul><li>Hedef kitlenin ortak özelliklerinden yola çıkarak bir interface hazırlanması </li></ul></ul><ul><ul><li>Hedef kitlenin ortak paydalarından design kriterlerine ulaşılması </li></ul></ul><ul><ul><li>Teknoloji belirlenmesi </li></ul></ul>Tasarım
  5. 5. <ul><li>Bilginin organize edilmesi </li></ul><ul><ul><li>Statik sayfalar </li></ul></ul><ul><ul><li>Dinamik sayfalar </li></ul></ul><ul><li>Devamlılık kriterleri </li></ul><ul><ul><li>Logo </li></ul></ul><ul><ul><li>Renk Seçimi </li></ul></ul><ul><ul><li>Ortak layout </li></ul></ul><ul><li>Genişleyebilirlik </li></ul>Design Öncesi
  6. 6. Cgi, ASP, Perl Frontpage Ext. Server HTML Streaming Real Video Net Show Özel Teknolojiler Flash Shockwave Vivo Ses Teknolojileri J Script Java Script VB Script Active X, Java DHTML, CSS Static Avi Mpeg Mov Görüntü Teknolojileri Static Wav Midi Mp3 Yamaha Streaming Real Audio Net Show Client
  7. 7. <ul><li>Sayfaların hazırlanmasında </li></ul><ul><ul><li>Kullanıcıya online interaktif hissinin ulaştırılması </li></ul></ul><ul><ul><li>Sayfalarda genel optimizasyon </li></ul></ul><ul><ul><ul><li>Resimler, Animasyonlar, Renkler </li></ul></ul></ul><ul><ul><li>Kullanıcıya sayfaya bağlandığı anda tepki verilmesi </li></ul></ul><ul><li>Ekstra teknolojiler ve kullanımları </li></ul>Design
  8. 8. <ul><li>İnternet kullanıcısı havuzundan; </li></ul><ul><ul><li>Hedef kitleni seç </li></ul></ul><ul><ul><li>Onları sitene yönelt </li></ul></ul><ul><ul><li>Vermek istediklerini ilet </li></ul></ul><ul><ul><li>İşin bitince kullanıcıyı oyalama... </li></ul></ul>Genel Amaç
  9. 9. <ul><li>Linkleri doğru organize edin </li></ul><ul><li>Resimleri bölünebilecek en küçük parçalara bölmeye özen göster, renk optimizasyonu yap. </li></ul><ul><li>Animasyonlarda frame sayısı ve frame arası değişen pixel optimizasyonu yap. </li></ul>Yapılması Gerekenler
  10. 10. <ul><li>HTML dışında scripting language kullanmaya özen göster, bu sayede etkileşimi sağla </li></ul><ul><li>Mouse over event’i kullan </li></ul><ul><li>Update yap </li></ul>Yapılması Gerekenler
  11. 11. <ul><li>Bir paragrafta çok link kullanma </li></ul><ul><li>İnternet kültürüne uygun hareket edin </li></ul><ul><li>Yasaklamayın, teşvik edin </li></ul><ul><li>Orijinal olun </li></ul>Yapılması Gerekenler
  12. 12. <ul><li>Teknoloji canavarı olmayın </li></ul><ul><li>Kullanıcı hakkında bilmeniz gerekenden fazlasını öğrenmeye çalışmayın. </li></ul><ul><li>Web design’ı teknik bir iş dışında bir sanattır, başkalarının yaptıklarını kopyalamaktansa kendi eserinizi yaratın... </li></ul>Yapmamaya dikkat edin

×