Açıköğretim ders notları öğrenciler tarafından ders çalışma esnasında hazırlanmakta olup diğer ders çalışacak öğrenciler için paylaşılmaktadır. Sizlerde hazırladığınız ders notlarını paylaşmak istiyorsanız bizlere iletebilirsiniz.
Açıköğretim derslerinden Web Grafik Tasarımı Dersi 2. Ünite Özet için hazırlanan ders çalışma dokümanına (ders özeti / sorularla öğrenelim) aşağıdan erişebilirsiniz. AÖF Ders Notları ile sınavlara çok daha etkili bir şekilde çalışabilirsiniz. Sınavlarınızda başarılar dileriz.
Bir web sitesinin başarısı kalitesiyle doğru orantılıdır. Bir web sitesi için başlıca kalite faktörleri zengin ve doğru bir içerik, güzel ve uyumlu bir biçimsel tasarım, hızlı ve kolay erişim, site içi ve site dışı hızlı ve sorunsuz navigasyon olanağı, kullanıcı dostu olma, mobil uyumluluk, sorunsuz kullanılabilirlik, optimizasyon özelliğidir. Bir web sitesi oluşturulurken web tasarım işlem ve süreçleri ile grafik tasarım ilkeleri ve organizasyonu iç içe geçmiştir. Web grafik tasarım, kendi içinde web teknolojisi, dijital teknoloji, grafik sanatı, kitle iletişimi, reklam sektörü, yeni medya gibi birçok alandan beslenen, disiplinler arası bir yapıya sahiptir. Web teknolojisi ve grafik tasarım estetiği, web grafik tasarımın iki temel bileşenidir.
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. Tasarım sürecinde ilgili donanım ve Adobe Dreamweaver, Indesign, Illustrator, Photoshop, CorelDRAW gibi yazılımlardan yararlanılır.
Hazırlanan görsel tasarım, web formatı kazanması için, HTML (Hypertext Markup Language/Hipermetin İşaretleme Dili) işaretleme dili ile kodlanır ve tipografi, renk, görsellerin boyutları, sayfadaki konumu ve yerleşimi konularında seçim ve düzenlemeler yapılmasını sağlayan CSS (Cascading Style Sheets/ Basamaklı Stil Şablonları) tanım dili ile stil şablonları biçimlendirilir.
PHP (Hypertext Preprocessor/Hipermetin Önişlemcisi ya da ASP:NET (Active Server Pages/Aktif Sunucu Sayfaları) gibi programlama dilleri ile dinamik yapı kazandırılır ve FTP (File Transfer Protocol/ Dosya Transfer Protokolü) yazılımı ile İnternet’e, IP (Internet Protocol Address/İnternet Protokol Adresi) adresine yüklenir.
Bir web sitesi kullanılmaya başladıktan sonra inovatif gelişmelere ve kullanıcı gereksinimlerine göre, web sitesi, işleyiş ve estetik olarak optimize edilmelidir. Bu konuda SEO (Search Engine Optimization/Arama Motoru Optimizasyonu) çalışmaları yapılır.
Kişisel, kurumsal ve ticari olan web sitelerinin bu özellikleri edu, gov, com v.b. gibi adres eklentilerinden anlaşılır.
Profesyonel ölçülerde web tasarımı ve web grafik tasarımı, çekirdek kadrosu grafik tasarımcı, web geliştirici ve web uzmanından oluşan bir ekip işidir.
Tarihsel olarak web grafik tasarımın iki net başlangıcı aşağıdaki gibidir:
Web tasarım, 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 webdeki 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.
Web grafik tasarım ise, 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.
Bir web projesi web tasarım ve web grafik tasarım olmak üzere iki başlıkta incelenebilir. Web tasarımın unsurları ve inşası aşağıdaki gibi özetlenebilir:
Web grafik tasarımın unsurları ve inşası aşağıdaki gibi özetlenebilir:
Genellikle kişisel, kurumsal ve ticari olmak üzere üç çeşit web sitesi vardır. Web siteleri, amaç ve işlevlerine uygun bir arayüz görünümüne sahiptir.
Web grafik tasarım konusunda kişisel beğeninin ilk planda olduğu kişisel web sitelerinde bireyle ilgi alanlarına göre, profesyonel ya da amatör, çalışmalarını, yazılarını, yapıtlarını, hobilerini, üretimlerini sergileyebilir; sosyal, sanatsal, kültürel, politik görüşlerini açıklayabilirler.
Kurumsal web siteleri, ilgili kurum ya da kuruluşların faaliyet ve amaçlarına göre sektörel olarak gruplanır ve özellikleri adres eklentilerinden anlaşılır. “gov” resmi kurumlar, “edu” üniversiteler, “ac” kimi ülkelerde akademik kurumlar, “org” ticari olmayan kuruluşlar, “com” ticari kuruluşlar, “mil” askeri kuruluşlar ve “int” uluslararası kuruluşlar tarafından kullanılan uzantılardır.
Kurumsal web sitelerinde grafik tasarım kurumsal işlev ve amaçları doğrudan yansıtacak bir stil üzerinden geliştirilir.
Ticari siteler, küçük işletmelerden uluslararası holdinglere, eğlence sektöründen akademik kurumlara çok geniş bir kapsama sahiptir.
Profesyonel olarak tasarım, bir proje ve ekip işidir. Web tasarım ekibinin çekirdek kadrosu grafik tasarımcı (graphic designer), web geliştirici (web developer) ve web uzmanından (web master) oluşur.
Grafik tasarımcı, web sitesinin arayüz estetiğinden sorumlu bir sanatçıdır. Web geliştirici, web sitesinin işlevselliği ve kullanılabilirliğinden sorumlu bir yazılımcıdır. Web uzmanı ise, müşteri ve müşteri temsilcisi ile ilişkilerden, genel olarak projenin koordinasyonundan, güncelleme ve optimizasyon çalışmalarından sorumlu bir işletmeci ve halkla ilişkiler uzmanıdır.
Çekirdek kadroya ek olarak profesyonel formasyonun yanı sıra interdisipliner bir vizyona, inovatif duyarlılığa ve ekip ruhuna sahip 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.
Web grafik tasarımı interdisipliner bir yaklaşımdır ve iki temel bileşeni web teknolojisi ile grafik tasarım estetiğidir.
Teknolojik buluşlara bakıldığında ve bunların tarihsel ve kültürel kökenlerini araştırıldığında, çoğu buluşun, önceden felsefi ve edebi tasarımlar şeklinde ifade edilmiş oldukları keşfedilir. Web ve hipermetin, edebi bir tasarım olarak, Jorge Luis Borges’in (1899-1986), Yolları Çatallanan Bahçe (1941) başlıklı öyküsünde betimlenmiştir.
Grafik Tasarım Endüstri, teknoloji, kitle iletişimi, ekonomik sistem ve gündelik yaşam ile iç içe işlevsel bir sanattır.
Web 2.0, İ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 var olabilmesi için gerekli teknoloji ve programları, herkes için geliştirmeyi öngören ve uygulayan İnternet ortamıdır.
Birbirlerinden farklı ve çok çeşitli profile sahip, birey, grup ya da topluluk olarak İnternet kullanıcıları, sanal dünyadaki varoluşlarıyla çağımızın ortak kültürü olan siber kültürü tanımlamaktadır. Gerçek dünyaya ait zaman ve mekân sınırlamaları, gündelik yaşamı düzenleyen etik ilkeler ve yasalar, sanal dünyada aynı şekilde etkin olmaması sebebiyle netiket (İnternet etiği) ve siber hukuk gibi yeni alanlar meydana gelmiştir.
Günümüzde siber kültür ve web teknolojilerinin gelişimi, İnternet kullanımında Web 2.0 aşamasına geçilmesini sağlamıştır. Wikipedia, Facebook, Instagram, Twitter, Flickr gibi ağ ortamları, Web 2.0’nin birer karşılığıdır.
Bir web projesi için grafik tasarım fonksiyonel kalite faktörleri aşağıdaki gibi sıralanabilir:
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ıralamıştır. Web grafik tasarımında “tasarım” başlığı altında incelenen unsurlar aşağıdaki gibi sıralanabilir:
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.
W3C (World Wide Consortium/ Dünya Çapında Ağ Birliği) ve ISO’nun (International Organization for Standardization/Uluslararası Standartlar Organizasyonu) üzerinde çalıştığı web grafik tasarımı ile ilgili fonksiyonel ve sektörel kalite faktörleri uluslararası sistem standartlarına göre interaktif bir şekilde tanımlanır ve geliştirilir.
HTTP (iletişim), URL (kaynak) ve HTML’yi (dil) kapsayan W3C’nin çalışma alanları aşağıdaki gibi sıralanabilir:
Gündelik yaşamımızda sık sık karşımıza çıkan ISO kalite standartları, kullanılabilirlik bağlamında teknolojik ölçütler sunarken teknik ya da estetik olarak bir üretimin nasıl yapılacağına ilişkin rehberlik vermez. ISO 9241- 151: 2008, web tasarım ve web grafik tasarımı ile ilgili geliştirilen birçok ISO standartından biridir.
Amacı bir web sitesinin arama motorlarındaki konumunun araştırılması ve incelenmesi olan SEO (Search Engine Optimization / Arama Motoru Optimizasyonu), bir web sitesinin optimizasyon işlemleri anlamına gelir. SEO standartlarına göre web sitelerinin sahip olması gereken özellikler aşağıdaki gibi sıralanabilir:
Web sitesi, kullanıcı dostu olmalıdır.
Bir web sitesinin başarısı kalitesiyle doğru orantılıdır. Bir web sitesi için başlıca kalite faktörleri zengin ve doğru bir içerik, güzel ve uyumlu bir biçimsel tasarım, hızlı ve kolay erişim, site içi ve site dışı hızlı ve sorunsuz navigasyon olanağı, kullanıcı dostu olma, mobil uyumluluk, sorunsuz kullanılabilirlik, optimizasyon özelliğidir. Bir web sitesi oluşturulurken web tasarım işlem ve süreçleri ile grafik tasarım ilkeleri ve organizasyonu iç içe geçmiştir. Web grafik tasarım, kendi içinde web teknolojisi, dijital teknoloji, grafik sanatı, kitle iletişimi, reklam sektörü, yeni medya gibi birçok alandan beslenen, disiplinler arası bir yapıya sahiptir. Web teknolojisi ve grafik tasarım estetiği, web grafik tasarımın iki temel bileşenidir.
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. Tasarım sürecinde ilgili donanım ve Adobe Dreamweaver, Indesign, Illustrator, Photoshop, CorelDRAW gibi yazılımlardan yararlanılır.
Hazırlanan görsel tasarım, web formatı kazanması için, HTML (Hypertext Markup Language/Hipermetin İşaretleme Dili) işaretleme dili ile kodlanır ve tipografi, renk, görsellerin boyutları, sayfadaki konumu ve yerleşimi konularında seçim ve düzenlemeler yapılmasını sağlayan CSS (Cascading Style Sheets/ Basamaklı Stil Şablonları) tanım dili ile stil şablonları biçimlendirilir.
PHP (Hypertext Preprocessor/Hipermetin Önişlemcisi ya da ASP:NET (Active Server Pages/Aktif Sunucu Sayfaları) gibi programlama dilleri ile dinamik yapı kazandırılır ve FTP (File Transfer Protocol/ Dosya Transfer Protokolü) yazılımı ile İnternet’e, IP (Internet Protocol Address/İnternet Protokol Adresi) adresine yüklenir.
Bir web sitesi kullanılmaya başladıktan sonra inovatif gelişmelere ve kullanıcı gereksinimlerine göre, web sitesi, işleyiş ve estetik olarak optimize edilmelidir. Bu konuda SEO (Search Engine Optimization/Arama Motoru Optimizasyonu) çalışmaları yapılır.
Kişisel, kurumsal ve ticari olan web sitelerinin bu özellikleri edu, gov, com v.b. gibi adres eklentilerinden anlaşılır.
Profesyonel ölçülerde web tasarımı ve web grafik tasarımı, çekirdek kadrosu grafik tasarımcı, web geliştirici ve web uzmanından oluşan bir ekip işidir.
Tarihsel olarak web grafik tasarımın iki net başlangıcı aşağıdaki gibidir:
Web tasarım, 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 webdeki 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.
Web grafik tasarım ise, 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.
Bir web projesi web tasarım ve web grafik tasarım olmak üzere iki başlıkta incelenebilir. Web tasarımın unsurları ve inşası aşağıdaki gibi özetlenebilir:
Web grafik tasarımın unsurları ve inşası aşağıdaki gibi özetlenebilir:
Genellikle kişisel, kurumsal ve ticari olmak üzere üç çeşit web sitesi vardır. Web siteleri, amaç ve işlevlerine uygun bir arayüz görünümüne sahiptir.
Web grafik tasarım konusunda kişisel beğeninin ilk planda olduğu kişisel web sitelerinde bireyle ilgi alanlarına göre, profesyonel ya da amatör, çalışmalarını, yazılarını, yapıtlarını, hobilerini, üretimlerini sergileyebilir; sosyal, sanatsal, kültürel, politik görüşlerini açıklayabilirler.
Kurumsal web siteleri, ilgili kurum ya da kuruluşların faaliyet ve amaçlarına göre sektörel olarak gruplanır ve özellikleri adres eklentilerinden anlaşılır. “gov” resmi kurumlar, “edu” üniversiteler, “ac” kimi ülkelerde akademik kurumlar, “org” ticari olmayan kuruluşlar, “com” ticari kuruluşlar, “mil” askeri kuruluşlar ve “int” uluslararası kuruluşlar tarafından kullanılan uzantılardır.
Kurumsal web sitelerinde grafik tasarım kurumsal işlev ve amaçları doğrudan yansıtacak bir stil üzerinden geliştirilir.
Ticari siteler, küçük işletmelerden uluslararası holdinglere, eğlence sektöründen akademik kurumlara çok geniş bir kapsama sahiptir.
Profesyonel olarak tasarım, bir proje ve ekip işidir. Web tasarım ekibinin çekirdek kadrosu grafik tasarımcı (graphic designer), web geliştirici (web developer) ve web uzmanından (web master) oluşur.
Grafik tasarımcı, web sitesinin arayüz estetiğinden sorumlu bir sanatçıdır. Web geliştirici, web sitesinin işlevselliği ve kullanılabilirliğinden sorumlu bir yazılımcıdır. Web uzmanı ise, müşteri ve müşteri temsilcisi ile ilişkilerden, genel olarak projenin koordinasyonundan, güncelleme ve optimizasyon çalışmalarından sorumlu bir işletmeci ve halkla ilişkiler uzmanıdır.
Çekirdek kadroya ek olarak profesyonel formasyonun yanı sıra interdisipliner bir vizyona, inovatif duyarlılığa ve ekip ruhuna sahip 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.
Web grafik tasarımı interdisipliner bir yaklaşımdır ve iki temel bileşeni web teknolojisi ile grafik tasarım estetiğidir.
Teknolojik buluşlara bakıldığında ve bunların tarihsel ve kültürel kökenlerini araştırıldığında, çoğu buluşun, önceden felsefi ve edebi tasarımlar şeklinde ifade edilmiş oldukları keşfedilir. Web ve hipermetin, edebi bir tasarım olarak, Jorge Luis Borges’in (1899-1986), Yolları Çatallanan Bahçe (1941) başlıklı öyküsünde betimlenmiştir.
Grafik Tasarım Endüstri, teknoloji, kitle iletişimi, ekonomik sistem ve gündelik yaşam ile iç içe işlevsel bir sanattır.
Web 2.0, İ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 var olabilmesi için gerekli teknoloji ve programları, herkes için geliştirmeyi öngören ve uygulayan İnternet ortamıdır.
Birbirlerinden farklı ve çok çeşitli profile sahip, birey, grup ya da topluluk olarak İnternet kullanıcıları, sanal dünyadaki varoluşlarıyla çağımızın ortak kültürü olan siber kültürü tanımlamaktadır. Gerçek dünyaya ait zaman ve mekân sınırlamaları, gündelik yaşamı düzenleyen etik ilkeler ve yasalar, sanal dünyada aynı şekilde etkin olmaması sebebiyle netiket (İnternet etiği) ve siber hukuk gibi yeni alanlar meydana gelmiştir.
Günümüzde siber kültür ve web teknolojilerinin gelişimi, İnternet kullanımında Web 2.0 aşamasına geçilmesini sağlamıştır. Wikipedia, Facebook, Instagram, Twitter, Flickr gibi ağ ortamları, Web 2.0’nin birer karşılığıdır.
Bir web projesi için grafik tasarım fonksiyonel kalite faktörleri aşağıdaki gibi sıralanabilir:
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ıralamıştır. Web grafik tasarımında “tasarım” başlığı altında incelenen unsurlar aşağıdaki gibi sıralanabilir:
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.
W3C (World Wide Consortium/ Dünya Çapında Ağ Birliği) ve ISO’nun (International Organization for Standardization/Uluslararası Standartlar Organizasyonu) üzerinde çalıştığı web grafik tasarımı ile ilgili fonksiyonel ve sektörel kalite faktörleri uluslararası sistem standartlarına göre interaktif bir şekilde tanımlanır ve geliştirilir.
HTTP (iletişim), URL (kaynak) ve HTML’yi (dil) kapsayan W3C’nin çalışma alanları aşağıdaki gibi sıralanabilir:
Gündelik yaşamımızda sık sık karşımıza çıkan ISO kalite standartları, kullanılabilirlik bağlamında teknolojik ölçütler sunarken teknik ya da estetik olarak bir üretimin nasıl yapılacağına ilişkin rehberlik vermez. ISO 9241- 151: 2008, web tasarım ve web grafik tasarımı ile ilgili geliştirilen birçok ISO standartından biridir.
Amacı bir web sitesinin arama motorlarındaki konumunun araştırılması ve incelenmesi olan SEO (Search Engine Optimization / Arama Motoru Optimizasyonu), bir web sitesinin optimizasyon işlemleri anlamına gelir. SEO standartlarına göre web sitelerinin sahip olması gereken özellikler aşağıdaki gibi sıralanabilir:
Web sitesi, kullanıcı dostu olmalıdır.