Web Tasarımı Arşivi

ŞEKER GİBİ RENKLİ SOSYAL İKONLAR

Ücretsiz olarak indirebileceğiniz bu ‘şeker’ temalı ikon seti 17 çeşit ve 4 ayrı renkte sosyal ikon barındırıyor. mavi, turuncu, kırmızı ve mor renkteki ikonlar yüksek kalitede, 128 x 128 piksel ve PNG formatında.

Bu pakette neler var diye soracak olursanız: Delicious, DevianArt, Digg, Facebook, Feedburner, Flickr, Gmail, LinkedIn, Reddit, RSS Feed, Stumbleupon ve Twitter sayılacaklar arasında. Kısaca en çok kullanılan web siteleri için elinizin altında bulunması gereken tüm sosyal ikonlar var diyebiliriz.

Tasarım olarak enerji dolu, cezbedici ve renkli olduklarına hiç şüphe yok. Dilerseniz tek bir rengi kullanabilir ya da daha coşkulu bir görünüm için farklı renklerden sosyal ikonlara sitenizde yer verebilirsiniz. Eğlence, gezi, alış veriş, yiyecek, müzik benzeri pek çok sektörün ihtiyacı olan hareketliliği siteye katabilecek gibi görünüyorlar. Bu şeker ikonları indirmek için, tıklayınız.

WEB SİTESİ TASARLARKEN DOĞRU RENKLER NASIL SEÇİLİR?

Sitenizin rengi ziayretçilerin sitede daha uzun kalıp kalmayacakları üzerinde etkilidir. Bu nedenle web sitesi tasarlarken renk seçimine önem vermelisiniz. Ciddiye alınacak kadar profesyonel olduğunuzu gösterdiğinizden, doğru mesajı doğru şekilde verdiğinizden emin olmalısınız. Web siteniz için doğru renkleri seçmeniz adına işte birkaç ipucu:

İlk olarak genel kurallardan söz edelim:

  • Sarı kullanmayın: Sarı renk bir web sitesinde, hele ki arka planda kullanıldığında okuyucuların gözünü alır ve bu rahatsızlık da ister istemez siteyi terk etmelerine neden olur.
  • Siyah arka planlardan kaçının: Siyah zemin üzerine kullanabileceğiniz metin rengi sınırlıdır ve okumayı güçleştirebilir.
  • Renkleri bilerek seçin: Birbirine uyumlu renkleri araştırın, enerji veren canlı renklerin etkisi başka, dinginlik veren soğuk renklerin etkisi başkadır. Seçtiğiniz renklerin ne temsil ettiğini de göz önünde bulundurun.
  • Beyaz zemin üzerine siyah metin en iyisidir: Orijinal görünmediği ve çok yaygınca kullanıldığı bir gerçek. Ama bu kadar yaygın olmasının da bir nedeni olmalı, değil mi? Metnin arka planla her zaman kontrast oluşturması gerekir ve bunu en iyi sağlayan da beyaz üzerine siyah metindir.

Kurumsal siteler için doğru renkler hangileri?

Kurumsal siteler elbette profesyonel görünmelidir. Tüm sitenin genelinde kullanmak üzere en fazla 3 ya da 4 renk seçin. Bu renkleri belli bir stratejiye göre, dikkat çekeceğiniz noktalara göre ayrı ayrı ya da grup şeklinde kullanabilrisiniz.

Profesyonel görünümlü siteler için başka bir yöntem de aynı rengin farklı tonlarını kullanmaktır. İşe yarayan bir yaklaşımdır çünkü sitede bir tutarlılık sağlar ve ziyaretçiler sikkatleri dağılmadan ürüne odaklanabilirler. Ancak doğru bir uygulama yapılmadığı takdirde sonuç sıkıcı ve monoton bir site tasarımı olabilir.

Renklerinizi hedef kitleyi aklınızda tutarak seçin:

İlk önce sitenizin ziyaretçiler üzerinde nasıl bir etki bırakmasını istediğinizi düşünün. Sitenin amacını ve mesajını belirleyin. Ardından renk seçimine geçebilirsiniz. İnsanların renklere olan tepkileri farklı kültürler arasında değişiklik gösterebilir. Ancak bazı renk etkileri evrensel olarak belirlenmiştir:

  • Kırmızı: Cesur ve ikna edicidir. Ancak gözü zorlayıcı da olabilir. Siyah ya da beyaz ağırlıklı sitelerde metni vurgulamak için kullanılabilir.
  • Mavi: Kalite, güven, başarı, ciddiyet, sakinlik. Özellikle satış yapılan sayfalar için uygundur.
  • Gri ve kahverengi: Ağırlık, güç ve istikrarı temsil ederler. Ticari sitelerde güven duygusunu artırabilir.
  • Turuncu: İştah açan, enerji dolu bir renktir. Yemekle ilgili siteler için uygun olabilir.
  • Mor: Lüksü, resmiyeti, derinliği simgeler. Alışveriş siteleri ya da lüks hayat tarzına yönelik sitelerde uygun olabilir.

Hedef kitlenizden beklediğiniz tepkilerle sitenizdeki renklerin uyuştuğundan emin olmalısınız. Renklerin temsil ettikleriyle, insanlarda nasıl tepkilere yol açtıklarıyla ilgili bir iki makale okumanızı önerebilirim.

Bu yazıyı Elise Brown‘ın yazısından derlediğimizi de belirtelim.

GOOGLE PLUS (+) PNG İKON SETİ

