Welcome to Scribd, the world's digital library. Read, publish, and share books and documents. See more
Download
Standard view
Full view
of .
Save to My Library
Look up keyword
Like this
2Activity
0 of .
Results for:
No results containing your search query
P. 1
Web Tasarımı Final Çalışması

Web Tasarımı Final Çalışması

Ratings: (0)|Views: 13 |Likes:
Published by Nurdan Sarıkaya

More info:

Published by: Nurdan Sarıkaya on Mar 12, 2013
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOCX, PDF, TXT or read online from Scribd
See more
See less

08/09/2014

pdf

text

original

 
YERLEŞİM VE DÜZENLEME 1.
Tasarım İşlemiİyi Tasarımın TanımıWeb Sayfası Anatomisi
Izgara TeorisiDenge TeorisiBütünlük TeorisiVurgular
Klasik TasarımlarModern TasarımlarSabit veya Değişken Sayfa BoyutlarıEkran Çözünürlüğü
Tasarım İşlemi
 
-
Keşif (Discovery)
 
İş alanı hakkında bilgi edinme
 
Müş
t
eri ile toplantı yapma
-
Gerçekleştirme (Implementation)
 
Site haritasıSayfa yerleşimleri
Arka plan ve ön
plan renk şemaları
CSS ve HTML
İçerik yerleştirme
İyi Tasarımın Tanımı
 
-
Kullanışlılık Kriterleri
İşlevsellik
Bilginin etkili sunumu
Kullanım kolaylığı
- Estetik Kriterleri
 Genel görünümAnimasyonlarGrafikler
Tasarım bilgi ile kullanıcı arasında bir köprü olmalı.
 
Ana navigasyon bloğu sayfada görünür olmalı ve her bir linkin açıklayıcı bir etiketi olmalı.
 
Kullanıcıya bulunduğu sayfa hakkında bilgi veriniz (oryentasyon).
 
Sitenin tamamında bütünlük sağlanmalı.
 
Web Sayfası Gövde Yapısı
 
Dış Çerçeve (Containing Block)
 LogoNavigasyon (Navigation)
İçerik (Content)
 
Sayfa Altlığı (Footer)
 
Boşluklar (Whitespace)
 
 
YERLEŞİM VE DÜZENLEME 2.
 
Tasarımda ızgara kullanmak, sayfa elemanlarını orantılı olarak yerleştirmenize yardımcı olur.
 
Altın oran (golden ratio
-
divine proportion) göze estetik olarak hoş gözükür (1,618).
 Üçl
er kuralı (the rule of thirds) altın oranın basitleştirilmiş versiyonudur.
DengeSimetrik Denge
 
Yatay (Horizontal): Sütunlar arasındaki dengeİki yönlü (bilateral): Birden çok eksen üzerinde dengeMerkezi (radial): Merkez nokta etrafında
denge
Asimetrik Denge
 
Değişik boyuttaki ve tondaki objeler arasındaki dengedir.
 Daha esnek ve soyuttur.
Web sayfalarında simetrik dengeden daha çok asimetrik denge kullanılır.
Bütünlük
Sayfanın bir bütün olarak algılanması.
 
Sitenin her bir sayfası arasında da bütünlük olması.
 
Yakınlık (proximity) ve tekrar (repetition) teknikleri ile bütünlük oluşturulabilinir.
Yakınlık
 
Birbirine yakın yerleştirilmiş nesneler genel görünümde bir bütün olarak algılanırlar.
Tekrar
Benzer şekil, renk ve dokudaki nesnelerin tekrar etmesi bütünlüğü sağlar.
 
YERLEŞİM VE DÜZENLEME 3.
 Vurgular
-
Vurgu kullanıcının dikkatini özel bir elemana çekmek için kullanılır.
 -
Web sayfalarında kullanılan başlıca vurgulama teknikleri:
 
