Photoshop ve Illustrator ile Web Tasarımı

World Wide Web, 1989 yılında, Tim Berners- Lee tarafından icat edilmiştir. World Wide Web, internette, yazı, grafik, fotoğraf, film, video, animasyon, müzik gibi çeşitli görsel-işitsel ortamlarda bilgi, enformasyon, veri iletişimi ve etkileşimini sağlayan bir hipermedyadır. 

HTML (Hypertext Markup Language/ Hiper Me in İşaretleme Dili)

Grafik tasarım, ilk kez 1922 yılında reklamcı William Addison Dwiggins tarafından tanımlanmış; 1919- 1933 yılları arasında avangart bir sanat ekolü olan Bauhaus bünyesinde, günümüzde de geçerliliğini koruyan tasarım ilkeleri doğrultusunda geliştirilmiş ve 1960 yılında William Fetter, uçak kokpiti üzerine çalışırken bilgisayarlı grafiği başlatmıştır. 1980’lerin ikinci yarısından itibaren dijital teknolojiler ve web alanındaki gelişmeler, grafik tasarım alanında büyük değişiklikler yaratır.

1987 yılında, bir yazılım mühendisi olan Thomas Knoll, Photoshop’u icat eder. Ardından kardeşi John Knoll ile birlikte bu yazılımı geliştirirler. 1988 yılında Adobe, Photoshop’u satın alır. 1990 yılında, Adobe Photoshop 1.0 piyasaya sürülür. Böylece fotoğraf işleme ve genel olarak görsel tasarım alanında yeni bir çığır açılır. Photoshop, etkin bir dijital tasarım ortamı hâline gelir. 

Illustrator 1986 yılında Adobe bünyesinde, Mike Schuster, Bill Paxton ve John Warnock tarafından geliştirilmiş ve 1987 yılında piyasaya sürülmüştür.

Web Tasarımı Kalite Faktörleri: 

• Bill Gates’in “İçerik kraldır!” (1996) sloganı, web tasarım sürecinde dikkate alınmalıdır. 

• Bauhaus üyesi Ludwig Mies van der Rohe’nin “Ne kadar az o kadar iyi” (1947) ifadesi, web tasarım sürecinde dikkate alınmalıdır. 

• Web tasarımı, ilgili web sitesinin ait olduğu kişi, kurum ya da kuruluşun gerçek kimlik, işlev ve amacını doğru, net ve kolay algılanır bir şekilde yansıtmalıdır. 

• Web tasarımı yapılırken ilgili web sitesine öncelikli ve hızlı bir şekilde ulaşılabilmesi sağlanmalıdır. 

• Web tasarımı yapılırken masaüstü, dizüstü ve mobil uyumluluk gözetilmelidir. 

• Kullanıcı arayüzünde uzun metinler, karmaşık terminoloji, anlaşılmaz kısaltmalardan kaçınmalıdır. 

• Kullanıcı arayüzünde algılama ve okuma kolaylığı ön planda tutulmalı, tipografi bağlamında, öykünme ve gösterişten kaçınmalıdır. 

• Web tasarımı yapılırken temel tasarım ögeleri ve ilkeleri, ilgili web sitesinin işlev ve amacını temsil edecek şekilde uyumlu ve yanı sıra estetik bir yaklaşımla değerlendirilmelidir. 

• Web tasarımı kreatif olmalıdır. 

• Web tasarımı özgün olmalıdır. 

• Web tasarımı, kullanılan donanım ve yazılıma hâkimiyeti gerektirir. 

• Web tasarımı, kullanıcı dostu olmalıdır. 

• Web tasarımı, popüler kültür ve güncel sanat trendleri ile ilgili entelektüel bakış açılarına karşı duyarlı olmayı yanı sıra inovatif teknolojik gelişmeleri yakından izlemeyi gerektirir. 

• Web tasarımı, ilgili web sitesi temelinde, Yapay Zekâ iyileştirme çalışmalarına açık olmalıdır. 