Facebook’a rakip olarak Google tarafından başlatılan sosyal paylaşım sitesi ‘Google +’ yakın zamanda bütün kullanıcılara açıldı. Yeni bir paylaşım alanı demek, web sitelerinin bu paylaşım alanını tercih eden kullanıcıları hesaba katması demek. Bir süredir web sitelerinde özellikle Facebook ve Twitter ikonlarının hakimiyeti vardı. Şimdi bu yarışa Google da katılıyor. Gündemi takip eden ve yenilikleri kaçırmayan siteler için ihityacınız olabilecek şık bir Google + ikon setini burada paylaşıyorum. Tabii sadece görüntü değil amacımız. Açıklanan rakamlara göre Google Plus üye sayısı hızla artıyor. Web sitenizi kullanıcılarla buluşturan bu yeni mecrayı kaçırmamak da işin diğer yanı.

Vektograf’ın henüz bir Google + sayfası yok. Ne düşünüyorsunuz, sizce olmalı mı? Google Plus kullanmaya başladınız mı?

Unutmadan, resimde gördüğünüz ikonlar, şurada.

ADOBE MUSE DREAMWEAVER’A RAKİP OLACAK MI?

Adobe geçtiğimiz günlerde web tasarımcıları için yeni bir programın duyurusunu yaptı: Adobe MUSE. Yukarıdaki videoda programın ayrıntılı tanıtımını görebilirsiniz. Bu programla birlikte kod yazmanıza gerek olmadan HTML web siteleri tasarlayabiliyorsunuz.

Programın Dreamweaver’dan farkı da böylece ortaya çıkmış oluyor. MUSE daha çok grafik tasarım uzmanları için düşünülmüş gibi. Bunun dışında kod yazmakla uğraşmak istemeyen web geliştiricileri için de kullanışlı olabilir.

Bakalım web tasarımcıları programdan hoşlanacak mı, ilerleyen günlerde göreceğiz.

GÖRÜLMESİ GEREKEN 30 PROFESYONEL OTOMOBİL SİTESİ

Lüks tüketime dahil olan otomobillerin web site tasarımları da lüks yaşam tarzını çağrıştıracak biçimde tasarlanmış diyebiliriz. Koyu renkler, büyük fotoğraflar ve özel efektler hemen hemen tüm büyük otomobil markalarının kullandığı tasarım ögeleri. Genel bir fikir edinmek ve bu pahalı oyuncakların ne tarz sitelerde sergilendiklerini görmek için tıklayabilirsiniz. Burada 30 farklı, profesyonellerce hazırlanmış otomobil sitesini bulacaksınız.

SİTENİZ iPAD’DE NASIL GÖRÜNÜYOR? HEMEN BAKIN

Artık web sitelerinin sadece masaüstü ya da dizüstü bilgisayarlarda değil, daha küçük ve taşınabilir cihazlarda nasıl göründükleri de önemli. Ekran küçüldüğünde ve layout değiştiğinde bile kullanışlı bir siteniz var mı? Bu sorunun cevabını bulmak için mutlaka binlerce lira harcamanıza gerek yok. iPad Peek adlı web sitesi, sitenizin layoutunu iPad ekranında hemen görebileceğiniz bir iPad simülasyonu sunuyor. Sayfaya tıkladıktan sonra karşınıza çıkan iPad ekranındaki adres barına sitenizin adresini girin ve birkaç saniye içerisinde sitenize bu cihazın ekranından bakma şansını yakalayın. Çerçevenin dış kenarına tıklayarak sayfa yönünü değiştirmeniz mümkün.

PSD FİLM ŞERİDİ

İşte sık kullanılan bir tasarım ögesi: film şeridi. Fotoğraf galerileri, stüdyolar, sinema ya da görsel medyayla ilgili web siteleri derken bu psd için pek çok kullanım alanı mevcut. Tasarımı, yansıma efekti ve kompozisyonu hem sade hem de görsel olarak doyurucu. Ücretsiz olarak hemen indirip tasarımlarınızda kullanmak isterseniz, tıklayınız.

ÜCRETSİZ 30 İLGİNÇ FLASH ŞABLONU

Flash, web tasarımında hayalinizdeki pek çok yaratıcı tasarımı ortaya koymanıza imkan veren bir software. Pek çok web sitesi tekrar tekrar ziyaret etmek istediğimiz ilginç tasarımında bu programdan yararlanıyor. Bugün rastladığım bir derlemede ücretsiz olarak ulaşabileceğiniz ve dilediğiniz gibi web tasarımlarınızda kullanabileceğiniz birbirinden kullanışlı 30 Flash şablonu bir araya getirilmiş. Bir göz atmak ve arşive katmak için tıklayınız.

PSD EMAIL & SAFARI İKONLARI

Bu psd email ve Safari web tarayıcısı ikonları bir yandan sade ama bir yandan da detaylı tasarımlarıyla son derece şık. Mac işletim sisteminden sonra şimdi Windows için de geçerli olan Safari ikonu eskisinden daha fazla kişi için gerekli olabilir. Bu ikonları ücretsiz olarak hemen indirmek için tıklayınız.

TATLI YİYELİM TATLI KONUŞALIM

Twitter ve Facebook bilgisayar başında çenemizi düşüren iki büyük sosyal paylaşım sitesi. Dolayısıyla bu sosyal ağları tatlıyla bağdaştırmakta zorlanmadım. Kafe, restoarn, pastane benzeri temalar için daha kullanışlı görünseler de pek çok web sitesinin bu ikonları kullanabileceğini düşünüyorum. Ücretsiz olarak indirmek için tıklayınız.