bildirgec.org

navigation hakkında tüm yazılar

Blog tasarımı nasıl yapılır?

maxhoper | 01 February 2011 11:08

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
octwelve

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

Bu telefonu siz tasarladınız : Nokia U

angelsdemos | 16 November 2010 15:35

Nokia, kendi kalıplarının dışına çıkmak ve kullanıcıların en çok seveceği telefonu sunmak için daha önceden internet üzerinden kullanıcıların cep telefonlarını tasarlamalarını istemişti. Bir cep telefonu ile ilgili birçok özelliği soran Nokia, daha sonra bu cep telefonunu çıkaracağını duyurmuştu. Ve şimdi o telefon karşımızda: Nokia U

Nokia U, 4 inç’lik dokunmatik ekrana sahip.16:9 görünüm sunabilecek ve ayrıca dokunmatik panelleri bulunmakta. 10 mm inceliğinde 60 x 110 x 6 boyutların zarif ve göze hitap eden hoş bir tasarımı bulunmakta. Alimünyum dış kasa ile tasarlanan Nokia U, sadece tek renk olarak piyasaya sunulacak.

Navigasyon tasarımında ikon kullanımı için 20 örnek

alkalin | 19 July 2010 16:50

Bir çok insan ziyaret ettikleri web sitesinde belirli bir bilgiye ulaşmak için ya navigasyon menüsünü ya da arama çubuğunu kullanırlar. Bu nedenle navigasyon tasarımı basitçe gözardı edebileceğimiz birşey değildir.

Web sitemizin navigasyon menüsünü basit görsel ipuçları kullanarak ziyaretçilerimiz için daha çekici hale getirebiliriz.

Şimdi navigasyon menülerinde ikon kullanan bazı sitelere göz atalım.

Micro Gallery ile Yerden Tasarruf Edin

angelsdemos | 17 June 2010 14:47

Web sitenizde içeriğe göre galeri kullanabilir ve farklı görselleri kullanıcılara sunabilirsiniz. Görsel galerinizi başkalarına sunarken yer sıkıntısı çekiyorsanız Micro Image Gallery tam size göre bir jQuery uygulaması. Hem kullanıcılarınızın beğeneceği hem de istediğiniz boyutlarda ve oldukça az yer kaplayan bu eklenti oldukça kullanışlı.

En önemli özelliği oldukça büyük bir yer tasarrufu sağlamak olan bu uygulama ile istediğiniz kadar imaj yayınlayabilirsiniz. Belirli ölçülerdeki boyutunu her zaman koruyan bu eklentide resimlerinizin tümünü sayfalayarak gösterebilir veya tek bir görünüm elde edebilirsiniz.

Nokia’nın Yeni Telefonunu Siz Tasarlayın

angelsdemos | 20 March 2010 11:10

Dünyadaki cep telefonu piyasasında önemli bir yere sahip olan Nokia, yeni projesi ile mükemmel cep telefonunu üretmeye hazırlanıyor. Üreteceği mükemmel cep telefonun nasıl yapılacağını ise kullanıcılara soruyor.

Piyasaya çıkan cep telefonlarının çoğu beğenilse bile her zaman kötü yönleri bulunabilir.Nokia bu durumu aşmak için yeni bir proje başlattı ve nasıl bir cep telefonu istenildiğini kullanılara soruyor ve bu doğrultuda yeni cep telefonunu yapacağını açıklıyor.

Hazırlanan bu web sitesinde, Nokia‘dan beklentilerinizi belirtebilir hayalinizdeki cep telefonunu seçenekler ile bildirebilirsiniz. Tüm bunları normalden daha kolay bir şekilde sayfada yer alan kontrol mekanizması ile yapıyorsunuz. gerçekçi olmayan taleplerinizi de Nokia‘ya iletmeniz mümkün.

Microsoft’tan Cloud Mouse

angelsdemos | 19 March 2010 09:43

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 ücretsiz navigasyon sunuyor

admin | 23 January 2010 13:42

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.

En çok ihtiyaç duyulan flash bileşenleri

bug7a | 18 January 2010 15:42

Kullanımı kolay, açık kaynak, actionscript 3.0 ile geliştirilmiş ve ücretsiz.

1. Flash kaydırma çubuğu

– İçerik (Html metin, jpg, png, swf)
– Yumuşak geçiş
– Yeniden boyutlandırma

Flash Scrollbar Component
Flash Scrollbar Component

2. Flash resim slayt;

– Resim başlığı, açıklama, bağlantı
– İleri, geri düğmeleri
– Otomatik ilerleme
– Jpg, gif, png, swf desteği
– Yeniden boyutlandırma
– XML kontrollü