hakanbabac.net
TASARIMIN TEMEL İLKELERİ
Web Tasarımı ve Programlama
hakanbabac.net
WEB TASARIMINDA TEMEL İLKELER
• İçerik
• Hedef Kitle Beklentileri
• Tasarım
• Renk Dengesi
• İşlevsellik
• Okunabilirlik
• Kullanılabilirlik
• Hizalama
• Uyumluluk
• Ses ve Görüntü Dosyaları
tasarımın temel ilkeleri
2
hakanbabac.net
WEB TASARIMINDA TEMEL İLKELER
• İçerik
Tasarımı çok güzel olan bir
sitede içerik yok ise o siteyi
kimse ziyaret etmez ama
tasarımı zayıf olan bir sitede
içerik iyi ise o siteye her zaman
ziyaretçi gelir.
Sitede kullandığımız içerikler,
site ziyaretçilerinin beklentileri
dışında olmamalıdır.
tasarımın temel ilkeleri
3
hakanbabac.net
WEB TASARIMINDA TEMEL İLKELER
• Tasarım
Web sitesi içeriklerinin
hazırlayacağımız web sayfasının
neresinde ve nasıl görünmesini
planladığımız aşamadır.
Ne, nerede olacak?
sorularının cevaplarını kağıt üzerine
ya da bilgisayara çizeriz.
tasarımın temel ilkeleri
4
hakanbabac.net
WEB TASARIMINDA TEMEL İLKELER
• İşlevsellik
 Sitedeki her sayfadan diğer
sayfalara bağlantılar
oluşturmaya çalışmalıyız.
 Her sayfadan ana sayfaya ve
sitenin ana bölümlerine de
bağlantı sağlamalıyız.
tasarımın temel ilkeleri
5
hakanbabac.net
WEB TASARIMINDA TEMEL İLKELER
• Kullanılabilirlik
 Hızlı erişim
 Ana sayfaya bağlantı
 Site içi kolay gezinti
 İletişim sayfası / formu
 İçerik yoğunluğuna göre
arama çubuğu
tasarımın temel ilkeleri
6
hakanbabac.net
WEB TASARIMINDA TEMEL İLKELER
• Uyumluluk
 Farklı web tarayıcılarında aynı görünüm
 Mobil cihazlarla entegrasyon
tasarımın temel ilkeleri
7
hakanbabac.net
WEB TASARIMINDA TEMEL İLKELER
• Hedef Kitle Beklentileri
Hazırlayacağımız web sitesinin kullanıcıları çok önemlidir.
Çünkü web siteleri internet kullanıcıları için hazırlanır.
Bu yüzden kullanıcıların
(ziyaretçilerin) beklentileri ve
yetenekleri doğrultusunda bir
web sitesi hazırlamalıyız.
tasarımın temel ilkeleri
8
hakanbabac.net
WEB TASARIMINDA TEMEL İLKELER
• Renk Dengesi
 Renkler genel kurumsal
kimlik bütünlüğüne uygun
olmalıdır.
 Renkler aşırı kullanıldığında
tasarım dağınık, dikkat
dağıtıcı görünebilir; az
kullanıldığındaysa donuk
görünebilir.
Ayrıntılı bilgi için tıklayın…
http://www.sanalkurs.net/web-tasariminda-renkler-1494.html
tasarımın temel ilkeleri
9
hakanbabac.net
WEB TASARIMINDA TEMEL İLKELER
• Renk Dengesi
 Sıcak Renkler
Kırmızı, turuncu, sarı
 Soğuk Renkler
Mavi, yeşil, mor
 Nötr Renkler
Siyah, beyaz, gri
tasarımın temel ilkeleri
10
hakanbabac.net
WEB TASARIMINDA TEMEL İLKELER
• Okunabilirlik
Doğru / Okunabilir yazıtiplerinin seçimi, içeriğin sunumunu
kolaylaştıracaktır.
Uçları çıkıntılı yazı tiplerinin
yerine uçları çıkıntısız
yazıtiplerini kullanmamız
uygun olur.
Başlıkları ve yazıları
yazarken HEPSİ BÜYÜK
ve Sadece İlk Harfleri
Büyük metinler sanıldığı
gibi dikkat çekmez.
tasarımın temel ilkeleri
11
hakanbabac.net
WEB TASARIMINDA TEMEL İLKELER
• Hizalama
• Metin ve Nesneler Arası Boşluklar
Metin-nesne / metin-metin arasında okunurluğu arttırmak
için bırakılan boşluğa beyaz boşluk denir.
Beyaz boşluklar nesne ve metinleri algılamayı kolaylaştırır.
tasarımın temel ilkeleri
12
hakanbabac.net
WEB TASARIMINDA TEMEL İLKELER
• Ses ve Görüntü Dosyaları
 Ekleyeceğimiz resimler, web tarayıcılar tarafından
