Tasarımda Espri Anlayışı

Tarih: Salı, Nisan 7, 2009 Kategori: Yakuter

Bu yazımın başlığı aslında “Espri Hayatın Her Anında Olmalı” şeklindeydi çünkü yazının çıkış noktası bugün gitmiş olduğu doğa ile iç içe bir lokantanın (bahçesinde koyunlar, tavuklar falan var) tuvaletindeki espriydi.

Bay Bayan

Gördüğünüz gibi basit bir resim bile insanı bir an için gülümsetmeye, hafif de olsa neşelendirmeye yetiyor. Kim tahmin edebilirdi ki erkek için horoz, bayan için tavuk resmi koyulabileceğini. İşte buradan çıktım bende yola ve tasarımlarımızda da bu şekilde ince espriler olmasının ziyaretçilerimiz için neşeli dakikalar anlamına geldiğini hatırlatmak istedim. Tabi böyle söyleyince söz biraz havada kalıyor. Gelin daha somut örneklerle devam edelim.

Nahnu ve Japon İzleyici Kitlesi

Nahnu Japon İzleyici Kitlesi

Bahsettiğimi espri anlayışını her tasarımında görebileceğiniz bir sitedir Nahnu.Org. Yazarı Bünyamin‘in tüm tasarımlarında gerek yazılı gerekse resimli şekilde mutlaka sizi eğlendirecek ince espriler bulabilirsiniz. Yukarıdaki resimde gördüğünüz japon izleyici kitlesi ise bu zamana kadar en çok hoşuma gideniydi. Türk televizyonlarına hangi programın kimler tarafından izlenebileceğini gösteren bu resimler geldiğinde Nahnu da japon izleyici kitlesine bu şekilde seslemişti ve inanın hala gülüyorum şu resimdeki tiplere :)

Tasarımda Espriye Google ve Netvibes Yaklaşımı

Google 23 Nisan

Bildiğindiği üzere Google oldukça minimalist bir tasarımla ziyaretçilerini karşılamaktadır ve tasarımdaki tek görsel Google logosudur. Fakat bu minimalist tasarımda dâhi ziyaretçi kitlesine hitap edecek güzel espriler olabiliyor. Bunun en güzel örneklerinden birisi de 23 Nisan’larda Türk ziyaretçilerine sunmuş olduğu görseller. Yukarıda Google’ın 23 Nisan 2007 tarihinde Türkiye’den gelen ziyaretçileri için kullanmış olduğu logoyu görmektesiniz. Her ne kadar farklı bir ülkenin sitesi olsa da ufak bir espriyle bizi kendi evimizde, yurdumuzda ve hatta bayramımızda hissettirmeyi başarmıştır.

Netvibes Türkiye

Türkçeleştirme ekibinde yer aldığım Netvibes Merhaba Türkiye derken yukarıda gördüğünüz logoyu kullanmıştı. Dünya çapında bir sitenin logosunda dalgalanan Türk Bayrağı görmek beni nasıl mutlu etmişti anlatamam.

Alkışlarla Yaşıyorum İle Zamanda Yolculuk

Alkışlarla Yaşıyorum

Geçtiğimiz günlerde yayına giren Alkışlarla Yaşıyorum, bence içeriğini tasarımıyla en iyi bütünleştiren sitelerin başında gelir. Hasan Yalçın bu tasarımın anatomisini anlatırken sitede dikkat etmediğimiz, gözümüzden kaçan tüm esprileri açıklamış ve bize tam bir fikir cümbüşü yaşatmıştı.

Yukarıdaki görsele bir bakın: Atari 800xl, Atari oyun kolu, bir Mintax kutusu, Volkswagen kaplumbağa, bir teyp kasedi ve biraz daha 60′lara kayarak bir gökkuşağı… Hangimiz özlemiyor ki o günleri! Sitede karşımıza çıkan Voltran, Tsubasa, Uzay Yolu içimizdeki çocuğa sesleniyor adeta. İnceden bir sızlama ve ardından gelen müthiş bir rahatlık. Bir tasarım barındırdığı esprilerle nasıl etkileyebiliyor insanı görüyor musunuz?