İlk dijital fotoğraf makinası, 1975 yılında, Eastman Kodak fabrikalarında, Steven Sasson tarafından icat edilmiştir. Böylece analog- elektronik fotoğraf makine modelleri geliştirilmeye başlanır. 1984 Los Angeles Yaz Olimpiyatları’nda kullanılan ve 1986’da piyasaya sürülen Canon RC-701, bu ilk modellerden biridir. Bütünüyle dijital fotoğraf makinalarının ilk prototipi ise 1988 yılında Fujix DS-1P markasıyla gerçekleştirilmiş; 1989 yılında Fujix DS-X olarak piyasaya sürülmüştür. 

PDF Portable Document Format (Taşınabilir Belge Formatı).

PDF dosyası genellikle vektör grafikleri, metin ve bitmap grafiklerinin birleşimidir. PDF Adobe tarafından 1992 yılında metin biçimlendirmesi ve görüntüler de dâhil olmak üzere belgeleri, uygulama yazılımı, donanım ve işletim sistemlerinden bağımsız bir şekilde sunmak için geliştirilen bir dosya formatıdır. Her PDF dosyası metin, yazı tipleri, vektör grafikleri, raster görüntüler ve görüntülemek için gereken diğer bilgiler dâhil olmak üzere sabit mizanpajlı düz bir belgenin tam bir açıklamasını kapsar. PDF belgesi desteklenen tarayıcılarda bir web sayfasının içinde gömülü içerik olarak da görüntülenebilir.

Çizim ya da metin gibi keskin geçişler içeren resimlerde PNG çok daha iyi sonuçlar verirken, JPEG’te resimlerdeki çizgi ve metinlerin etraflarında basamaklanmalar ve bulanıklıklar görülür. PNG’nin genelde JPEG’e tercih edilmemesindeki en büyük etken, kayıplı bir sıkıştırma algoritmasını kullanan JPEG’e kıyasla, PNG dosyalarının kimi zaman 4-5 kat daha fazla disk alanı kaplamasıdır. PNG keskin kenarlı, vektör ve metin içeren resimlerde daha başarılı sonuç verirken, internetteki yüklenme hızının kabul edilebilir kalite kaybına tercih edildiği durumlarda JPEG kullanılmaktadır. JPEG’te transparan alanlar olmaz, ancak PNG’de transparan alanlar mevcut olabilir.

JPEG Bitmap Dosyası 

JPEG, Joint Photographic Experts Group (Birleşik Fotoğraf Uzmanları Grubu) tarafından standartlaştırılmış bir sayısal görüntü kodlama biçimidir. 

Bitmap (Bit İşlem) 

Bir isim olarak “bitmap” terimi genellikle belirli bir bitmapping uygulamasına atıfta bulunmak için kullanılır: her birinin ikiden fazla renk depolayabildiği, böylece piksel başına birden fazla bit kullanabileceğiniz bir piksel haritasına atıfta bulunan pix-map. Böyle bir durumda, söz konusu etki alanı dijital grafik çıkış aygıtını (ekran veya monitör) oluşturan piksel dizisidir. Bazı bağlamlarda bitmap terimi piksel başına bir bit anlamına gelirken, pixmap piksel başına birden çok bit içeren görüntüler için kullanılır (Foley, 2014: 13). 

Vektör grafik ekranları ilk olarak 1958 yılında ABD SAGE hava savunma sistemi tarafından kullanılmıştır. Vektör grafikleri, bir bilgisayar grafiği biçimi olarak, noktalar, çizgiler, eğri- ler ve çokgenler gibi Kartezyen düzlemde tanımlanan geometrik şekillerden doğrudan doğruya görseller oluşturmak için kullanılan mekanizmalar kümesidir. Bu mekanizmalar vektör görüntüleme ve yazdırma donanımını, vektör veri modellerini ve dosya biçimlerini ve bu veri modellerine (özellikle grafik tasarım yazılımı, bilgisayar destekli tasarım ve coğrafi bilgi sistemleri) dayalı yazılımları içerebilir. Vektör grafikleri, her biri genel olarak ve belirli durumlarda avantaj ve dezavantajları olan raster grafiklere bir alternatiftir. Vektör grafikleri günümüzde SVG, WMF, EPS, PDF, CDR veya AI grafik dosyası formatlarında yaygın olarak bulunur ve özünde JPEG, PNG, APNG, GIF, WebP, BMP ve MPEG4 gibi daha yaygın raster grafik dosyası biçimlerinden farklıdır.