Yerleşim (Placement)
/Devam Etme (Continuance)/
Yalıtım (Isolation)
/
Zıtlık (Contrast)
/
Orantı (Proportion
 
Yerleştirme:
Vurgulama istediğiniz elemanı sayfanın odak noktasına yerleştiriniz (Sayfa merkezi, gridteki kesişimnoktaları, sayfanın üst kısımları).
 Devam Etme:
Bakışlarımız bir doğrultuda ilerlemeye başladıktan sonra, değişik bir figür bulana kadar bu ilerleme devam
eder.
 
Yalıtım:
 
Diğerlerinden ayrı olarak duran bir nesne, dikkatleri kendine çekmeye meyillidir.
 
Zıtlık:
 
En çok kullanılan metodlardandır.
 
Diğerlerinden farklı olan eleman dikkat çeker.
 Re
nkte, şekilde ve büyüklükte zıtlık yapılarak vurgu oluşturulabilinir.
 
Klasik Tasarımlar
 
1. Sol Sütun Navigasyon (Left-column Navigation)2.
Sağ Sütun Navigasyon (Right
-column Navigation)
 
3. Üç Sütunlu Navigasyon (Three-column Navigation)
 
 
1. Sol Sütun Navigasyonu
-
En çok tercih edilen sayfa tasarımıdır (De facto standard).
 -Bir
çok site ana navigasyonu sayfanın üst bölümüne yerleştirse de, sol navigasyonu kullanır.
 -
İ
çerik yönetim sitemleri (CMS-
Content Managament System) genel olarak hazır değer olarak
sol sütün navigasyonu
kullanır.
 
2. Sağ Sütun Navigasyonu
 
-
Çok fazla tercih edimeyen bir tasarımdır.
 -
Daha çok ikincil navigasyonlar için kullanılır.
 -
Kullanıcılar sayfayı soldan sağa doğru taramaya meyillidir.
 -
Farklı ve kullanımı kolay sayfa tasarımları için kullanılabilir.
 
3.Üç Sütun Navigasyonu
-
Ortada geniş içerik sütünu, kenarlarda dar navigasyon sütünları vardır.
 -
Çok fazla sayıda navigasyon ve köprü (link) içeren sayfalar için idealdir.
 -
Sayfanın karışık görülmemesi için boşluklar gereklidir.
 -Genellikle ana sayfalarda tercih edilir.
YERLEŞİM VE DÜZENLEME 4.
 
Modern Tasarımlar
 
1 .
Genişletilmiş Sayfa Altlığı (Expansive Footer Navigasyon)
 2.
İçerik Öncelikli Üç Sütun (Three Column with Content First)
 1.
 
Genişletilmiş Sayfa Altlığı
 
-
İletişim bilgileri
 -
Genişletilmiş site navigasyonu
 -
İlave içerikler (blog günlükleri, linkroll makaleleri, Flickr fotoğrafları, twitter yazıları vs.)
 
2.
 
İçerik Öncelikli Üç Sütun
 
-
İçerik öncelikli sayfalarda kullanılır.
 -
Genellikle anasayfa tasarımında tercih edilir. Diğer sayfalarda iki veya tek sütunlu tasarıma geçilir.
 
Sabit veya Değişken Sayfa Genişliği
 
Sabit Genişlik
 
+
Tasarımcı metin içindeki görseller üzerinde daha çok kontrole sahiptir.
 +
Boşluklar tasarımın bir parçası olarak planlanabilir.
 +
Dar metin blokları okunabilirliği artırır.
 -
Geniş tarayıcı penceresinde küçük gözükebilir
 -
Kullanıcı
 
kontrolü azdır.
 
Değişken Genişlik
 
+Bir
çok ekran çözünürlüğüne ve cihaza uyumludur
 
+Kaydırma işlemini azaltır.
 -
Geniş ekranlarda metin okunurluğu düşüktür.
 -Görüntünün yönetilmesi daha zordur.-
Boş alanlar problem olabilir.
 
Kademeli Sabit Sayfa Genişliği
 
Belli ekran çözünürlükleri için önceden tasarlanmış sayfa düzenlerine geçiş yapılır.
 
Hem sabit hem de değişken sayfa tasarımlarının avantaşlarına sahiptir.
 

You're Reading a Free Preview

Download
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->