2nci.com ve Yıkılan Tabular

2nci

Geçen gün Yılmaz Uğurlu‘nun sitesi 2nci.com‘a rastladım. Sitede gördüğüm kısa bir cümle bu siteye bağlanmam için yetti de arttı bile. Nedir bu cümle derseniz logonun hemen altındaki slogan; SELECT * FROM WEB. Bir SQL cümlesi (veritabanı sorgusu) olarak Web’deki her şeyi bul, getir anlamına gelen bu sözcük damardan enjekte edilen bir ilaç gibi anında etkisini gösterdi üzerimde. O dakikadan sonra bu sitenin tam benim alanıma hitap ettiğini anladım. Basit bir cümle ile sitesini özetlemeyi çok iyi başarmıştı yazar.

Bu paragrafın başlığı olarak Yıkılan Tabular dememin sebebi esprinin sadece görsellerle değil, yazılı metinlerle de olabileceğini göstermek istememdi. Sitenin başlığı, sloganı veya herhangi bir yerine düşülebilecek bir not bile tahmin ettiğinizden fazla bir etkileyebilir ziyaretçileriniz üzerinde.

Son Sözler

Sonuç olarak söylemek istediğim şudur ki sitenize ziyaretçi gözüyle uzaktan bir bakın. Hazır tasarım kullanıyor olabilirsiniz, hiç sorun değil, hepimiz hazır tasarımlarla başladık bu işe. Önemli olan sitenize (günlüğünüze) kendinizden neler katabildiğiniz, ziyaretçilerinize ne sıcaklıkta bir ” Merhaba ” dediğinizdir.

Daha nice esprili, keyifli tasarımlar görmek dileğiyle hoşçakalın…

Sponsorlar:WebGrup,
SEO Teknikleri,
TrSektor | yakuter.com © 2009 | 8 yorum | Çay içmeye de beklerim »

Vektör Ve Bitmap Grafik Türleri

Tarih: Cuma, Nisan 3, 2009 Kategori: Bilgisayar

Vektör ve bitmap(raster) grafikler. Bu iki terimi forumlarda, çeşitli portölyolarda ve büyük galerilerde mutlaka duymuşsunuzdur. Bilgisayarla oluşturulan grafikler bu iki türden oluşur.

Vektör grafik nedir? Vektör grafikler hangi programlarla oluşturulabilir ve düzenlenebilir? Bitmap nedir? Bitmap grafikler hangi programlarla oluşturulabilir ve düzenlenebilir? Bütün bu soruların yanıtını bildiğim kadarı ile cevap verip en sonunda bu iki türü karşılaştırmaya gideceğim.

Vektör Grafik Nedir?

Vektör grafikler çözünürlükten bağımsız, herbir nesne matematiksel ifadelerle oluşturulan ve en önemlisi detay kaybetmeden herhangi bir boyuta yeniden ölçeklendirilebilen grafik türüdür. Aşağıda görüldüğü üzere vektörel nesne büyütüldüğünde herhangi bir bozulma gerçekleşmiyor.

Bir Vektör Grafik Örneği

Vektörel Grafikler Hangi Programlarla Oluşturulabilir?

