Web grafik tasarım, web ortamı için belirli bir içeriğin ve buna ilişkin metin ile görsellerin, grafik sanatı ilkeleri doğrultusunda tipografi, grafik çizim ve form, renk gibi grafik elemanları kullanarak yorumlanması ve kurgulanmasıdır. Görsel malzeme, resim, şema, çizelge, fotoğraf, film, animasyon, avatar, logo v.b. gibi görsel unsurlardır. Grafik tasarım 2D ya da 3D olabilir. Doğal olarak tasarım sürecinde ilgili donanım ve Adobe Dreamweaver, Indesign, Illustrator, Photoshop, CorelDRAW gibi yazılımlardan yararlanılır.

Genel olarak üç çeşit web sitesi vardır:
1. Kişisel,
2. Kurumsal,
3. Ticari.
Bu sitelerin özellikleri, edu, gov, com v.b. gibi adres eklentilerinden anlaşılır.

Tarihsel olarak web grafik tasarımın iki net başlangıcı vardır: 

1. Grafik sanatçısı ve reklâmcı William Addison Dwiggins (1880-1956), 1922 yılında ilk kez grafik tasarım ifadesini kullanmıştır. 
2. Bilgisayar mühendisi Tim Berners-Lee (1954), 1989 yılında Web’i bulmuş, Hipermetin İşaretleme Dili’ni geliştirerek (1990) Dünya Çapında Ağ Sistemi’ni kurmuştur. Yanı sıra Web’in geliştirilmesi ve web standartlarının oluşturulması amacıyla Dünya Çapında Ağ Birliği’ni (W3C) yapılandırmıştır (1994).

Genel anlamda bir web sitesinin içeriğinin inşasıdır. Web sitesinin web üzerindeki konumu ve kapasitesinin saptanması, web sitesinin grafik tasarımının kodlanması, İnternet’e yüklenmesi ve sitenin Web’deki konumuna göre optimizasyon sağlanması işlem ve süreçlerini kapsar. Web tasarım ve web grafik tasarım interaktif ve eş zamanlı bir şekilde yürütülür. Web tasarım, web grafik tasarımı içerir.

Genel anlamda bir web sitesinin içeriğinin grafik tanımı ve görsel tasarımıdır. Web grafik tasarım, fonksiyonel bir estetiği temsil eder. Web grafik tasarım, bir sitenin içeriği ve teknik özelliklerine göre grafik elemanları seçmek, grafik sanatı ilkeleri ve deneyimi, hayal gücü ve yaratıcı bir anlayışla bunları yorumlamak ve kurgulamaktır. Web grafik tasarımı, kullanıcı arayüz tasarımıdır. Web grafik tasarım, interaktif olarak gelişen teknik ve estetik performansa dayalıdır.

