Web Tasarımında Temel İlkeler

webtasarimdatemelilkeler

Web tasarımı yapılırken dikkat edilmesi gereken ilkeler;

  1. İçerik
  2. Tasarım
  3. İşlevsellik
  4. Kullanılabilirlik
  5. Web tarayıcılarıyla uyumluluk

Bu ilkeler, hazırlanacak web sitesinin alt yapısının düzgün kurulmasını, daha az hata yapılmasını ve kullanıcıların siteye daha fazla ilgi göstermesini sağlayacaktır.

1. İçerik

Web tasarımı yapılırken kullanılacak en önemli şey içeriktir. Çünkü web sayfası hazırlamanın başlıca amacı, bilgilere başkalarının ulaşmasını sağlamaktır.

İçerikte; uzun cümleler yerine basit ve sade anlatımlar kullanılmalıdır.

Tasarımı zayıf olan bir sitede içerik iyi ise o siteye her zaman ziyaretçi gelir.

Sitede kullanılan içerikler, ziyaretçilerin beklentileri dışında olmamalıdır.

2. Tasarım

Hazırlanan web sayfasında içeriklerin nerede ve nasıl görüntüleneceğinin planlandığı bölümdür.

Tasarımda sayfa logosu, yazılar, menüler kağıt üzerinde veya bilgisayar ortamında planlanır.

tasarim

3. İşlevsellik

Kullanıcılar sitenin ana sayfasından site içindeki her sayfaya erişmek ister. Öte yandan iç sayfalardan da diğer sayfalara erişmek ister. Bunun için mümkün oldukça her sayfadan diğer sayfalara bağlantı verilmelidir.

Site haritası oluşturulmalı, site içi bağlantılar düzgün yapılmalı ve site ana sayfası ile sık kullanılan gerekli sayfalarına her sayfadan bağlantı verilmelidir.

4. Kullanılabilirlik

Kullanımı kolay ve anlaşılır bir tasarım yapılmalıdır.

Yazı tipi, rengi, büyüklüğü iyi seçilmeli ve uygun zemin üzerine konulmalıdır.

Sayfalar hızlı yüklenmelidir.

Sayfa logosu ve menüler kullanıcıların alışık olduğu yerde konumlandırılmalıdır.

Site içi bağlantılar düzgün ve aktif olmalıdır.

İletişim formu ve iletişim bilgileri olmalıdır.

Vurgulanmak istenen kelimeler  özel renkte veya kalın olmalıdır.

islevsellik

İşlevselliği ve kullanılabilirliği yüksek olan bir web sitesi

5. Web Tarayıcılarıyla Uyumluluk

Tasarlanan web sayfasının bütün web tarayıcılarda aynı görünmesinin sağlanması çalışılmalıdır.

Web tarayıcılar hazırlanırken W3C (Web standartlarını belirleyen topluluk) tarafından konulan kurallara göre sayfa kodlarının istediklerini yaparlar fakat yeni kurallara, her firma anında yeni program sürümü çıkaramayabilir.

Bu da kurallara uygun hazırlanan sayfanın bazı tarayıcılarda düzgün bazılarında ise düzgün görünmemesine neden olabilir.

HEDEF KİTLE BEKLENTİLERİ

Web siteleri internet kullanıcıları için hazırlanır. Bu yüzden web sitesi kullanıcılarının beklentileri ve yetenekleri doğrultusunda bir web sitesi hazırlanmalıdır.

Anaokuluna giden çocuklar için hazırlanacak sitede beklenti farklı, üniversite öğrencileri için hazırlanacak bir forum sitesinde ise beklenti daha farklı olacaktır. Anaokulu sitesinde çok renkli sayfalar kullanılabilirken, kurumsal bir sitede daha sade sayfalar kullanmak gerekir.

MÜŞTERİNİN WEB PROJESİ İHTİYAÇLARI

Temel olarak ürün tanıtımı, hizmet tanıtımı, kişisel web sayfaları hazırlanır.

  • Ürün tanıtım sitesinde ; Anasayfa, Hakkında, Ürünler, Ürün Tanıtım, İletişim
  • Hizmet tanıtım sitesinde; Anasayfa, Hakkında, Hizmetler, Hizmet Tanıtım, İletişim
  • Kişisel tanıtım sitesinde; Anasayfa, Hakkında, Portföy, Bağlantılar, İletişim

gibi başlıca sayfalar olabilir.

BİÇİMSEL ÖZELLİKLER