Vektör grafik üretmek için yapılan birçok program mevcut. Bunların arasında en çok bilinen ve benimde severek kullandığım program olan Adobe Illustrator‘dur. Adobe Illustrator’un dosya uzantısı .ai’dir. Öte yandan ülkemizde özellikle baskı alanında kullanılan ve bence Illustrator kadar kullanışlı olmayan Corel Draw bulunuyor. Corel Draw’ın dosya uzantısı .cdr’dir. Yine ülkemizde pek bir popüler olan ve kullanımı diğer programlara nazaran daha basit olan fakat geleceği biraz meçhul olan Macromedia(Adobe) Freehand bulunur. Freehand’in dosya uzantısı .fh(X)’dir. Bu ticari programların yanısıra arabirimi Corel Draw’a benzeyen ve açık kaynaklı, ücretsiz bir program olan Inkscape‘de denenmeye değer bir program olduğunu söylemeden geçmeyelim. Inkscape ile çok sağlam çalışmalar yapıldığını gördüm ve Inkscape çoğu işletim sisteminde çalışır durumdadır. Inkscape’in kullandığı dosya uzantısı .svg’dir. Son olarak yukarda bahsettiğim programlar kadar gelişmiş olmasada web grafikleri için kullanabileceğiniz, vektörel çizim yeteneğine sahip olan Macromedia(Adobe) Fireworks‘dan da bahsedebiliriz. Öte yandan Fireworks’un bitmap çizim yetenekleride mevcut. Bunun için Muhammet Sevim’in hazırlamış olduğu yazıyı gözden geçirmenizi tavsiye ederim. Fireworks’un kullandığı dosya uzantısı ise .png’dir.

Bahsettiğim bu dosya uzantılarının yanısıra .svg, .eps, .wmf gibi dosya uzantılarını da yukarıdaki programlar ortak olarak kullanabiliyorlar.

Bitmap Grafik Nedir?

Bitmap türü grafiği tanımlayacak olursak, ilgili imajı oluşturan ve herbiri renk bilgisi içeren piksel veya noktaların yanyana ve alt alta dizilmesiyle oluşan grafik türüdür. Piksel’den kısaca bahsetmek gerekirse bir bitmap görüntüyü oluşturan en küçük noktadır. Aşağıdaki nesneye yakından bakıldığında piksellerden oluştuğu görülüyor ve büyütüldüğünde görüntü kalitesinde kayıp yaşanıyor.

Bir Bitmap Grafik Örneği

Bitmap Grafikler Hangi Programlarla Oluşturulabilir?

Bu tür grafikleri oluşturmak için en bilindik ve en popüler olan, yine benim kullanıyor olduğum Adobe Photoshop‘u ilk başta sayabiliriz. Sonrasında uzun zamandır Adobe Photoshop’a alternatif olarak gösterilen Corel PaintShop Pro‘dan bahsedebiliriz. Yine bir açık kaynaklı ve ücretsiz bir program olan Gimp‘i de duymuşsunuzdur. Eğer Gimp’in arayüzüne yabancı iseniz GimpShop‘u deneyebilirsiniz. GimpShop’daki menüler ve kısayol tuşları Adobe Photoshop ile hemen hemen aynı yapılmaya çalışılmış böylece bir nebzede olsa Adobe Photoshop kullanıyor gibi Gimp’i kullanabiliyorsunuz. Bitmap grafiklerde en çok kullanılan uzantılardan bahsetmek gerekirse .jpg, .png, .gif, .bmp gibilerini sayabiliriz.

Avantajlar-Dezavantajlar

Vektör Grafik Türlerinin Avantajları

  • Vektör grafikler farklı boyutlar ve farklı renklerde üretilmesi gereken çalışmalarda kullanmak için idealdir. Örneğin bir vektörel görsel çalışması büyük bir ilan tahtası için büyütülüp kullanılabilir. Aynı zamanda istenilen derecede küçültülüp kalite kaybı olmaksızın bir kartvizit üzerine de basılabilir. Çalışmanın görsel olarak detaylarıı her iki durumda da kayıba uğramaz.
  • Vektör grafikler gerektiğinde bitmap haline kolaylıkla getirilebilir.
  • Vektör grafikler istenildiğinde büyütülebilir, nesneler yeniden renklendirilebilir, nesneler yeniden şekillendirilebilir.
  • Dosya boyutu olarak daha az yer kaplarlar.

Vektör Grafik Türlerinin Dezavantajları

  • Vektörel grafik çalışmalarında görsel olarak fotoğraf kalitesinde üretim yapamassınız.
  • Vektörel grafik çalışmaları web üzerinde bitmap olarak çevirmeden kullanamassınız. Yalnız son zamanlarda .svg diye bir dosya türü ile bu mümkün gibi görünsede bu konu hakkında tam olarak bir bilgim yok.