Web tasarım, web grafik tasarımı içerir. Web grafik tasarımı, web tasarımının görsel yüzüdür. Bir web projesi yapılırken, web tasarım ve web grafik tasarım aşamaları interaktif olarak geliştirilir. Bir web projesi için:
• Öngörülen web konumu ve kapasitesine göre içerik metni düzenlenir ve tipografik seçimlerle biçimlendirilir.
• Yine içeriğe ait, fotoğraf, grafik, animasyon, logo gibi görseller işlenir. Renk ve renk kombinasyonları saptanır. Ardından bütün bu öğeler, sayfa düzeni olarak yerleştirilir ve
kurgulanır.
• Bu görsel tasarım HTML dili ile kodlanır ve CSS dili ile stil şablonları oluşturulur.
• Böylece, web formatı kazanan sayfalara PHP (Hypertext Preprocessor/Hipermetin Önişlemcisi ya da ASP:NET (Active Server Pages/Aktif Sunucu Sayfaları) dilleri ile dinamik yapı kazandırılabilir.
• Ardından, site, FTP (File Transfer Protocol/ Dosya Transfer Protokolü) yazılımı ile IP (Internet Protocol Adress/İnternet Protokol Adresi) adresiyle İnternet’e yüklenir.

Kurumsal web siteleri, ilgili kurum ya da kuruluşların faaliyet ve amaçlarına göre sektörel olarak gruplanır. Bu sitelerin özellikleri, adres eklentilerinden anlaşılır:
• gov: resmi kurumlar
• edu: eğitim kurumları, üniversiteler
• ac: kimi ülkelerde akademik kurumlar
• org: ticari olmayan kuruluşlar
• com: ticari kuruluşlar
• mil: askeri kuruluşlar
• int: uluslararası kuruluşlar.
Bu tip siteler için web grafik tasarım, kurumsal işlev ve amaçları doğrudan yansıtacak bir stil üzerinden geliştirilir. Örneğin bir devlet kurumunun web sitesi ağırbaşlı ve yalın
bir estetiğe sahip iken, bir müzenin sitesi, eğlenceli, ritmik, rengârenk bir görünüm sergileyebilir.

Ticari siteler, küçük işletmelerden uluslararası holdinglere, eğlence sektöründen akademik kurumlara çok geniş bir kapsama sahiptir. Yanı sıra, herhangi bir site, pazarlama stratejileri, ekonomik çıkarlar ve reklâm sektörü dolayısıyla ticari hale gelebilir.

Bireyler, kişisel web sitelerinde, ilgi alanlarına göre, profesyonel ya da amatör, çalışmalarını, yazılarını, yapıtlarını, hobilerini, üretimlerini sergileyebilir; Yanı sıra sosyal, sanatsal, kültürel, politik görüşlerini açıklayabilirler. Bu tip siteler için web grafik tasarım konusunda, kişisel beğeni ilk plândadır.

Günümüzde hazır web sitesi kitleri, kolaylıkla İnternet’ten indirilebilir ve hazır şablonlar kullanılarak bir web sitesi kurulabilir. Bununla birlikte profesyonel olarak tasarım, bir proje ve ekip işidir. Web tasarım ekibinin çekirdek kadrosu üç elemandan oluşur:
• Grafik tasarımcı (graphic designer)
• Web geliştirici (web developer)
• Web uzmanı (web master)

Grafik tasarımcı, bir sanatçıdır; web geliştirici, bir yazılımcıdır. Grafik tasarımcı, web sitesinin arayüz estetiğinden sorumludur.

Web uzmanı bir işletmeci ve halkla ilişkiler uzmanıdır. web uzmanı, müşteri ve müşteri temsilcisi ile ilişkilerden, genel olarak projenin koordinasyonundan, güncelleme ve optimizasyon çalışmalarından sorumludur.

Web geliştirici, web sitesinin işlevselliği ve kullanılabilirliğinden sorumludur.

Çekirdek kadronun yanısıra, müşteri temsilcisi, proje yöneticisi, koordinatör, içerik editörü, multimedia tasarımcı, yazılım uzmanı, grafiker, fotoğrafçı, sosyal medya uzmanı, mobil strateji uzmanı, cloud mimarı, sanat yönetmeni, seo uzmanı gibi elemanlar da yer alır. Bu elemanlardan, profesyonel formasyonun yanı sıra interdisipliner bir vizyona, inovatif duyarlılığa ve ekip ruhuna sahip olmaları beklenir.

Web grafik tasarım, interdisipliner bir faaliyettir ve iki temel bileşeni vardır:
1) Web Teknolojisi,
2) Grafik Tasarım Estetiği.

Tim Berners-Lee (1955), ‘Web’in yani Dünya Çapında Ağ’ın (World Wide Web/ www) mucitidir (1989).

Hipermetin İşaretleme Dili’ni (Hypertext Markup Language/ HTML) geliştirmiş (1990), Web’in geliştirilmesi ve web standartlarının oluşturulması amacıyla Dünya Çapında Ağ Birliği’ni (World Wide Consortium/ W3C) kurmuştur (1994).

“Grafik tasarım” ise, ilk kez 1922 yılında, grafik sanatçısı ve reklâmcı William Addison Dwiggins (1880-1956) tarafından adlandırılmıştır.