görüntülenebilir formatta olmalıdır (JPG, GIF, PNG).
 Aynı durum, ses ve video dosyaları için de geçerlidir.
 Ses ve görüntü dosyalarına ait tüm
düzenlemeler, web ortamına uygun
şekilde yapılmalıdır.
 Böylelikle; site hızında, bu
dosyaların düzenlenmemesinden
kaynaklanacak yavaşlıklar önlemiş
olacaktır.
tasarımın temel ilkeleri
13
hakanbabac.net
WEB SİTESİ TASLAĞI OLUŞTURMA
• Bütünlük
• Güncellik
• Bağlantı Hızı
• Sayfa Çözünürlüğü
• Site Haritası
tasarımın temel ilkeleri
14
hakanbabac.net
WEB SİTESİ TASLAĞI OLUŞTURMA
• Bütünlük
 Web sitemiz, ana
sayfasından iç sayfasına,
kullanılan yazı tiplerinden
renklere ve resim
boyutlarına kadar birbirine
benzeyen bir şekilde
olmalıdır.
 Site içerisinde kullanılan
dil (üslup) aynı olmalıdır.
tasarımın temel ilkeleri
15
hakanbabac.net
WEB SİTESİ TASLAĞI OLUŞTURMA
• Güncellik
 Web sitesindeki bilgiler,
güncel olmalıdır.
 Eski kullanılmayan bilgileri
gerekirse sitemizde bir
arşiv bölümü hazırlayarak
orada tutmalıyız.
 Bağlantı verdiğimiz
sayfaların çalıştığından
emin olmalıyız.
tasarımın temel ilkeleri
16
hakanbabac.net
WEB SİTESİ TASLAĞI OLUŞTURMA
• Bağlantı Hızı
 Görseller, uygun şekilde kullanılmalıdır.
 Standart dışı yazıtipleri
kullanılmamalıdır.
 Harici sayfa / nesne
bağlantıları, sayfa
yüklenmesini geciktirir.
tasarımın temel ilkeleri
17
hakanbabac.net
WEB SİTESİ TASLAĞI OLUŞTURMA
• Sayfa Çözünürlüğü
 Web tasarımı yaparken dikkat
edeceğimiz noktalardan biri
kullanıcıların ekranında yatay
kaydırma çubuğu oluşturmamaktır.
 Grafikte en çok kullanılan ekran
çözünürlüğü 1024x768 olarak
gözükmektedir.
 Site genişliğinin de 900-1000 piksel
arasında olması önerilmektedir.
tasarımın temel ilkeleri
18
hakanbabac.net
WEB SİTESİ TASLAĞI OLUŞTURMA
• Sayfa Çözünürlüğü
Ekran çözünürlüğüne göre değişen (büyüyüp küçülebilen)
web sayfası tasarımları da yapabiliriz. Ama bu durum,
tasarımda farklılıklar oluşturabilir!!!
sabit genişlik
tasarımın temel ilkeleri
değişken genişlik
19
hakanbabac.net
WEB SİTESİ TASLAĞI OLUŞTURMA
• Site Haritası
 İçerik yönünden zengin,
kategorisi bol bir web
sitesinde kullanıcıların
erişimini kolaylaştırmak için
bir site haritası
hazırlanabilir.
 Site haritasının bulunduğu
sayfadaki bağlantılar
sayesinde tüm kategorilere
ulaşım daha kolay
olacaktır.
tasarımın temel ilkeleri
20
hakanbabac.net
Şimdilik bu kadar…
web tasarımı ve programlamayla ilgili bir sonraki yayın
HTML
tasarımın temel ilkeleri
21
hakanbabac.net
İLETİŞİM
hakanbabac.net
[email protected]
tasarımın temel ilkeleri
22
Download

Tasarımın Temel İlkeleri