navigasyon | bildirgec.org

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.

Microsoft, şu an kullanılan mouse'ları geride bıraktıracak yeni bir mouse ortaya çıkardı. Dosya yönetiminde devrim yaratacak bu mouse, verilerin çok daha iyi yönetilmesini sağlayacak. Cloud Mouse adındaki bu mouse ile gelecekte 3 boyutlu veri odasında navigasyon yapılabilecek.

Birçok araştırmacı gelecekte veriler ile başa çıkılamayacağını düşünüyor. Uzmanlara göre 2 boyutlu alanlar veriler için yeterli olmayacağı görüşünde. Bu yüzden yeni 3 boyutlu alan tekniği ile tüm bu veriler ile başa çıkılabileceği düşünülüyor.

Yeni 3D tekniği ile veriler pratik bir şekilde yönetilebilecek. 3D arabirimleri görselleştirmek için projektörler sanal gerçekçilik için 3D Surface adındaki masalar veya 3D gözlükler kullanılacak.

Nokia rakiplerinin önüne geçmek için dev bir hamle yaptı. Nokia'nın akıllı cep telefonları birçok ülkede bulunmakta. Cep telefonlarında bulunan geniş küresel kapsama alanına sahip haritalara navigasyonu ücretsiz olarak sunma kararı aldı.

Nokia bugün Ovi Harita sürümünü ücretsiz olarak dağıtmaya başladığını duyurdu. Yeni Ovi Harita sürümü şu anda ücretsiz olarak indirilebiliyor. Nokia'nın haritalama ve navigasyon uygulaması yanlızca mobil kullanım için tasarlandı. Ovi harita, 74 ülkede ve 46 farklı dilde sesli klavuz sağlarken 10 ülkede trafik bilgileri ve 180 ülkede ayrıntılı haritalar içeren araçları kapsıyor.

Navigasyon menüleri kullanıcı dostu arayüzü oluşturmak için çok önemlidir. Aynı zamanda tasarımınızı çekici bir görünüm kazandırabileceğiniz en etkili bölümdür. Aşağıda size ilham kaynağı olabilecek çok güzel bir şekilde tasarlanmış navigasyon menüler yer almaktadır.

1. Utah Travel

2. Lift Interactive

3. MailChimp

bildiğiniz gibi iphone 3.0 ile beraber dış cihazları destekleyeceğini duyurmuştu. Bu amaçla hazırlanan sdk ilk meyvelerini vermeye başladı.Önümüzdeki dönemde çok daha farklı dış cihazların yolda olduğunu söylemek şaşırtıcı olmayacaktır sanırım. Bu cihazların bir kısmı iPhone'a yardımcı iken bir kısmı ise iphone'u sadece bir ekran ve/veya veri saklayıcı olarak kullanacaklar. dikkatimi çekenlerden bir kısmı şunlar:

Yukarıda gördüğünüz Griffin firmasının iPhone'da normal radyo dinlemeniz için çıkardığı aparat, appstoredan ücretsiz yüklenen yazılımı ile kolayca radyo yayınlarına ulaşmanız mümkün, fiyatı ise 50 dolar.
bu gördüğünüz iphonedaki mikrofonu beğenmeyenler için. normal ses kayıt programına entegre oluyor ama çok daha kaliteli ses kaydı yapabiliyorsunuz, örneğin gazeteciler için ilginç olabilir. 80 dolara buradan alabilirsiniz.

Photoshop, web tasarımı yaparken büyük kolaylıklar sağlıyor. Navigasyon, menü ve buton tasarımı için çok kaliteli derslere aşağıdan ulaşabileceksiniz.

Navigasyon bir site için çok önemlidir. Özellikle sitedeki bölümler arası geçişi sağladığından sık kullanılmaktadır ve görsel olarak iyi olması gerekmektedir.

Şimdi Parlak, temiz, şık, düzgün ya da 3d navigasyon tasarlamayı öğrenmeye başlayalım.

1.Content Box With Orange Banner Heading (Turuncu banner başlığı ile içerik kutusu)

Bu derste içerik kutusu benzeri benzeri menü tasarlamayı öğrenebileceksiniz.

2. Vista Styled Button Photoshop Tutorial (vista tarzı buton photoshop dersi)

Çoklu layer stili, araçları ve teknikleri kullanarak vista tarzı buton tasarlamayı öğrenin.

Genellikle Microsoft Visual Studio gibi masaüstü uygulama geliştirme ortamlarında (ide) menü olarak docking (yanaşma/imleç üzerine gelince açılan ve istenirse devamlı açılır halde tutulabilen gizli menüler) yöntemi kullanılır.

Docking yöntemini buradaki örnekteki gibi web sayfanızda veya blogunuzda kullanmak isterseniz; JQuery ile hazırlanmış ve içinde örnek kodların bulunduğu buradaki dosyayı indirdikten sonra buradaki anlatım yardımıyla kolayca web sayfanıza veya blogunuza uygulayabilirsiniz.

Javascript etkileşim ve geri bildirim eklemeniz için kolaylık sağlar. Bu yazıda javascript hakkında farklı ve çok güzel bilgiler edinebilirsiniz.

1 - MenuMatic

Dikey ve yatay şekilde bir menü örneğidir.

2 - Animated Menu using jQuery

Menünün üzerine gelindiğinde bir hareket verilmesini sağlayan örnekte bilgisayarınıza indirebilmeniz için psd dosyası da bulunmaktadır.