WTK212U-WEB GRAFİK TASARIMI
Ünite 1: Web Grafik Tasarımının Temelleri
Giriş
Web tasarımı, çevirmeli (dial-up) internet günlerinden 2000’li yılların ilk 20 yılına kadar hızlı bir değişim süreci içinde gelişmiştir. Bilişim teknolojilerinin yatırım alması ve donanım, yazılım alanlarında üretim yapan markaların çeşitlenmesi ile birlikte ekonomik ürün seçenekleri artmış, bununla birlikte dijital teknolojiler daha fazla kullanıcıya ulaşmıştır. 1980’li yıllarda salt metin arayüzleri yerlerini 1990’lı yıllarda bloklu düzenlemelere bırakmıştır. 2000’li yılların başlarında ise gösterişli ‘web günlükleri’ diğer bir deyişle bloglar internet üzerinde görsel iletişimin artmasıyla web’in popülerleşmesini sağlamışlardır.
Web Kavramı ve Web Tasarım Tarihi
İnternet ve World Wide Web terimleri gündelik hayatta genellikle birbirinin yerine kullanılan kavramlardır. Ancak, iki terim aynı şeyi ifade etmez. İnternet, telekomünikasyon ve optik ağ aracılığıyla birbirine bağlanmış, küresel bilgisayar ağları sistemidir. Buna karşılık, World Wide Web, köprüler (Hyperlinks) ve URI’ler (Uniform Resource Identifier) ile birbirine bağlanan küresel bir belge ve diğer kaynaklar topluluğudur. Kısaca dünyayı çevreleyen bir ağ olarak tanımlanabilir.
1990 yılında HTTP, HTML, World Wide Web tarayıcısı, bir sunucu ve belgeleri yönetmek için ilk web sitesi yani bildiğimiz anlamdaki web’in temelleri; Information Management; A Proposal adlı bir öneri ile geliştirmiştir (Berners-Lee; 1989). CERN’de çalışan İngiliz fizikçi Tim Berner-Lee sayesinde web’de gezinme gerçek olmuştur. (Tobin, 2012; 102). Tim Berners-Lee bir yazılım veritabanı oluştururken sistemdeki sayfaların bir dizinini oluşturmak için hiper metin kullanmış, hiper metinler sonunda şimdi web sayfaları olarak bildiğimiz yapıya dönüşmüştür. Web tarayıcı, Ocak 1991’den itibaren CERN dışında diğer araştırma kurumlarına ve ardından Ağustos 1991’de genel halka sunulmuş, ilk web sayfası 6 Ağustos 1991’de Berners-Lee ve ekibinin çalışmalarıyla dünyaya merhaba demiştir.
Web’de Gezinmenin İlk Adımı; Tarayıcılar
Genel kullanıcının farklı ihtiyaçlarla farklı araçlar üzerinden, çoğunlukla çok kafa yormadan kullandıkları internet ve teknolojilerine yönelik tasarım yapabilmek için web ve web teknolojilerinin gelişimini öğrenmek, bir ressamın tuvalinin veya boyasının özelliklerini bilmesi kadar elzemdir.
Amerika Birleşik Devletleri merkezli araştırma, bilim ve mühendisliği ilerleten ulusal ölçekli bilgisayar altyapısını geliştirmek ve dağıtmak amacıyla eyalet ve federal hükümetin ortaklığı olan Ulusal Süper Bilgisayar Uygulamaları Merkezi (NCSA) Mosaic adlı web tarayıcısını geliştirip yayınlamasıyla birlikte bir yıldan kısa bir sürede web, binlerce web sitesinin ortaya çıkmasıyla çok popüler hâle gelmiştir.
Mosaic tarayıcının teknik bilgisi olmayan kullanıcıların da web’le buluşturmasının hemen ardından Marc Andreessen
ve Jim Clark Netscape’i kurup, Java ve daha sonra World Wide Web’in temel programlama dillerinden biri olan JavaScript yazılımlarını web’e taşıyan Netscape Navigator adlı tarayıcıyı piyasaya sürmüşlerdir.
Web’de Arayüz Kavramının Arka Planı
Günümüzde hâlâ daha web’in tüm insanlığa kullanıcı haklarını koruyarak hizmet etmesi için çalışan Tim Berners-Lee, 1996’da metin işaretleme dili olan XML’i oluşturan ve HTML’nin daha katı XHTML ile değiştirilmesini öneren World Wide Web Konsorsiyumu’nu (W3C) kurmuştur.
Tam da aynı zamanlarda web geliştiricileri Web 2.0 devrimi için gerekli teknik altyapıyı hazırlamışlardır. Mozilla, Opera ve Apple’ın XHTML’yi reddetmesi ve HTML5’i geliştiren WHATWG’yi kurmaları sayesinde bugün kullanılan web altyapısı oluşturulmuştur.
Web teknolojilerindeki gelişmeler web’in arayüz görselleştirmelerine olanak sağlarken bu durum kullanıcı sayısının artmasına, artan kullanıcı sayısı ise aynı yıllarda internetin artık ticari olarak da değer kazanmasına neden olmuştur. İnternetin ticari olarak değer kazanmasının ilk göstergesi olarak ilk banner reklamı 1994 yılında Amerikan teknoloji şirketi AT&T tarafından HotWired.com adlı site üzerinden satın alınmıştır.
Macromedia firmasının çıkardığı FlashSplash, o zamanki yenilikçi yazılımlarından biridir. Program, o zamanlar popüler olan Netscape Navigator ve Internet Explorer’da FutureSplash Viewer eklentisiyle oynatılabilecek vektör animasyonları oluşturmak için kullanılmıştır.
Flash teknolojisiyle aynı zamanda geliştirilen CSS ise zaman içinde web tasarımının temel taşlarından biri hâline gelmiştir. Basamaklı stiller HTML, XHTML ve XML biçimlendirme dillerinde yazılmış belgelerdeki ögelerin nasıl görüntüleneceğini açıklar.
Web Tasarımında Kullanıcı Deneyimi Kavramı
İnternetin genel kullanıcıya açılması ve yaygınlaşması ile birlikte web tasarımında yeni kavramlardan söz edilmeye başlanmıştır. Kullanıcı deneyimi kavramı bunlardan biridir. Kullanıcı Deneyimi kavramı 7-11 Mayıs 1995 tarihinde Denver, Colorado’da düzenlenen CHI ‘95 Bilgisayar Sistemlerinde İnsan Faktörleri Konferansı’nda Donald Norman ve arkadaşlarının sunumunda kullanmalarıyla yaygınlaşmıştır.
Birbirini tetikleyen veya çok daha efektif öneriler üreten yazılım ve donanım teknolojileri genel kullanıcıya her geçen gün görsel olarak çok daha kolay kullanabileceği sistemler önermiştir. Bu durum da genel kullanıcı profilinin çeşitlenmesine neden olmuştur.
Web Tasarımında Açık Kaynak
Web tasarımına yön veren girişimlerden biri olan WordPress, Matt Mullenweg ve Mike Little tarafından 2003 yılında internetteki yerini almıştır. Wordpress Cafelog adlı bir blog projesinin uzantısı olarak ortaya
çıkmıştır. İlk sürümünde, kullanıcılarına basit, statik blog gönderileri oluşturmalarına ve kişiselleştirme adına çok az görsel kullanmasına olanak vermiştir. Ancak iki yıl içinde geliştirilen eklentileriyle WordPress, daha fazla özelleştirme ve kullanıcıların içeriği değiştirmeden sitelerinin görünümünü değiştirmelerine olanak tanıyan temalar sunmaya başlamıştır.
Açık kaynaklı olması Wordpress’in web geliştiriciler tarafından desteklenmesine ve geniş eklenti ve tasarım desteğine sahip olmasına neden olmuştur. Bu amaç için Wordpress.com’un tüm detayları Github adlı geliştiricilerin ortak projelerde iş birliği yapmasına olanak veren bulut tabanlı platformdan geliştiriciler için paylaşılmıştır.
Web Tasarımında Yeni Dönem; Mobil
Akıllı telefonlar, mobil cihazlar olmadan tamamen bağlantılı bir şekilde bilgiye ulaşmak ve bu şekilde yaşamak mümkündür. Ancak dünya üzerinde bu şekilde yaşamayı tercih eden insan sayısı çok azdır. Mobil olmayı sağlayan taşınabilir kablosuz cihazlar iletişim ve eğlence dışında çalışmak, gündelik işlerimizi yürütmek için kullandığımız geleneksel yöntemleri sonsuza dek değiştirdiğini söylemek yerinde olacaktır.
1917’lerden itibaren telsiz telefonlarla ilgili çalışmalar başlamışsa de ilk el tipi cep telefonu 1973 yılında Motorola tarafından icat edilmiştir. İlk arama ise şirketin mühendislerinden biri olan Martin Cooper tarafından DynaTAC 8000X adlı modelle gerçekleştirilmiştir. Akıllı telefon olarak kabul ettiğimiz cep telefonlarının ilk versiyonu ise 1992’de IBM tarafından geliştirilmiştir. Simon Personal Communicator ya da sadece IBM Simon olarak adlandırılan bu cihaz, 1994 yılında satın alınabilir hâle getirilmiş ve o dönemde on binlerce kişi tarafından satın alınmıştır
1990’lı yılların sonundan 2000’li yıllara kadar süren dijital teknolojilerdeki gelişmeler aynı zamanda ekonomik se- çeneklerin de ortaya çıkmasına, bu durum da akıllı telefonların daha erişilebilir hâle gelmesine neden olmuştur. 2007 yılında Apple’ın ilk iPhone’u piyasaya çıkarmasıyla birlikte akıllı telefonlar için de bir dizüstü ya da masaüstü bilgisayara benzer bir internet deneyimi söz konusu olmaya başlamıştır. Bu değişimler web tasarımında 960 grid sistemi (ızgaralı sistemi), 12 sütunlu bölme gibi mobil cihazlarda web deneyimini iyileştirecek tasarım önerilerinin geliştirilmesine neden olmuştur.
Avantajları nedeniyle üzerinden 20 yıldan fazla zaman geçtiği hâlde grid tabanlı, düz tasarımlar hem masaüstü hem de mobile yönelik web tasarımında hâlâ tercih edilen, tasarımcılara ihtiyaç duydukları görsel iletişim tasarımı dinamiklerini sunan sistem olmuştur.
Akıllı telefonların daha fazla insan tarafından kullanılmasıyla sanal gerçeklik VR ve artırılmış gerçeklik AR ve yapay zekâ AI gibi teknolojiler de Web’e ve dolayısıyla web tasarımına entegre olmuşlardır. Web tabanlı artırılmış gerçeklik (WebAR), kullanıcıların AR
deneyimlerine doğrudan akıllı telefonlarından erişmelerini sağlayan bir teknolojidir. Herhangi bir eklentiyi telefonlarına indirmeye gerek olmadığından, insanlar birbirinden farklı işletim sisteminde, farklı mobil cihazlarda ve farklı web tarayıcılarında isteğe bağlı olarak artırılmış gerçekliğin sürükleyici deneyimini yaşayabilirler.
World Wide Web’in geliştiricisi olan Tim Berners-Lee, Web’in ilk hâli diyebileceğimiz Web 1.0’ı “sadece okunan ağ”, kullanıcıların içerik üretmeye başladıkları Web 2.0’ı ise “okunan-yazılan ağ” olarak tanımlar (http 7). Web 3.0 ise kullanıcıların verilerini blok zincirinde depolamaları ve verilerini kontrol etmelerini sağlamak için merkezi olmayan blok zinciri tabanlı sistemin kullanılması konsepti üzerine geliştirilmektedir.
Arayüz Tabanlı Görsel İletişim Tasarımı
Web tasarımı, web sitelerinin üretimi ve yayından sonraki bakımında birçok farklı beceri ve disiplini kapsar. Web tasarımının farklı alanları arasında; web grafik tasarımı, arayüz tasarımı, standartlaştırılmış kod ve özel yazılım dahil olmak üzere yazılım kısmı, kullanıcı deneyimi tasarımı ve arama motoru optimizasyonu yer almaktadır.
Web tasarımcılar, tasarımlarını programlamayı da içeren, çalışan bir web sitesine dönüştürmek zorundadırlar. Bu nedenle kod yazma işini kendileri yapmayacak olsalar bile web tasarımcılarının HTML, CSS, JavaScript ve tercihen PHP gibi programlama dilleri hakkında iyi derecede çalışma bilgisine sahip olmaları beklenmektedir.
Web sitesinin genel görünümü, tarzı ve tasarımı UI olarak kısaltılan User Interface yani Kullanıcı Arayüz Tasarımcılarının çalışma alanındadır. İyi bir web tasarımcısı kullanıcıların sadece basılı bir gazete okumadıklarının farkında olduğundan web sitesiyle etkileşime geçmesi gereken yerleri de tasarlamak adına bu bahsettiğimiz iki disiplinin nasıl çalıştığına dair bilgi sahibi olmalıdır.
Yeni Medya ile Yenilenen Arayüz Kavramı
Yeni medyayı geleneksel medyadan ayıran temel özelliklerden birkaçını; analog sistemleri geride bırakan hızı sağlayan dijitallik, okuyucuyu, izleyiciyi kullanıcı hâline getiren etkileşimlilik, telefon veya televizyon gibi geleneksel medya araçlarının aksine kullanıcının istediği zamanda etkileşime girmesine olanak sağlayan eşzamansızlık özelliği, geleneksel medya araçlarının tersine taşınabilir olma hâli ve taşınabilirlik özelliğinin de katkısıyla kullanıcılarına diledikleri zaman ve diledikleri yerden iletişim kurma olanağı sağlayan; zaman ve mekandan bağımsız olma özelliği, geleneksel medyanın kitle hâline getirdiği okuyucu/izleyicilerin, kişisel tercih- lerine uygun iletişim kurma imkânı veren kitlesizleştirme, kitlesizleşen iletişim ortamının ve mobil teknolojilerin sağladığı kişiselleştirme, web 2.0 teknolojileri sayesinde gelişen ağ erişimi özelliği, dijital ortamda arayüz tabanlı görsel iletişim özelliği şeklindedir.
Temel Grafik Tasarım İlkeleri ve Ekran İçin Tasarım
Bir mesajı görselleştirerek ileten grafik tasarım disiplinin temel ilkeleri görsel algı prensiplerinden yola çıkarak oluşturulmuştur. Görme ile ilgili çeşitli fizyolojik bileşenler topluca görsel sistem olarak adlandırılır ve görme bilimi olarak adlandırılan bilim; dilbilim, psikoloji, bilişsel bilim, sinirbilim ve moleküler biyoloji gibi birçok alanda araştırmaların odak noktasıdır.
Modern görme teorileri, ilk olarak 1604’te gözdeki retinal görüntünün oluşumunu doğru olarak tanımlayan Johannes Kepler ile başlar. Wertheimer, Koffka ve Kohler gibi Gestalt psikologları da algıların duyumlardan inşa edildiğine dair yapısalcı fikirleri reddetmişlerdir. Bütünün, parçaların toplamından daha anlamlı olduğu şeklindeki temel Gestalt fikri, parçalar arasındaki ilişkileri inceler. Bir melodi, farklı enstrümanlarda çalınmasına rağmen hâlâ tanınabilir. Gestalt ilkeleri, yakınlık, benzerlik, şekil- zemin, süreklilik, kapanma ve bağlantı, insanların farklı nesneler ve ortamlarla bağlantılı olarak görselleri nasıl algıladıklarını tanımlar. Temel grafik tasarımı ilkeleri ise şu şekildedir; denge, hizalama, hiyerarşi, kontrast, ritim, yakınlık, renk ve boşluk
Arayüz ve Dijital Tasarımda Öncüler
Tasarımcıların bilgisayar teknolojilerini kullanarak tasarım yapmalarını sağlayan arayüz ve ikonları da yine grafik tasarımcılar tasarlamışlardır. Bu öncü tasarımcılardan biri Susan Kare’dir.
Susan Kare, piksel sanatının ilk öncülerindendir. Macintosh işletim sistemi için çok sayıda ikon, yazı karakteri ve orijinal pazarlama materyali tasarlamıştır. Paint Bucket, Lasso ve Grabber simgeleri gibi çığır açan çalışmalara imza atmıştır. Ekran tipografisi adına önemli katkıları olan Susan Kare’in tasarladığı yazı karakterleri arasında Monaco, Cenevre yer alır. Ayrıca, yalnızca Mac OS arayüzlerinde değil, aynı zamanda Apple iPod arayüzünün ilk dört neslinde de kullanılan Chicago yazı karakteri ve kullanıcıları karşılayan karşılama ekranı simgesi olan Happy Mac de Kare’nin tasarımları arasındadır. Susan Kare gibi öncüler sayesinde bilgisayarlar, işletim sistemleri ve uygulama programları diğer tasarımcılar tarafından kolayca kullanır olmuşlardır.
Web Arayüz Tasarımı İçin Temel Uygulamalar
1990’lı yıllarda internetin ve World Wide Web’in hızlı gelişimi, insanların iletişim kurma ve bilgiye erişme biçimlerini dönüştürerek, büyüklüğü Gutenberg’inkini bile aşan bir devrim yaratmıştır.
Dijital devrim, 1980’li yıllarda öncelikle üç şirket tarafından yaratılan uygun fiyatlı, güçlü donanım ve yazılımların bir sonucu olarak bireysel grafik tasarımcıların masaüstüne gelmiştir. Bunlardan ilki Apple Computer, Macintosh bilgisayarını geliştirmiş ve kullanıcı dostu bu bilgisayarlar sayesinde tasarımcılar bilgisayarlarla ilgili teknik bilgileri olmasa dahi tasarım yapma fırsatı bulmuş- lardır. Adobe Systems, sayfa düzeni yazılımının ve
elektronik olarak oluşturulmuş tipografinin sorunsuz çalışmasını sağlayan PostScript programlama dilini icat etmiştir. Son olarak da Aldus, bilgisayar ekranında sayfalar tasarlamak için PostScript kullanan bir yazılım uygulaması olan PageMaker’ı yaratmıştır.
Discovery Channel Web sitesi, Web tasarımının ilk öncüle- rinden biri sayılmaktadır. Sayfalar, başlıklar, alt başlıklar ve bilgi kenar çubuğu için alanlar oluşturmak üzere geometrik bölgeleme ile tasarlanmıştır.
Piksel Tabanlı Grafik Tasarım Programları
Her piksel tabanlı görselin en küçük birimi, piksel olarak bilinen resim ögeleridir. Piksel tabanlı görüntülerin sabit sayıda resim ögesinden oluştuğu dikkate alındığında hem kalite hem de depolama için gereken bellek miktarı piksel sayısıyla doğru orantılıdır.
Piksel tabanlı grafik uygulama programları TIF, JPG, BMP, PNG, GIF gibi formatlarda görüntü çıktısı üretirler. Bu programlara örnek vermek gerekirse; Adobe Photoshop en bilinenlerden biridir ve ücretli bir görüntü işleme programıdır.
Photoshop’a karşın GIMP, ücretsiz ve açık kaynak bir görüntü işleme programıdır. GIMP de Photoshop gibi GNU/Linux, macOS, Windows ve diğer işletim sistemlerden çalışabilen bir çapraz platform görüntü düzenleyicisidir. Photoshop’tan farklı olarak GIMP’in kaynak koduna erişebilir, değiştirebilir, eklentiler yapabilir ve yeniliklerinizi diğer kullanıcılara dağıtabilirsiniz.
Corel Photo-Paint ise 1992’den beri Corel tarafından geliştirilen raster grafik editörüdür. Corel, daha önce Linux için pazarlanmış sürümleri olan yazılımı Windows ve Mac OS işletim sistemleri için de üretmiştir. Ücretli bir program olan Corel Photo-Paint, Adobe Photoshop ile rakiptir.
Vektör Tabanlı Grafik Tasarım Programları
Piksel tabanlı görüntülerin aksine, vektör grafikleri tek tek resim ögelerinden oluşmaz; daha ziyade çizgiler, daireler veya eğriler gibi geometrik ögelerden oluşurlar. Bunlar başlangıç, bitiş noktaları, yarıçaplar, kenar uzunluğu, çizgi genişliği, renkler ve dolgu desenleri gibi parametreler aracı- lığıyla tanımlanırlar. Bir vektör grafiğinin kaydedilen parametrelerinin yeni boyutlara uyacak şekilde yeniden hesaplanabildiği göz önüne alındığında, bu görüntüler kalite kaybı olmadan büyütülebilir.
Vektör grafiklerini piksel grafiklere dönüştürmek genellikle zor bir iş olmasa da, bu prosedürün tersine çevrilmesi ve istenen kalitede bir sonuç alınması genellikle zahmetli bir süreçtir. Bir raster grafiğin görüntü takibi ya manuel olarak izlenerek ya da Xara Xtreme veya Inkscape gibi Bitmap Tracer veya Potrace gibi fonksiyonlara sahip bir vektörleştirme programı yardımıyla gerçekleştirilir. Bu tür dönüştürmeler, görüntü izleme programlarının yalnızca piksel grafiklerinin karmaşık renk gradyanlarını ve parlaklık eğrilerini taklit etmesi gerçeğinden dolayı özellikle hataya açıktır.
Vektör tabanlı programların ürettikleri vektörlerin başında Apple’dan tasarım ödülü kazandığından formatları; SVG, EPS, AI, CDR, WMF gibi formatlardır. tasarımcılar arasında popüler olmuştur. Adobe Illustrator, Adobe Inc tarafından geliştirilen ve Adobe XD, prototip oluşturma animasyonlarını da pazarlanan bir vektör grafik editörü ve tasarım programıdır. destekleyen vektör tabanlı bir diğer araçtır. Program ayrıca Aslen Apple Macintosh için tasarlanan Adobe Illustrator’ın Sketch’ten dosya açmayı ve düzenlemeyi de destekler. geliştirilmesi 1985’te başlamıştır. InVision, başlangıçta Sketch ve Photoshop gibi araçlarla CorelDRAW, Corel şirketi tarafından geliştirilen ve entegre olan bulut tabanlı bir prototip hizmeti sunan bir pazarlanan bir vektör grafik editörüdür. Aynı zamanda araçken, sonradan Studio adlı kendi tam özellikli arayüz bitmap-görüntü düzenleyici olan Corel Photo-Paint’in yanı tasarımı ve prototipleme aracını geliştirmiştir. sıra grafiklerle ilgili diğer programları içeren Corel grafik Framer ise başlangıçta bir JavaScript kitaplığı ve prototip paketinin de adıdır. Inkscape, öncelikle Ölçeklenebilir oluşturma araç seti olarak başlamış, ancak geliştirmeler Vektör Grafikleri (SVG) biçiminde vektör görüntüleri oluş- sonucu araç hâline gelmiştir. EpicPxls, kolay, indirilebilir turmak için kullanılan ücretsiz ve açık kaynaklı bir vektör premium tasarım varlıklarıyla hızlı, güçlü bir prototip grafik düzenleyicisidir. Yazılım diğer formatları da içe ve oluşturma sunar. Sketch ise etkileşimli prototipleme, akıllı dışa aktarabilir. tasarım, geniş bir entegrasyon ve eklenti kitaplığı ile bir Web Tasarım ve Uygulamalar “dijital tasarım araç takımı”dır.
Web sitesinin konsept tasarımına ve görsel iletişim tasarımı stratejinize bağlı olarak en iyi tasarlanmış web sitesine ulaşmak için birden fazla tasarım yazılımı kullanmanız gerekebilir.
Grafik tasarım programlarında bahsettiğimiz Adobe’nin, Dreamweaver adlı programı web sitelerini kodlama, düzenleme ve bakımını yapma hizmetlerini veren uygulamasıdır. Tasarımcılara Web sitelerini hem manuel olarak kodlayarak hem de sezgisel bir görsel arayüz aracılığıyla tasarlama olanağı verir.
İnternet üzerinde yayında olan web sitelerinin %35’inden fazlasının WordPress üzerinde çalışıyor olması bunun önemli nedenlerinden biridir. Wix, WordPress’e kıyasla kullanımı kolay ve uygun fiyatlı bir alternatif platformdur. WordPress’e çok benzeyen Wix, bloglar ve mağazalar dahil olmak üzere çeşitli farklı siteler oluşturmak için kul- lanılabilir.
Squarespace, Wix ve WordPress’e üçüncü bir alternatif olarak hizmet eden bir web sitesi oluşturucu platformdur. Çalışma mantığı anlamında Wix’e çok benzeyen Squarespace, tasarımcılara web sitesini oluşturmak için sezgisel bir sürükle ve bırak arayüzü sunar. RapidWeaver, yalnızca Mac’te ve Mac için çalışan bir web tasarım yazılımıdır. Yazılım, farklı tasarım toplulukları tarafından tasarlanmış temaları kullanıcının seçimine sunar.
Arayüz tasarımı uygulamaları ve prototip oluşturma araçları, tasarımcıların web sitelerinin nasıl görüneceğini ve nasıl davranacağını, etkileşimin nasıl gerçekleştiğini kullanıma sunulmadan önce öngörmelerine ve üzerinde çalışmalarına yardımcı olan uygulamalardır.
Arayüz tasarımı ve prototipleme için kullanılan Figma tasarımcılara pek çok farklı özellik sunar. Figma, web sitelerini tasarlamayı basitleştiren sezgisel, vektör tabanlı bir arayüze sahiptir. Muadilleri Sketch veya Adobe XD ile yapabilecek her şeyi Figma ile yapmak mümkündür.
Aslına uygun maketler oluşturma sürecini basitleştirmeye odaklanan bir arayüz tasarım aracı olan Sketch, 2010’ların