Web 2.0 Tasarım Rehberi – Yansıma, İkon ve Flaşlar

Kısa bir ara verdiğimiz rehberimizde, Web 2.0 tipindeki tasarımlarda genelde son zamanların favorisi olan yansıma efekti ikon kullanımı ve flaş ” ya da patlangaç diyebiliriz” kullanımı ne derece önemli ve nerelerde nasıl kullanmalıyız konusunu işliyoruz.

Yansıma efekti ile en çok karşılaştığımız site şüphesiz Apple.com olmalı. Yansıma efektide tıpkı diğer zengin yüzey kullanımlarında olduğu gibi tasarladığınız siteye derinlik ve hareket kazandırmak ve modern bir görünüm sağlamak amacıyla kullanılır.

Genelde Web 2.0 tarzı sitelerde özellikle logolara verilen yansıma efekti ile gündeme gelsede genel olarak site içerisinde dinamik olmayan tüm objelerde kullanılabilir. Ayrıca okadar fazla logosu yansımalı site ortaya çıktıktan sonra bunun bir trendden çok sıkıntı verici bir hal aldığınıda belirtmek mümkün.

Ayrıca yine benzer efektlerin kullanıldığı plastik, yada metal görünümlü imajlar kullanmakta site içi görsel zenginliği artıracaktır.
Bu uygulamaların dozu ise tasarımcı tarafından çok iyi ayarlanmalıdır. Her tarafı pırıl prıl parlayan, yansıyan bir site içerisinde bu zengin elementleri aşıp, kullanıcının içeriğe ulaşması zor olabilir.

Ayrıca bu tip efektleri kullanırken iki boyutlu ve üç boyutlu objelerdeki yansımanın perspektif farklarını unutmamak gerek. 3 boyutlu bir objeye yansıma verirken onu sadece ters cevirmek yetmeyecektir. Dikey doğrultuda bir yansıma efekti için objenin gerçekten ayna görüntüsü ve derinliği gerekmektedir.

Yansıma efektleri ile ilgili çeşitli kaynak ve tutorial’lara buradan, buradan, ve buradan ulaşabilirsiniz.

Yeni nesil sitelerde ikon kullanımı oldukça moda. Ancak ister hazır ikon setlerden kullanalım isterse kendi ürettiğimiz ikonları kullanalım en önemli nokta ikonun işaret ettiği konuyu net bir şekilde açıklıyor olmasıdır.

Örneğin bir kullanıcı girişi içeren alanın yanına dünya ikonu koyarsanız bu bir anlam taşımayacak, site ziyaretçisinin kafasının karışmasına sebep olacaktır.
Bu tip bir alanın yanına şüphesiz kullanıcıyı ifade eden bir ikon eklemek ziyaretçi açısındanda zaman kaybı yaratmadan içeriğe yönlenmeyi sağlayacak bir yöntem olacaktır.

Toparlamak gerekirse doğru anlamlandırılmış ve yerinde kullanılan ikonlar, kuıllanıcıları iste içinde hızlı ve doğru yönlendirirken, yanlış kullanıma maruz kalan elementler ise sitenin kullanılabilirliğini düşürmekte.

İkon tasarımlarınızı yaparken kendi özgün fikirlerinizi ekrana taşımanız çok daha çekici sonuçlar ortaya çıkaracaktır. Bir çok sitede hemen her yerde tasarlanan ikonlardan kullanılması sıkıcı bir hal alsada, ikon tasarlamanın da özel bir yetenek olduğunun altını çizmeden geçmeyelim.

Flaş yada patlangaçlar son dönemin en moda trendlerinden biri. Bir tasarımcı olarak göze çok hoş geldiğini, küçük ama önemli duyuru ve ibarelerin bu element kullanılarak kullanıcıya gösterilmesini çok doğru ve görsel olarak zengin buluyorum.

Bir fiyat bildirisi kampanya yada benzeri bir bildirinin bu şekilde gösterilmesi hem bir miktar retro duygusu yansıtmakta hemde farklı, canlı ve sıcak renk kullanımı ile ilgiyi yoğunlaştırmakta hayli etkili.

Bu tip patlangaçlar yapmak için kaynak ve tutorial’lara buradan, buradan ve buradan ulaşabilirsiniz.

Yukarıda söz ettiğimiz 3 öğeninde son günlerde moda olduğunu biliyoruz ve tasarımlarımızda bol bol kullanıyoruz. Burada önemli olan birkez daha hatırlatmakta fayda varki bu tip zenginlik katan elementleri ne gereğinden az nede fazla kullanmak. Aksi takdirde bir süre sonra fazla kullanım sonucu, kullanıcı artık bu objelerin dikkat çekici özelliğinden çok sıkıntı verici bir hal almasından şikayetçi olacaktır. Ancak aynı zamanda unutmamak lazımki moda değişken bir olgudr ve tasarım içerisinde yer alan bu tip objelerin modası geçtiğinde şüphesiz bunların yerini yeni bir trend alacaktır.