Grafik tasarım ile ilgili öğrenim kurumlarının ders programlarına baktığımızda ya da grafik tasarımın mesleki uygulamalarını incelediğimizde şu ortak özellikleri saptayabiliriz:
• Kuram ve uygulama içiçedir.
• Sanat ile zanaat içiçedir.
• Sanat, endüstri, teknoloji ve kitle iletişimi etkileşim içindedir.
• Sanatsal dışavurum fonksiyoneldir.
• Sanatsal dışavurum ekonomik ortamdan ve gündelik yaşam rutininden ilham alır.
• Sürekli görsel çözümler üretir.

Grafik tasarımın özelliklerinin başlıca sanattarihsel kaynağı, ‘Bauhaus’tur. 1919-1933 yılları arasında Almanya’da faaliyet gösteren Bauhaus, modern bir sanat ve tasarım okulu ve buna bağlı olarak avangard bir sanat akımıdır. Bauhaus’un tasarım ilkeleri günümüzde de anlam ve önemini korumaktadır.

Grafik tasarımın bilgisayar ile buluşması, 1960’da gerçekleşir.

• William Fetter (1928-2002), bilgisayar grafikleri (computer graphics) terimini bulmuştur (1960). Boeing Havacılık’ta sanat yönetmeni olan Fetter, kokpitlerin geliştirilmesi amacıyla ekransız bilgisayar kullanarak ilk kez 3D insan figürü çizimleri yapar.
• Ivan Sutherland (1938), insan-bilgisayar etkileşimli ilk tasarım programını yazar ve uygular (1963). Bu bağlamda, diğer bazı önemli gelişmeler de şunlardır:
• Bill Atkinson (1951), Apple için MacPaint programını yazar (1984).
• CorelDRAW grafik tasarım projesi 1989’da kullanılmaya başlanır.
• Photoshop programı 1990’da kullanılmaya başlanır.
• Muriel Cooper (1925-1994), MIT (Massachusetts Institute of Technology) bünyesinde, gerçek zamanlı 3D bir ortamda, geniş tipografik tasarım olanakları sağlayan ve “enformasyon peysajları’’ adını verdiği bir arayüz geliştirir (1994).
• Hakon Wium Lie (1965), W3C bünyesinde. CSS’yi (Basamaklı Stil Şablonları) icat eder (1994).

İnternet kullanıcılarının ortak ve interaktif bir şekilde oluşturdukları, bilgi, enformasyon, iletişim, tasarım siteleri, sosyal medya, blog, vlog, viki v.b. gibi faaliyetleri kapsayan ve doğal olarak kapsamlı web grafik tasarım potansiyeline sahip İnternet sistemi ve buna bağlı olarak, gittikçe daha fazla kullanıcının, gittikçe daha etkin bir biçimde İnternet’te varolabilmesi için gerekli teknoloji ve programları, herkes için geliştirmeyi öngören ve uygulayan İnternet ortamıdır.

Tim O’Reilly (1954), O’Reilly Media bünyesinde Web 2.0’ yi (İkinci Nesil İnternet Sistemi) tanımlar (2004).

Günümüzde siber kültür ve web teknolojilerinin gelişimi, İnternet kullanımında yeni bir aşamaya geçilmesini sağlamıştır. Bu aşamanın genel başlığı, Web 2.0’dir ve ilk kez 2004’de Tim O’Reilly (1954) tarafından tanımlanmıştır. 1989-2004 dönemi, Birinci Nesil İnternet kullanımını tanımlar. 2004’den günümüze, İkinci Nesil İnternet dönemi yaşanmaktadır. Web 2.0, internet kullanıcılarının aktif katılım ve katkısını yoğunlaştıracak yeni web teknoloji tasarımlarının ve olanaklarının geliştirilmesidir. Bu anlamda, Wikipedia, Facebook, Instagram, Twitter, Flickr gibi ağ ortamları, Web 2.0’nin birer karşılığıdır.

