pixel | bildirgec.org

Bugün Flash AS3 + Flint kütüphanesini kullanarak havai fişek efekti ile logomuzu gökyüzüne yansıtacağız. Biz burada yazı (BILDIRGEC) kullandık. Ancak siz .png formatında transparan özelliğe sahip herhangi bir resmi kullanabilirsiniz. Anlatımlarda Adobe Flash CS5 kullandım, programı İngilizce kullananlar vardır diye menü yollarını hem Türkçe hem İngilizce açıklamaya çalıştım. Ayrıca bazı ayarları resimlerle de göstererek işlemlerinizi kolaylaştırmaya çalıştım. İnşallah sonuç başarılı olacak…
Derse başlamadan önce sonucu görmek için Bildirgec Havai Fişek Gösterisi tıklayınız…

s60 mobil cihazlar için 3 çeşit kullacı deneyimi standardı olduğunu söyleyebiliriz;

keypad tabanlı cihazlar.
numeric keypad tabanlı cihazlar(nokia 6120)
qwerty keypad tabanlı cihazlar
pda bar style keypad tabanlı cihazlar(nokia e71)
slide-out style keypad tabanlı cihazlar(nokia n95)

keypad ve dokunmatik tabanlı cihazlar.(nokia n97)
dokunmatik tabanlı cihazlar.
resistive(basınca duyarlı) tabanlı cihazlar(nokia 5800)
capacitive(elektriğe duyarlı) tabanlı cihazlar(nokia n8)

Bu makalede bütün s60 cihazlardaki kullanılan s60 kullanışlılığına odaklanmak istiyorum. s60 cihazlar için kullanışlılığı artıracak önemli bir çok madde vardır;

1- s60 cihazlar için standart pencere;

aşağıdaki figur bir uygulamada kullanılan standart penceredir.

Blogdesingblog.com blog tasarlerken dikkat edilmesi gereken noktaları 9 parçaya ayırarak anlatıyor. Bu başlıkların Türkçe karşılıklarından çok genellikle İngilizce adlarına yatkın olunduğu için İngilizce adlarını da beraber vermek bu anlatım için daha yararlı olacaktır.
Bu dokuz alt başlık şöyle.

Başlık (Header)
İçerik Alanı (Content Area)
Birincil yönlendirici (primary navigation)
İkincil yönlendirici(secondary navigation)
Manşetler (Headlines)
Yorumlar (Comments)
Makale Sonu (Post’s Footer)
Sayfa Altı (Footer)
Reklamlar (Advertisements)

HEADER - başlık

Başlık ziyaretçilerin siteye girişlerinde karşılaştıkları ilk bölge olduğu için sitenin en önemli kısımlarından biridir. blogu diğer bloglardan ayırabilecek ve öne çıkarabilecek bir yapıda olduğu için üzerinde önemle durulması gerekir. Başlık benzersiz ve hatırlaması kolay olmalıdır. Bu yüzden blog tasarımcıları başlık üzerinde son derece titiz çalışırlar, öyle ki sadece hazır bir tasarımı kullanan bloggerlar dahi başlık kısmını kendilerine uyarlamaya çalışırlar. Blog başlığı tasarımını populer kılmak için Vinh Le'nin kaleme aldığı şu makaleye göz gezdirmekte fayda var.

not: 2008 yılında yayınlamış bir makale olmasından dolayı verilen örneklerden bazılarında tasarımlar değişmiş. Ancak bu makalenin orjinalinin yayınlandığı siteye giderek orada kaydedilmiş olan örnekleri inceleyebilirsiniz.

Birkaç mükemmel header örneği

1.Octwelve

octwelve header da bir çizgi karakterin kullanıldığı iyi bir örnek.

Son zamanlarda web uygulamarının sayısı oldukça arttı.Web tasarımcıları bu uygulamalar ile daha az zamanda daha çok iş yapmaya başladılar.Sosyal medya platformlarının artmasıyla beraber birçok web uygulaması hayata geçti.İşte web tasarımcıları için 2009 yılının en popüler web uygulamaları;

PX to EM

pixelleri emlere hızlı ve kolay biçimde dönüştürmenizi sağlar. Hesaplamaların bilmiyor yada yapmakta zorlanıyorsanız tam size göre bir uygulama.

Type Tester

Sitenize hangi fontları seçeceğinize karar veremiyorsanız tam size göre bir uygulama. Farklı fontları farklı biçim ve boyutlarda karşılaştıran kullanışlı bir araç.

Web tasarımda en önemli elemanlardan biri olan ikonlar, tasarımınlarınızı renklendirirler. Minimalist ikonları her tarz tasarımda kullanabilir veya kişiselleştirerek web sitenizde uyarlayabilirsiniz. Yaklaşık 1000 tane ikonun bulunduğu 18 adet ikon setinin tadını çıkarın.

Iconic

Free web development icons
(Ücretsiz Web Geliştirme ikonları)

Pixelated Icon Set

Web tasarımında, görsellik öncelikli gelir ve görsellikte de ikonlar öncelikli durumdadırlar. Web sitenizi görsel açıdan renklendirmek ziyaretçilerinizin ilgisini çeker ve bu yolla hitlerinizi artırabilirsiniz. Aşağıdaki ikonları web sitenizde kullanabileceğiniz gibi arşivinizide ekleyebilirsiniz. İşte web tasarımcılar için hazırlanan muhteşem ikon setleri;

Vector Social Media Icons

Vektör halinde 16px ve 32px boyutlarında 50 ikon sosyal medya ikonu. ikonlar png, eps, gif formatlarında. Microsoft, Facebook, MSN, Google, Blogger, Vimeo gibi birçok sosyal medya platformunun ikonu bulunmakta.

Shiny Icons

web 2.0'dan sonra logolar ve ikonlar farklı bir tarz aldılar. 16px, 32px, 64px boyutlarında 20 ikon bulunmakta.

Mini ikonların daha fazla tercih edilmelerinin nedeni daha az yer kaplamalarıdır. Böylece sayfalar daha hızlı açılır. Fakat az alan kaplayan bu ikonların görselliğininde önemli olması gerekmektedir. İşte en çok kullanılan mini ikon setleri:

Mono Icons

Pictodeck

The Webdesigner Sketchup Icons