SVG Vektör Dosyası

Scalable Vector Graphics (Ölçeklenebilir Vektör Grafikleri) 1999 yılından bu yana W3C Konsorsiyumu tarafından geliştirilen açık standart XML tabanlı bir vektörel grafik biçimidir. W3C Konsorsiyumu tarafından kullanımı tavsiye edilen bir dosya biçimidir. SVG görüntüleri vektör grafik formatında tanımlanır ve XML metin dosyalarında saklanır.

• Programların arayüzleri birbirine benzerlik gösterir. 

• Programlarda kullanılan araçların çoğu birbirine benzerlik gösterir. 

• Paneller, araç ayarları ve efektlerin çoğu birbirine benzerdir. 

• Her iki program da dışarıya, JPEG, PNG ve PDF dosyalarını aktarabilir. 

• Her iki program da sadece PDF formatında bitmap ve vektör dosyalarını dışarı aktarabilir. 

• Program içerisinde diğer programa geçiş seçeneği oluşturulabilir. 

Tasarımcılar, ürünler, restoranlar, seyahat, turizm gibi ve e-ticaret içeren web siteleri için bitmap görüntüleri kullanmalıdır; çünkü görüntüler görsel olarak daha çekicidir. Web sitesi tasarımcıları, yüksek kaliteli görüntüler kullanarak kullanıcıların ürünle etkileşime girmesini ister. Gerçekçi görüntülerin kullanılmasıyla, tasarımcılar kullanıcılar üzerinde arzu edilebilirlik ve güvenilirlik duygusu yaratabilirler. 

• Photoshop programı bitmap, Illustrator programı vektör tabanlıdır.
• Photoshop Programında vektör dosyaları PNG olarak açılır. Photoshop programı vektör dosyalarını işleyemez.
• Illustrator Programında bitmap dosyaları açılabilir. Fakat işlenemez.
• Photoshop Programında çözünürlük önemlidir, Illustrator programında çözünürlük önemli değildir; dosyalar görüntü kaybı ol- madan ölçeklenebilir.
• Photoshop programında dosyalar fazla yer tutabilir, Illustrator programında dosyalar daha az yer kaplar; Web’te daha hızlı açılır.
• Photoshop programında gerçek ya da gerçeğe yakın bitmap görüntüleri tasarlanır. Illustrator programı ile daha çok dikkat çekmek ve mesaj niteliği taşıyan vektörel görüntüler tasarlanır.

Kement Aracı (Lasso Tool): Görüntü üzerinde çizim yaparak serbest biçimli alan seçmenize olanak tanır.

Çokgen Kement Aracı (Polygonal Lasso Tool): Görüntünün üzerinde her tıklatma ile düz kenarlı alan seçmenize olanak tanır.

Manyetik Kement Aracı (Magnetic Lasso Tool): Nesnenin etrafında işaretçiyi hareket ettirdiğinizde, seçim anahattını nesnenin kenarlarına yaslayarak seçim yapmanıza olanak tanır.

Degrade Aracı (Gradient Tool): Birden çok renk arasında kademeli bir karışım oluşturur. Önceden ayarlanmış degrade dolgular arasından seçim yapabilir ya da kendi dolgunuzu oluşturabilirsiniz. 

Birleştirme Aracı (Join Tool): Birleştirme aracı, iki yol almanıza ve tek bir yol oluşturmak için bunları bir araya getirmenize olanak tanır. Birleştirme aracı seçiliyken, bağlanmasını istediğiniz yolun iki uç noktasının et afındaki daireyi tıklayıp sürüklemeniz yeterlidir.