• “İçerik kraldır!’’. Zayıf, hatalı ya da eksik bir içerik, sitenin güvenilirliğini zedeler.
• “Ne kadar az o kadar iyidir!’’ ifadesi, daima gündemde tutulmalıdır.
• Bir web sitesinin web grafik tasarımı, sahibinin özelliklerini yansıtır.
• Bir web sitesinin web grafik tasarımı, sitenin amacını net ve yalın bir şekilde yansıtmalıdır.
• Web sitesi grafik tasarımı için hazır kitler bulunmakla birlikte, ilke olarak profesyonel bir web sitesi “özgün’’ olmalıdır.
• Web sitesi grafik tasarımı ve görsellerin kullanımı, sitenin navigasyon hızını asla kesmemelidir.
• Web sitesi, mobil uyumlu olmalıdır.
• Web sitesi, kullanıcı dostu olmalıdır.
• Web sitesi grafik tasarımında kullanılan metinler sade ve anlaşılır olmalıdır.
• Tipoloji ve renk konusundaki seçimler, uyumlu ve güzel olmalı, empati uyandırmalıdır.
• Grafik tasarım planlamasında, engelli internet kullanıcılarının gereksinimleri gözetilmelidir.
• Web grafik tasarımcı vizyon sahibi olmalıdır.
• Kaliteli bir web grafik tasarımcısı olmak için dijital okur-yazarlık formasyonuna sahip olunmalıdır.

Web grafik tasarım, bir iletişim ve hizmet sektörüdür. Buna göre, J.Cox ve B.G.Dale, kalite standartlarını, “Amacın netliği, tasarım, erişilebilirlik, hız, içerik, müşteri hizmeti” olarak sıralamaktadır ve bu bağlamda “tasarım” faktörü için aşağıdaki başlıklara odaklanılmaktadır:
• Linkler
• Tutarlılık, menü ve site haritaları:
• Sayfalar, metin ve tıklamalar
• İletişim ve geri bildirim
• Arama
• Form doldurma

Bir web sitesinde linkler, navigasyonu düzenler. Bu nedenle, geçerli linkler verilmeli, bunlar hızlı ve kolay ulaşılabilir nitelikte olmalı, kullanıldığı zaman renk değiştirmeli dolayısıyla karışıklık olmamalıdır.

Web sitesinin sayfaları arasında tutarlılık olmalı, menü doğru ve anlaşılır bir yapıya sahip olmalı; site haritası, site içi navigasyonu sağlamak üzere yer almalıdır. Dolayısıyla kullanıcı, sitede aradığını bulmalı ve memnun olmalıdır.

Web sitesinin sayfaları kısa ve mümkün olduğunca az sayıda olmalıdır. Dolayısıyla kullanıcı, sitede işlerini kolayca halledebilmelidir. 

Kullanıcı, sitede bir işlem hatası yaptığında uyarılmalı, kullanım sıklığına göre güncelleme yapılmalıdır. Sitenin hızını kesecek şekilde çoklu grafik ve animasyon kullanılmamalıdır.

Kullanıcı, web sitesinde kolayca, kafası karışmadan araştırma yapabilmeli, sitenin işleyişi ve dil kullanımı, buna göre düzenlenmelidir.

Kullanıcı, bir web sitesine kaydolduğu, sipariş verdiği ya da herhangi bir işlem yaptığı zaman bunu kolayca, ayrıntılara takılmadan yapabilmelidir.

Bir web sitesinin web grafik tasarımı ve web tasarımı, arama motorları üzerinde hızlı ve kolay ulaşılır nitelikte oluşturulmalıdır. Dolayısıyla bir web sitesinin arama motorlarındaki konumu ve durumu, web grafik tasarımın sektörel kalite standartlarının göstergesidir. 

Web grafik tasarım ile ilgili fonksiyonel ve sektörel kalite faktörleri, teknik ve estetik olarak uluslararası sistem standartlarına göre interaktif bir şekilde tanımlanır ve geliştirilir. Bu konuda başlıca iki kuruluş, W3C (World Wide Consortium/ Dünya Çapında Ağ Birliği) ve ISO’dur (International Organization for Standardization/ Uluslararası Standartlar Organizasyonu).