Bitmap Grafik Türlerinin Avantajları

  • Bitmap grafikler milyonlarca renk değişimi alabilir.
  • Bitmap grafiklerde piksellerin herbirine müdahale edebilirsiniz. Bu sayede fotoğrafçılar veya sayısal sanatçılar fotoğraflara rötüş işlemi veya manipüle edebiliyorlar.

Bitmap Grafik Türlerinin Dezavantajları

  • Bitmap grafiğin sahip olduğu çözünürlükten daha yükseğe getirildiğinde keskinliğini yitirir ve görüntüde bozukluk meydana gelir. Aynı zamanda sahip olduğu çözünürlükten daha aşağı hale getirildiğinde de pikseller kaldırıldığı için orijinal görüntüsünü kaybeder.
  • Bitmap grafikler özel dosya biçimlerini saymassak(Photoshop gibi programların kullandığı .psd dosya türü gibi) katman bilgileri içermezler. Bu yüzden düzenlenmesi vektör grafiklere nazaran zordur.
  • Bitmap grafikler vektör grafiklere nazaran bilgisayarda dosya boyutu olarak daha fazla yer kaplar.

Yazımızın sonuna geldik. Eğer bir eksiğim veya hatam varsa bu konu üzerinde yorumda bulunup yazımı genişletebilirsiniz.


Bu yazı Fatih Turan tarafından 25 Ağustos 2007 11:29 tarihinde yazıldı. 1 yorum var.

Microsoft’un Testlerine Göre En Hızlısı Internet Explorer 8

Tarih: Perşembe, Nisan 2, 2009 Kategori: Bilgisayar, Hersey, Yazılımlar

Microsoft, Yükleme Merkezinde herkesin indirebileceği şekilde “Tarayıcı Performansını Ölçmek: Kıyaslama ve Performans Analizlerinde Sorunlar” adında bir rapor yayınladı. Bu rapor kısaca tarayıcılar arasında kullanılan kıyaslama ve performans analizleri hakkında bir takım bilgiler verirken, bu rapora göre Internet Explorer 8 rakipleri Chrome ve Firefox ile yapılan karşılaştırmada hız açısından öne çıkıyor.

Internet Explorer 8 henüz resmi olarak yayınlanmamış bir tarayıcı. Tamamen kişisel, 5 tane tarayıcı kullanıyorum ve IE 8 onlardan biri. IE 8 kullanıcısı olarak, IE’nin diğer sürümlerine göre gerçekten daha başarılı olduğunu söylebilirim. Fakat hız konusunda, Chrome’u harika buluyorum. Yine de IE 8′in hakkını yemeyelim diyorum. 

Bahsettiğim raporda ayrıca Chrome 1.0, Firefox 3.05 ve Internet Explorer 8′in 25 önde gelen web sitesinde verdikleri farklı hız tepkileri yer alıyor. Tabloya göre, Firefox geride kalırken Chrome ve Internet Explorer kapışıyor. IE 12 sitede daha hızlı sonuç verirken, Chrome 9 siteden diğer taracıyılara göre daha hızlıymış. Komik olan ise, Internet Explorer mozilla.org’u Firefox’tan, google.com’u Chrome’dan daha hızlı açarken, Firefox microsoft.com’u Internet Explorer’dan daha hızlı açıyormuş. Bu kriter mi derseniz, 25 siteyi alıp değerlendirmek bir kriter değildir. 25 değilde 25.000 site olsa ve sonuçlar bu şekilde olsa daha farklı düşünebilirdik.

Her tarayıcı kendilerinin en hızlısı olduğunu iddaa etmeye devam ediyor; Safari, Chrome, Internet Explorer. Her ne kadar yapılan testler farklı sonuçlar versede, son söz yine de son kullanıcının oluyor tabii ki.