Tasarımın Temel İlkeleri

ha

ka

nb

ab

ac

.n

et

TASARIMIN TEMEL İLKELERİ

Web Tasarımı ve Programlama

tasarımın temel ilkeleri

ha

ka

nb

ab

ac

.n

et

WEB TASARIMINDA TEMEL İLKELER

• İçerik

• Tasarım

• İşlevsellik

• Kullanılabilirlik

• Uyumluluk

2

• Hedef Kitle Beklentileri

• Renk Dengesi

• Okunabilirlik

• Hizalama

• Ses ve Görüntü Dosyaları


ha

ka

nb

ab

ac

.n

et


• İçerik

3

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.


ha

ka

nb

ab

ac

.n

et


• Tasarım

4

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.


ha

ka

nb

ab

ac

.n

et


• İşlevsellik

5

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.


ha

ka

nb

ab

ac

.n

et


• Kullanılabilirlik

6

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


ha

ka

nb

ab

ac

.n

et


• Uyumluluk

7

Farklı web tarayıcılarında aynı görünüm

Mobil cihazlarla entegrasyon


ha

ka

nb

ab

ac

.n

et


• Hedef Kitle Beklentileri

8

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.


ha

ka

nb

ab

ac

.n

et


• Renk Dengesi

9

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


ha

ka

nb

ab

ac

.n

et


• Renk Dengesi

10

Sıcak Renkler

Kırmızı, turuncu, sarı

Soğuk Renkler

Mavi, yeşil, mor

Nötr Renkler

Siyah, beyaz, gri


ha

ka

nb

ab

ac

.n

et


• Okunabilirlik

11

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.


ha

ka

nb

ab

ac

.n

et


• Hizalama

• Metin ve Nesneler Arası Boşluklar

12

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.


ha

ka

nb

ab

ac

.n

et


• Ses ve Görüntü Dosyaları

13

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.


ha

ka

nb

ab

ac

.n

et

WEB SİTESİ TASLAĞI OLUŞTURMA

• Bütünlük

• Güncellik

• Bağlantı Hızı

• Sayfa Çözünürlüğü

• Site Haritası

14


ha

ka

nb

ab

ac

.n

et


• Bütünlük

15

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.


ha

ka

nb

ab

ac

.n

et


• Güncellik

16

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.


ha

ka

nb

ab

ac

.n

et


• Bağlantı Hızı

17

Standart dışı yazıtipleri

kullanılmamalıdır.

Harici sayfa / nesne

bağlantıları, sayfa

yüklenmesini geciktirir.

Görseller, uygun şekilde kullanılmalıdır.


ha

ka

nb

ab

ac

.n

et



18

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.


ha

ka

nb

ab

ac

.n

et



19

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 değişken genişlik


ha

ka

nb

ab

ac

.n

et


• Site Haritası

20

İç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.


ha

ka

nb

ab

ac

.n

et

Şimdilik bu kadar…

web tasarımı ve programlamayla ilgili bir sonraki yayın

HTML

21


ha

ka

nb

ab

ac

.n

et

İ L E T İ Ş İ M

22

[email protected]

hakanbabac.net

http://www.facebook.com/babachakan

http://www.twitter.com/HakanBabac

https://plus.google.com/+HakanBABA%C3%8716/posts

https://www.linkedin.com/pub/hakan-baba%C3%A7/17/151/3ba

http://www.hakanbabac.net/

Internet

Tasarımın Temel İlkeleri