W3C, HTTP (iletişim), URL (kaynak),HTML (dil) teknolojilerini kapsar. HTML ve CSS konusunda sürekli araştırma yapar, yeni versiyonlarını -HTML 5 ya da CSS 3 gibi- geliştirir ve web standartlarını küresel olarak paylaşır. Yanı sıra, web belgelerinin geçerliliğini saptamak üzere İşaretleme Onay Servisi (Markup Validation Service) vermektedir.

ISO standartları, kullanılabilirlik bağlamında teknolojik ölçütler sunar; bunun dışında, teknik ya da estetik olarak bir üretimin nasıl yapılacağına ilişkin rehberlik vermez. Web tasarım ve web grafik tasarımı ile ilgili birçok ISO standartı geliştirilmiştir. Örneğin: ISO 9241-151: 2008 kategorisi, kullanıcı arayüz tasarımı için: Yüksek düzey tasarım kararları ve tasarım stratejisi, içerik tasarımı, navigasyon ve arama, içerik sunumu konularına odaklanmıştır. İSO 9241-151: 2008 ile ilgili daha ayrıntılı bilgiye https://www.tse.org.tr adresinden ulaşabilirsiniz.

SEO (Search Engine Optimization / Arama Motoru Optimizasyonu) olarak tanımlanır.

SEO (Search Engine Optimization / Arama Motoru Optimizasyonu), bir web sitesinin optimizasyon işlemleri anlamına gelir. Seo işlemlerinin amacı, bir web sitesinin, arama motorlarındaki konumunun araştırılması ve iyileştirilmesidir. Başarılı bir web sitesi, Google ya da Yandex gibi arama motorlarında üst sıralarda çıkar. Bir web sitesinin kalitesi, webteki popülerliği ile doğru orantılıdır. 

SEO uzmanları, sitenin kullanılabilirliğini analiz eder ve yeni tasarım stratejileri geliştirirler.

Genel olarak SEO standartlarına göre:
• Web sitesi, kullanıcı dostu olmalıdır.
• Web sitesi, periyodik olarak güncellenmelidir.
• Web sitesi, Facebook, Twitter, Instagram gibi sosyal medya ortamlarında da ulaşılabilir olmalıdır.
• Link ve backlink (bir sitenin diğer bir sitenin adresini vermesi) konusunda asla taviz verilmemelidir.
• Web sitesi için, içeriğe uygun ve dikkat çekici anahtar kavramlar seçilmelidir.
• Internet kullanıcıları, kimi zaman kelimeler yerine, bir kaç kelimelik ifadelerle arama yapmaktadır. Anahtar kavramlar seçilirken bu durum da gözönünde bulundurulmalıdır.
• Bir web sitesi, ilgili ekonomik ve kültürel koşullara göre, iki ya da daha fazla, çok dilli olabilir.

Web, ağ anlamına gelir. Ayrıca, www olarak kullanılan Dünya Çapında Ağ (World Wide Web) ifadesinin karşılığıdır. Dünya Çapında Ağ, bir hipermedya sistemidir. Bu sistem aracılığıyla internet kullanıcıları, sınırsız bir navigasyon ortamında yazılı metin, resim, grafik, fotoğraf, film, animasyon, müzik, ses efekti gibi sonsuz sayıda kayıt ve veriye ulaşabilirler.

Web türleri de üç çeşittir. Kişisel, kurumsal ve ticari.

Web tasarım, bir web sitesinin içeriğinin inşasıdır, web grafik tasarımını içerir. Web tasarım kapsamında, web sitesinin web üzerindeki konumu ve kapasitesinin saptanması, web sitesinin grafik tasarımının kodlanması, İnternet’e yüklenmesi ve sitenin Web’deki konumuna göre optimizasyon sağlanması işlem ve süreçlerini kapsar.