Web sitesi tasarımı yaparken en önemli şeylerden biri sitenin görüntüsüdür. Bunun için site görüntüsünü hazırlarken gerekli olan temel biçim özelliklerine dikkat edilmesi gereklidir.

  1. Renk Dengesi
  2. Okunabilirlik
  3. Hizalama
  4. Metin ve Nesne Arası Boşluklar

1. Renk Dengesi

Tasarlanan web sayfasında, hem gözü yormayan arka plan hem de okunması kolay yazı renkleri seçilmelidir.

Çok fazla renk kullanımından kaçınılmalıdır. En fazla 3 renk yoğun olarak kullanılmalıdır.

Site logosunda bulunan renkler tasarımda ana renk olarak kullanılabilir.

renkdengesi

Logo rengi ile sayfada kullanılan renkler

Tasarım yaparken renklerin insanlara çağrıştırdığı duygulara dikkat edilebilir.

Sıcak renkler: Kırmızı, turuncu, sarı

Sıcak renkler diğer renklere göre gözü daha önce etkiler. Bu yüzden hazırlayanan sayfalarda az kullanmak daha iyi bir etki bırakır.

Soğuk renkler: Mavi, yeşil, mor, mavi-yeşil

Soğuk renkler sakinleştirici ve yatıştırıcı renklerdir ve çok kullanılır.

Nötr renkler: Beyaz, siyah, gri

Nötr renkler arka planlar ve soğuk renklerin etkilerini artırmak için idealdir.

2. Okunabilrlik

Birçok internet kullanıcısı sayfaya önce göz atar, sonra okur. Bu yüzden hazırlanan sayfa göz atmaya uygun olmalıdır.

Başlıklar ve yazılar düzenli tutularak kısa özetler oluşturulabilir.

İçerikte dikkat çekilmesi istenen yerler vurgulanmalıdır.

Times New Roman, Times vb. uçları çıkıntılı yazı tiplerinin yerine  okunurluğu kolay olan uçları çıkıntısız Arial, Helvetica, Tahoma, Verdana yazı tipleri kullanılmalıdır.

3. Hizalama

Web sayfasındaki nesneler sola, ortaya ve sağa hizalanabilir.

Yazıları ise sola, sağa, ortaya ve iki yana hizalanabilir.

Resimleri ve yazıları hizalayarak sayfa görselliğinin düzeni sağlanabilir.

SES VE GÖRÜNTÜ EKLEME PRENSİPLERİ

Eklenen görüntülerin web tarayıcılar tarafından görüntülenebilir formatta olduğundan emin olunmalıdır. Web sayfalarında uzantısı jpg, gif, png olan görüntüler kullanılır.

Aynı şekilde animasyonları göstermek için web tarayıcılarına bazı ek programlar (eklenti) yüklenmesi gereklidir. Her tarayıcıda animasyonları göstermek için gerekli eklentiler yüklenmemiş olabilir. Kullanıcılar böyle bir durumda animasyonları göremezler.

PROJEDE KULLANILACAK YAZILIMLARIN BELİRLENMESİ

Web sitesi tasarımında temel olarak kullanılan yazılımlar;

  • Sayfasının grafik olarak tasarlanması için grafik yazılımı,
  • Sayfaya eklenecek amblem, maskot gibi çizimler için vektör yazılımı,
  • Sayfaya eklenecek animasyonlar için animasyon yazılımı,
  • Sayfanın kodlamasını yapmak için web tasarım editör yazılımı,
  • Web sayfalarını görüntülemek için web tarayıcı programları,
  • Web sitesindeki hata ve eksikleri bulmak için yardımcı programlar.

MALİYET

Web sitesinin taslağını çıkardıktan sonra site maliyetini çıkarmak için dikkate alınacaklar;

  • Web sitesinin grafik olarak hazırlanması,
  • Web sitenin HTML kodlamasının (web tarayıcıda görüntülenebilecek şekilde hazırlanması) yapılması,
  • Web sitesi içerisinde kullanılacak görüntülerin (fotoğrafların çekilmesi veya satın alınması, grafiklerin hazırlanması veya satın alınması) hazırlanması,
  • Web sitesinde kullanılacak animasyonların hazırlanması veya satın alınması,
  • Web sitesinin kullanıcı etkileşimi var ise programlama kısmının yapılması,
  • Web sitesi adının kiralanması (alan adı kiralama),
  • Web sitesinin yayınlanacağı bilgisayarın kiralanması (alan barındırma ücreti).

Ekler :

  1. Sunu dosyasını indirmek için tıklayınız.. 
    Dosya: WebTasarımındaTemelİlkeler.pptx
    İndirme: 1193, Boyut: 1.8 MB, Eklenme Tarihi: 18 Eki. 2017

You may also like...