Web grafik tasarım ise web sitesinin içeriğinin grafik tanımı ve görsel tasarımıdır, fonksiyonel bir estetiği temsil eder. Ayrıca, kullanıcı arayüz tasarımıdır. 

Web tasarım ekibinin çekirdek kadrosunu oluşturan ögeler şunlardır:

• Grafik tasarımcı (graphic designer)

• Web geliştirici (web developer)

• Web uzmanı (web master)

Web grafik tasarımının iki temel bileşeni bulunur. Bunlar:

1. Web Teknolojisi

2. Grafik Tasarım Estetiği

Resmi kurumların adres eklentisi "gov"dur. 

Web grafik tasarım web’e özgüdür. Bir web sitesi için hazırlanan görsel
tasarımın gerçekleşmesi için HTML (Hiper Metin İşaretleme Dili) kodlama yapılır. Böylece web sitesinin kullanıcı arayüzünden tarayıcı ve linkler kullanılarak İnternet’te istenilen şekilde, istenildiği kadar bilgi ve veri sağlayan sayfalara ulaşılabilir. Bu sisteme hipermetin sistemi adı verilir. 

Hipermetin sisteminin uzantısı hipermedyadır. Hipermedya, hiperlinklerle birbirine bağlantılı yazı, grafik, fotoğraf, film, video, animasyon, müzik ve ses kaydı gibi enformasyon ortamlarını içerir.

Hipermetin ilk defa 1963 yılında hipermedya ise 1965 yılında tanımlanmıştır. 

Tim Berners-Lee Web'in yani Dünya çapında ağ (www)'ın mucitidir. 

Grafik tasarım ilk kez 1922 yılında, grafik sanatçısı ve reklâmcı William Addison Dwiggins (1880-1956) tarafından adlandırılmıştır.

Web 2.0; İnternet kullanıcılarının ortak ve interaktif bir şekilde oluşturdukları, bilgi, iletişim, tasarım siteleri, sosyal medya, blog, viki v.b. gibi faaliyetleri kapsayan ve doğal olarak kapsamlı web grafik tasarım potansiyeline sahip İnternet sistemi ve buna bağlı olarak, gittikçe daha fazla kullanıcının, gittikçe daha etkin bir biçimde İnternet’te varolabilmesi için gerekli teknoloji ve programları, herkes için geliştirmeyi öngören ve uygulayan İnternet ortamıdır.

Grafik tasarımın bilgisayar ile buluşması 1960 yılında gerçekleşmiştir.

Bir web projesi için grafik tasarım fonksiyonel kalite faktörleri şunlardır:

J.Cox ve B.G.Dale'e göre, bir iletişim ve hizmet sektörü olan Web grafik tasarımının kalite standartları şunlardır: Amacın netliği, tasarım, erişilebilirlik, hız, içerik, ve müşteri hizmeti.

Web grafik tasarımının kalite standartlarından biri olan tasarım kapsamında şu ögeler yer almaktadır:

linkler

tutarlılık, menü ve site haritaalanı

sayfalar, metin ve tıklamalar

iletişim ve geri bildirim

arama

form doldurma

Web grafik tasarım ile ilgili fonksiyonel ve sektörel kalite faktörlerinin teknik ve estetik olarak uluslararası sistem standartlarına göre interaktif bir şekilde tanımlanmasında ve geliştirilmesindeki başlıca iki kuruluş W3C (World Wide Consortium/ Dünya Çapında Ağ Birliği) ve ISO’dur (International Organization for Standardization/Uluslararası Standartlar Organizasyonu).

SEO (Search Engine Optimization / Arama Motoru Optimizasyonu), bir web sitesinin optimizasyon işlemleri anlamına gelir. Seo işlemlerinin amacı, bir web sitesinin, arama motorlarındaki konumunun araştırılması ve iyileştirilmesidir.

SEO standartlarına göre 

Birinci Nesil İnternet Kullanımı 1989-2004; İkinci Nesil İnternet Kullanımı ise 2004'ten günümüze kadar olan dönemi kapsamaktadır.

Photoshop programı kullanımı 1990 yılında başlamıştır.