bildirgec.org - etiketler: navigasyon

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

maxhoper — Tue, 01 Feb 2011 09:08:00 GMT

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 header da bir çizgi karakterin kullanıldığı iyi bir örnek.

2.Cult-foo

cult fo

cult foo header köşelerindeki başarılı tasarımıyla dikkat çekiyor.

3.darkmotion

darkmotion

darkmotion'un header tasarımı kullanıca eğlenceli görünüyor ve kullanıcıyı siteye çekiyor.

Header nasıl tasarlanmalı?

Blog tasarımına öncelikle header'dan başlayın. Photoshop'da tasarımı yapmadan önce header içerisinde vermek istediğiniz mesaj, site ismi ve slogan gibi metinlere önceden karar verin.
Header tasarlamanın pek çok yolu olmakla birlikte tasarım yapılırken dikkat edilmesi gereken en önemli noktalardan biri sitenin geri kalanıyla ve konusuyla ilgili olmasıdır. Header siteye ilk kez giren ziyaretçiye bile olabildiğince çabuk bir şekilde sitenin amacını aktarabilmelidir.
Yaratıcı olun ve farklı tasarımlar denemekten korkmayın. ilk kez denenmiş benzersiz bir tasarım her zaman ziyaretçiler tarafından hatırlanabilir.

Content Area - içerik alanı

Content area içeriği taşıyan bölgedir. Bu sebeple bloğu ziyaret eden kullanıcıların en çok zaman harcayacakları yer de burasıdır. bu bölge ziyaretçilerin dikkatini dağıtacak tüm unsurlardan arındırılmış olmalı, içerisinde barındırdığı metinler son derece okunaklı ve gözü yormayacak olacak şekilde yerleştirilmelidir. Bu yüzden içerik alanında sadelik önemlidir.

Harika içerik alanlarından örnekler

1.Simplebits

simplebits

simplebits okuması son derece kolay ve linklerin olduğu bölgeler yeteri kadar belirginleştirilmiş.

2.We love wp

we love wp

Karanlık temalardaki en büyük sorunlardan biri yazıların okunabilir kılınmasındaki zorluktur. Ancak we love wp bu sorunun üstesinden gelmiş.

3.we break stuff

we break stuff

Renk kombinasyonu başarılı. Linklerin altlarını noktalarla çizme fikri güzel.

Başarılı içerik alanı nasıl tasarlanır?

Hiyerarşiye dikkat edilmeli. Vurgular başlık, metin ve geri kalan ögelere doğru azalarak inmeli. Örneğin her zaman başlıklar metinden daha vurgulu ifade edilmeli.

İçerikler aktarılan konular açısından birbirine yakın olmalı. Okuyucu bir içerikle ilgileniyorsa yakınlarda o konuyla ilgili başka içerikleri de görebilmeli.

Linkler yeteri kadar belirgin olmalı ancak okuyucunun dikkatini dağıtmayacak kadar da tasarımla bütünleşmeli.

Primary Navigation - Birincil Yönlendirici

Bu yönlendirici ziyaretçileri blogun farklı bölümlerine yönlendirmek için kullanılır. Genellikle header'ın üstünde bulunur. Orada olması gerekmez ancak çoğu ziyaretçi bu yönlendiricinin orada olmasını bekler ve buna ihtiyaç duyar.

Mükemmel Primary Navigation örnekleri

1.A list a part

a list a part

a list a part doğru tasarlanmış navigasyon menüsü için oldukça iyi bir aday.

2.Mindtwitch

mindtwitch

mindtwitch doku kullanarak navigasyonu öne çıkarma üzerine oldukça iyi bir örnek.

3.Jogger

jogger

jogger'in navigasyon menüsü oldukça basit ve sade fakat tasarım içerisine oldukça iyi adapte edilmiş.

Mükemmel bir primary navigation nasıl tasarlanır?

Navigasyon linklerini olabildiğince az tutun. 6-7 linki aşmamasını öneririm.
primary navigation linkleri için blog tasarımında biraz geniş bir alan sağlayın. Bu linklerin her sayfada görünmesi gerekmiyorsa görünmemesi gereken sayfalarda linkleri secondary navigation bölgesinde vermeyi göz önünde bulundurun.
Hakkında ve İletişim linkleri genellikle primary navigation bölgesinde bulunur. Diğer linkler tasarımın nasıl yapıldığına ve kullanıcıya ne verilmek istendiğine göre değişir.

Secondary Navigation - ikincil yönlendirici

İkincil yönlendiriciler ziyaretçilerin bloğun diğer kısımlarına kolayca erişebilmesi için kullanılır. Genellikle bu linkler sidebar (yan sütun)'da verilir.
Birincil yönlendiricinin içermediği linkler bu bölümde sergilenir. Örneğin popüler makaleler, sayfalar, son yorumlar gibi. Siteyi ziyaret eden kullanıcıların kolayca erişmesi istenen kısımlara bağlantı sağlar.

Mükemmel secondary navigation örnekleri

1.elitistsnob

elitistsnob

temiz tasarımı sayesinde elitistsnob'un navigasyon menülerini okumak çok kolay.

2.Manclub

manclub

navigasyon menüsü içerik alanının arkasından kayarak çıkıyor ve tüm bölümler rahatlıkla ayırt edilebiliyor.

3.desingdisease

desingdisease

desingdisease turuncu rengin farkı tonlarını navigasyon menüsünde farklı bölgeleri ayırmak için kullanıyor.

Mükemmel second navigation bölümü nasıl tasarlanır?

Primary navigation da olduğu gibi burada da olabildiğince az link verilmesi yararlı olacaktır.
farklı linkler için secondary navigation alanını bölün. Bu algılamayı ve kullanımı kolaylaştıracaktır.
Secondary navigation alanını karmakarışık yapmayın. Okuyucu için gerçekten gereken nesneler hariç ne varsa çıkarın. Takvim güzel görünebilir ancak gerçekten işlevsel bir amacı yoksa (örneğin rezervasyon tarihi belirleme gibi) hiçbir okuyucunun buna ihtiyacı yoktur.

Headlines - manşetler
Manşetler kullanıcının dikkatini ilgili blog yazılarına çekmek için kullanılır. Yazarın ziyaretçiyi diğer blog yazılarından alıp ilgili yazıya yönlendirmek için kullandığı yöntemlerden biridir. Bu yüzden manşetler belirgin yapıda olmalıdır. Bunu yapmanın pek çok farklı yaratıcı yolu var.

Mükemmel manşet örnekleri

1.Henry Jones

henry jones

Henry sade tasarımı ve manşetleriyle kullanıcın ilgisini manşete çekebiliyor. ayrıca sevimli ikonlar kullanarak tarih ve yorum bölümüne de dikkat edilmesini sağlamış.

2. I love typography

i love typograpy

Bu font ve renkleri kullanarak nasıl ilgi çekici bir manşet yaratabileceğinizi gösteren mükemmel bir örnek.

3.blogsolid

blog solid

Blog solid başlık kenarında garip bir tasarım kullanarak kullanıcın ilgisini başlığa çekiyor.

Manşetler nasıl dikkat çekici yapılır?

Bunu yapmanın en kolay yolu manşet renklerini ana metin renginden farklı seçmektir. İçerik ve manşet için farklı fontlar kullanılabilir. Genellikle manşetler için serif fontlar ve içerik için non-serif fontlar kullanılır.

Daha büyük puntolar kullanmak manşetleri belirginleştirir. içerikle aynı büyüklükte fontlar içerikle manşetin ayırt edilmesini zorlaştırır. Manşet puntoları içerik puntosundan büyük olmalıdır.

Manşetleri belirginleştirmek için kullanılabilecek bir başka yol makale gönderim tarihi gibi bilgileri manşetin dışında bırakmaktır. (Bu makalenin orjinalinin bulunduğu blog bunu kullanmaktadır)

Comments - yorumlar

Yorum sekmesi blog içerisindeki iletişimi güçlendirmek için oldukça önemli yer tutar. Yorum kenarlarına numara vermek. Yorumcuların birbirlerini kolayca tanımlamalarını sağlar.
Yazarın yorumlarını daha belirgin yapmak bir ziyaretçiye yazarın yorumlarını sayfa içinde hızla ararken kolaylık tanıyacaktır.

Mükemmel yorum sekmesi tasarım örnekleri

1.Chris Shifflet

chris shifflet

Chris'in yorum alanını okumak oldukça kolay. Sade tasarımı ve yazarla yorumunu farklı bölümlere ayırması ilgi çekici.

2.Darkmotion

darkmotion

Yazar bilgilerinin ayrı tutulması oldukça hoş. Ayrıca yorum alanları da birbirinden ayrı görünüyor. Genel olarak sanki birisiyle sohbet halindeymiş gibi bir izlenim uyandırıyor.

3.Blog Desing Blog

blog desing blog

(Bu makalenin orjinalinin yer aldığı bloga ait olan yorum paneli. Makale yazarı ziyaretçilerinden oldukça olumlu eleştiriler aldığı için kendi bloğunun yorum bölümünü de makalesine eklemiş)

Mükemmel yorum bölümü tasarımı nasıl yapılır?

Yorumları birbirinden ve ana alandan ayırmanın en kolay yolu tasarımı alt alta gelen yorumları farklı renklerde olacak şekilde yapmaktır.
Yazarın yorumlarının diğer ziyaretçilerin yorumlarından daha belirgin kılınması faydalı olacaktır. Ancak bu yapılırken bütünlüğü bozacak kadar belirginleştirme yapmak da negatif yönde etki edecektir. Renklerde küçük değişiklikler bu belirginleştirme işi için ideal olacaktır.
İsim, tarih gibi bilgileri esas yorum metninden ayırmak ziyaretçilerin yorumları gözleriyle hızla tararken rahat etmesini sağlayacaktır. Böylece istediklerini daha hızlı bir şekilde bulabilirler.

Post's footer - içerik sonu

post's footer bölgesi içerikten sonra yorum bölümü başlamadan önce ziyaretçilere bir takım refereans linkler verebileceğeniz bir bölgedir. Bu bölüm gülünç bir şekilde sıklıkla tasarımcılar tarafından atlanır. Aslında oldukça kıymetlidir. Ziyaretçilerin içeriği okuduktan sonra dikkatini diğer önemli makalelere çekmesi için bir şans verir.
İnsanlar bloglarında diğer elementlerin dizaynı için oldukça zaman harcarlar ancak sıra page's footer a geldiğinde şablon temanınkine benzer sıradan bir dizayn hazırlayıp geçerler. Bu yeterli olmaz.

Mükemmel post's footer örnekleri

1.Freelanceswitch

freelanceswitch

Oldukça keskin, temiz ve okuyucunun dikkatini okuyucu içeriği okuduktan sonra nazikçe burada sergilenen linklere çekiyor.

2.PSDTuts

psdtuts

okuyucaların oylayabilecekleri ve eğer makaleyi beğendilerse paylaşım ağlarına gönderebilecekleri linklerin mevcut olduğu bir post's footer tasarlanmış. Farklı renk kombinasyonu kullanılarak kullanıcının dikkati içeriği okuduktan sonra buraya kaydırılıyor.

3.Standarts of Life

standarts of life

Oldukça temiz bir post's footer bölgesine sahipler. Benzeri makalelere verilen linklerin bulunduğu bölgede linkleri birbirinden ayırmak için alt alta gelen linklerin arkası farklı renklerde tasarlanmış.

Mükemmel post's footer nasıl tasarlanır?

Footer's post içeriğin sergilendiği bölümden kesin bir farklılıkla ayrılmalı. Okuyucu bunun içeğe ait olmadığını, ona yardımcı olmak için sayfaya eklenmiş olduğunu ilk görüşte anlayabilmeli. Bunun için farklı bir arkaplan rengi kullanmak farklılığı yaratabilmek için ideal yollardan birisidir.
Tasarıma başlamadan önce post's footer bölümünde ne istediğinize karar verin. Böylece bu bölgenin çöplük haline gelmesini önlemiş olursunuz ayrıca tasarımınız da daha hoş görünür.
Post's footer a koyabileceğiniz en iyi içeriklerden biri "benzer sayfalar" linkleridir. bu okuyucuya ilgilendiği konuyla ilgili daha çok makaleye kolayca ulaşma imkanı sağlar. Kullacının blogda sıkılmadan daha fazla vakit geçirmesi için önemlidir.

Footer - taban

Pek çok insan footer'ı sadece klasik telif hakkı yazısı için kullanır. Ancak footer sidebar'ı dolup taşırmadan fazladan link verebileceğiniz önemli bir alandır. daha çok secondary navigation linki burada tutulabilir. Ziyaretçiler makaleyi bitirip sayfanın altına indiklerinde sayfa sonuyla karşılaşacaklar. Burası aslında onları blogdaki diğer makalelere yönlendirmek için verimli bir alan olabilir. Buradaki secondary navigation linklerinde popüler makaleler, son makaleler, öne çıkan makaleler gibi farklı dallarda linkler vererek ziyaretçileri sitede yayınlanan diğer ilginç içeriklere gönderebilirsiniz.

Mükemmel footer tasarımlarına örnekler

1.Desingshack

desingshack

Sidebar kullanmadan secondary navigation linklerini footera aktarmayı denemişler. İncelenebilir.

2.Web Desingner Wall

webdesingnerwall

Nick sanırım header tasarımına harcıdığı zaman kadar footer da zaman ayırmış. Footer tasarımındaki detaylar dikkat çekici.

3.Chriss Shiflett

Chriss Shiflet

Gerçekten temiz ve işlevsel bir footer için iyi bir örnek. Tam olarak yapması gerekeni yapıyor.

Mükemmel footer tasarımı nasıl yapılır?

Footer'ı tasarımın geri kalanına biraz daha karşıt şekilde tasarlayın. Bu kullanıcının footer bölümüne geldiğini ve sayfanın sonuna yaklaştığını hissettirir.

Okuyucuların gerçekten nelerden hoşlanacağını tahmin ederek okuyucaları o konulara yönlendirmeye çalışın. Burayı gereksiz bilgilerle doldurmak okuyuculara yardımcı olmaz.
Basit ve kullanışlı olmayı burada da sürdürün. Kullanıcıların kolayca algılayabileceği şekilde tasarlayın.

Advertisement - reklam

reklamlar pek çok blogger için oldukça önemlidir. Ancak reklamlar çoğu zaman sayfanın korkuç gözükmesine yol açar ve bu kullanıcıların içeriği okuyamamasıyla sonuçlanabilir. Bir süre sonra kullanıcılar sitenizi ziyeret etmeyi bırakacaklardır.
Eğer reklamları doğru şekilde yerleştirmeyi başarır ve makaleyi reklamdan daha önde tutmanın yolunu bulursanız bu sorunu ortadan kaldırabilirsiniz. Sitenizi ziyaret etmeye devam eden kullanıcılar da böylece daha çok para kazanmanızı sağlar.

Mükemmel reklam bölümü tasarım örnekleri

1.Copyblogger

copyblogger

copyblogger 125*125 boyutlarında oldukça büyük bir banner ı sayfasının üstüne yerleştirmiş fakat sponsorlarımız bölümü altında ve içeriğe dahil olmadığı kolayca ayırt edilecek şekilde konumlandırmış. İçeriği okumada her hangi bir sıkıntı yaratmıyor.

2.webdesingerwall

webdesingerwall

webdesingerwall standart bir reklam görüntülemiyor. Ayrıca bunu içeriğin yanına eklemiş. ancak içerikle arasında bir ayıraç kullanarak bu reklamın içeriğe dahil olmadığını fark ettiriyor. böylece kullanıcıyı rahatsız etmemeyi amaçlamış.

3.problogger

problogger

problogger kendi logosu yanında standar bir reklam banner'ı kullanıyor. Ancak bu hem logosunun hem de içeriğinin gerisinde kalıyor ve ziyaretçinin dikkatini dağıtmıyor.

Reklam bölümü nasıl tasarlanır?

Eğer blogunuza reklam koymayı düşünüyorsanız, blogunuzun tasarımı daha taslak halindeyken reklamları nereye yerleştireceğinizi tasarlayın. Bu blogunuza daha fazla esneklik kazandıracaktır.
reklam vermekte en popüler yöntemlerden biri 125*125 boyutlarında google adsense bannerlerını kullanmaktır. google adsense pek çok farklı boyutta ve şekilde reklam veriyor olsa da 125*125 pixel boyutlarındaki reklamlar sidebar için uygundur.

Reklam almadan önce reklamların sitede nasıl görüneceğini anlamak için bir kaç reklam örneği bulup bunları siteye ekleyerek deneyebilirsiniz.
Reklamlar görülecek kadar dikkat çekmeli ancak içeriğin önüne geçecek kadar da dikkat toplamamalı. Sidebar reklamları konumlandırmak için en iyi yerlerden birisidir. fakat sidebar'daki navigasyon menülere ulaşımı engellememelidir.

Bol tasarımlı günler...

not: ingilizceden türkçeye çevirileri birebir yapmak yerine yeni cümleler kurdum. Bazı noktalarda ek bilgiler verdim. Bu yüzden bire bir çeviri değildir. Makalenin orijinalini ziyaret ederek orijinali de incelenebilir.

ilgili yazılar

Bu yazı maxhoper tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

en yeni iphone uygulamaları

gogool — Fri, 12 Nov 2010 13:00:00 GMT

iphone uygulama çılgınlığı gün geçtikçe çığ gibi büyüyor buyrun size en yeni iphone uygulamaları...

DSLR Fotoğraf Makinanızı iPhone ile Kontrol Edin

SkyFire Yeni Sürümü ile Kullanıma

TeamViewer iPhone Uygulaması

Sinemalar.com iPhone uygulaması

iPhone da Online Müzik Dinleyin

iPhone için Photoshop

Dexter iPhone

IGO My Way (Turkey) v1.2.2 navigasyon

TV Remote (Uzaktan Kumanda)

taksimetre uygulaması

ve daha fazlası için... buraya..

Bu yazı gogool tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

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

alkalin — Mon, 19 Jul 2010 13:50:00 GMT

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.

TappGala

Komodo Media

Toffeenut Design

Geng Gao

Narwhal. Co

Fragment

Carbonmade

Carsonified

Dan Wiersema

GreenOlivz

diğer örnekleri incelemek için yazının devamını okuyabilirsiniz.

Kaynak : Spyrestudios

ilgili yazılar

Bu yazı alkalin tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Tasarımın İçinde Olan Herkes İçin Yer İmi Seti

earslan — Mon, 21 Jun 2010 13:37:00 GMT

Şahsen yıllardır ayıklayıp biriktirdiğim, binlerce yer imi arasından seçip ayıkladıklarımı; siz değerli bildirgec.org kullanıcılarına sunuyorum. Artık paylaşmalıyım dedim ve buraya yazdım.
Görüleceği üzere çoğunluğu bildirgec.org mimlerinin oluşturduğu derleme, umarım faydalı olur.
Unutmadan belirteyim, içerikler tasarım ağırlıklıdır..

Şimdiden teşekkürler..

http://djdesignerlab.com/2010/04/25/25-fresh-and-useful-jquery-plugins/

http://www.nobledesktop.com/download/shortcut_guides/indesign_cs4_shortcuts_pc.pdf

http://acrisdesign.com/2009/09/70-dazzling-light-effect-photoshop-tutorials/

http://www.bildirgec.org/yazi/karikatur-karakterleri-yaratma-dersleri

http://www.bildirgec.org/yazi/en-iyi-renkli-web-tasarimlari

http://www.bildirgec.org/yazi/40-koyu-renk-kullanilan-web

http://www.bildirgec.org/yazi/yeni-cikan-4-adet-jquery

http://www.ozdtasarim.com/blog/55-web-arayuzu-tasarim-dersleri.html

http://www.bildirgec.org/yazi/web-tasarim-kaynaklari

http://www.bildirgec.org/yazi/grunge-tasarim-kaynaklari-1

http://www.1stwebdesigner.com/resources/free-minimalist-high-quality-fonts/

http://www.kodaman.org/yazi/google-sizi-sevsin-4-tasarim

http://www.bildirgec.org/yazi/tasarimci-ve-gelistiricilere-araclar

http://www.bildirgec.org/yazi/ucretsiz-simgeler

http://www.bildirgec.org/yazi/ilham-verici-content-sliders-tasarimlar

http://www.bildirgec.org/yazi/farkli-tarzlarda-sosyal-medya-icon

http://www.bildirgec.org/yazi/25-onemli-web-tasarim-araci

http://www.bildirgec.org/yazi/99-yuksek-kaliteli-x-html

http://www.bildirgec.org/yazi/web-2-0-icin-arka-1

http://www.bildirgec.org/yazi/web-2-0-tasarimlari-icin-1

http://www.bildirgec.org/yazi/ogrenilmesi-gereken-15-css-hilesi

http://www.bildirgec.org/yazi/ilham-alinasi-60-tipografi

http://www.bildirgec.org/yazi/taptaze-50-carpici-photoshop-dersi

http://www.bildirgec.org/yazi/en-iyi-illustrasyon-tasarimlari

http://www.bildirgec.org/yazi/karikatur-karakterleri-yaratma-dersleri

http://www.bildirgec.org/yazi/yepyeni-21-yaratici-kartvizit-tasarim

http://www.bildirgec.org/yazi/kaliteli-siyah-beyaz-ikonlar

http://www.smashingmagazine.com/2009/07/08/free-typographic-xhtmlcss-layouts-for-your-designs/

http://webdesignledger.com/freebies/17-remarkably-professional-looking-free-fonts

http://net.tutsplus.com/tutorials/html-css-techniques/design-a-beautiful-website-from-scratch/

http://psd.tutsplus.com/tutorials/interface-tutorials/create-a-watercolor-themed-website-design-with-photoshop/

http://creativenerds.co.uk/freebies/45-sets-of-seamless-vector-patterns/

http://www.anvari.org/cols/Business_Cards.html

http://razorjack.net/quicksand/

http://www.sohtanaka.com/web-design/examples/hover-over-trick/

http://www.sohtanaka.com/web-design/examples/smart-columns/

http://jqueryui.com/themeroller/

http://www.smashingmagazine.com/2010/01/12/45-powerful-css-javascript-techniques/

http://www.smashingmagazine.com/2009/03/08/70-new-useful-ajax-and-javascript-techniques/

http://kimili.com/journal/rgba-css-generator-for-internet-explorer

http://www.1stwebdesigner.com/resources/38-jquery-and-css-drop-down-multi-level-menu-solutions/

http://flowplayer.org/tools/demos/index.html

http://dezignus.com/50-stunning-free-grunge-vectors/

http://brenelz.com/blog/build-a-content-slider-with-jquery/

http://www.vuvox.com/presentations/new

http://www.spritely.net/

http://www.reencoded.com/2009/07/14/23-wordpress-themes-suiting-your-website-project/

http://tutorial9.net/demos/button-sprites/demo.html

http://www.cancetin.com/yazilar/typeface-jquery-font/

http://www.graffiticreator.net/

http://www.catchmyfame.com/2009/10/23/jquery-drop-captions-plugin-released/

http://www.cueforms.com/main.php

http://workshop.rs/2009/12/image-gallery-with-fancy-transitions-effects/

http://pixelmatrixdesign.com/uniform/#themes

http://www.cssdrive.com/index.php/main/csscompressor/

http://rohitsengar.cueblocks.net/paginator/example2.html

http://www.templatemonster.com/free-templates.php

http://www.templatemonster.com/free-web-elements/

http://www.backgroundlabs.com/

http://tools.blogflux.com/buttonmaker/

http://www.roundedcornr.com/

http://www.buttonbrowser.com/main/index.php

http://www.iconfinder.net/

http://browsershots.org/

http://www.formspring.com/

http://new.myfonts.com/WhatTheFont/

http://www.designerstoolbox.com/designresources/?PHPSESSID=23912cb4bfa11ff69efffe405e5e47ec

http://www.brusheezy.com/brushes

http://www.tartanmaker.com/

http://www.colorschemer.com/

http://www.blueprintcss.org/

http://www.typetester.org/

http://riddle.pl/emcalc/

http://speckyboy.com/2009/06/19/34-free-and-elegant-truetype-mini-pixel-fonts/

http://designm.ag/resources/textures-toolbox-80-texture-resources-for-designers/

http://www.bildirgec.org/yazi/tasarimcilar-icin-10-yer-imi

http://www.smashingmagazine.com/2007/01/12/free-css-layouts-and-templates/

http://onlinefontconverter.com/

http://www.flabell.com/flash-components

http://stylizedweb.com/2008/01/24/learn-seo-basics/

http://psd2cssonline.com/

http://www.iwebtool.com/tools/

http://www.xml-sitemaps.com/

http://www.mcanerin.com/EN/search-engine/robots-txt.asp

http://www.zirve100.net/info.php

http://www.dinpattern.com/

http://tutsplus.com/

http://mp3cut.net/

http://cemagraphics.deviantart.com/gallery/#DOCK-ICONS

http://www.maddebagimlisi.com/en-yaratici-7-blog-mim/

https://www.google.com/adsense/static/en_US/AdFormats.html

http://www.copycraft.com/templates

http://www.bildirgec.org/yazi/ucretsiz-tasarim-ogeleri

http://www.stripegenerator.com/#Zm9yZT1GRkZGRkY7aD0zMDt3PTU7cD01O2JhY2sxPTYxNjE2MTtiYWNrMj1mZjAwMDA7Z3Q9MDtkPTA7c2hhZG93PTA7

http://desizntech.info/2009/06/35-excellent-websites-for-downloading-free-css-template/

http://friendfeed.com/alemsah/572eba87/turk-web-girisimlerinin-bir-listesini

http://demos.flesler.com/jquery/serialScroll/

http://dev.herr-schuessler.de/jquery/popeye/demo.html

http://www.typeroom.com/

http://www.bildirgec.org/yazi/ucretsiz-web-uygulama-guvenligi-test

http://www.kodaman.org/yazi/jquery-ile-haber-sitelerindeki-gibi

http://www.kodaman.org/yazi/jquery-ile-gizle-goster-sutun

http://www.kodaman.org/yazi/css-de-arkaplan-bilmeniz-gereken-1

http://www.bildirgec.org/yazi/bagimsiz-gelistiriciler-icin-web-servisleri

http://www.bildirgec.org/yazi/40-adet-bedava-film-izleme

http://www.bildirgec.org/yazi/graffiti-ye-dair

http://www.bildirgec.org/yazi/meeting-of-styles-padova

http://www.bildirgec.org/yazi/50-muhtesem-graffiti-calismasi

http://jqueryfordesigners.com/demo/infinite-carousel.html

http://www.webdesignbooth.com/demo/news-ticker/

http://webdesignledger.com/inspiration/40-awesome-examples-of-tilt-shift-photography

http://css-tricks.com/examples/StartStopSlider/

http://www.bildirgec.org/yazi/37-taze-jquery-resim-ve

https://buildinternet.s3.amazonaws.com/live-tutorials/sliding-boxes/index.htm

http://www.bildirgec.org/yazi/30-jquery-eklentisi

http://www.bildirgec.org/yazi/jquery-uygulamalari-1-1

http://www.bildirgec.org/yazi/okumaniz-gereken-50-taze-tasarim

http://www.bildirgec.org/yazi/taptaze-50-carpici-photoshop-dersi

http://www.agilecarousel.com/examples/full_example

http://webdesignledger.com/tutorials/13-super-useful-jquery-content-slider-scripts-and-tutorials

http://www.reindel.com/accessible_news_slider/

http://www.dreamcss.com/2009/04/create-beautiful-jquery-sliders.html

http://www.bildirgec.org/yazi/sitenizi-senlendirin

http://www.bildirgec.org/yazi/ucretli-premium-wordpress-temalari

http://www.bildirgec.org/yazi/sonraki-tasarimlariniz-icin-150-ucretsiz

http://www.bildirgec.org/yazi/ocak-2010-web-in-en

http://www.bildirgec.org/yazi/populer-mini-ikon-setleri

http://www.bildirgec.org/yazi/hayran-kalacaginiz-21-adet-kaliteli

http://www.bildirgec.org/yazi/ucretsiz-yazilimlar-1

http://plugins.jquery.com/project/slidedeck

http://plugins.jquery.com/project/DropCaptions

http://www.cometdocs.com/

http://www.bildirgec.org/yazi/2010-web-tasarim-egilimleri

http://www.opentype.info/demo/webfontdemo.html

http://www.theleagueofmoveabletype.com/

http://www.fontsquirrel.com/fontface

http://typekit.com/libraries/full

http://www.bildirgec.org/yazi/avatar-filmi-photoshop-tasarimlari-ve

http://www.twospy.com/galleriffic/#1

http://www.bildirgec.org/yazi/size-sifirdan-ikon-tasarimini-ogretecek

http://www.bildirgec.org/yazi/css-ile-sekil-cizmek-cok

http://www.bildirgec.org/yazi/tarayici-sorunlarini-cozen-jquery-eklentileri

http://www.bildirgec.org/yazi/25-taze-ve-kullanisli-jquery

http://www.bildirgec.org/yazi/web-tasarimcilarinin-hayatini-kolaylastiracak-12

http://www.bildirgec.org/yazi/web-tasariminda-sikca-karsilasilan-hatalar

http://www.bildirgec.org/yazi/css-sprite-larin-kullanis-alanlari

http://www.bildirgec.org/yazi/capraz-tarayici-uyumlulugu-icin-altin

http://dzineblog.com/2009/05/design-inspiration-36-fantastic-photo-manipulation-designs.html

http://logooftheday.com/

http://www.buzzshout.com/logos.php

http://logopond.com/

http://www.noupe.com/design/40-killer-typographic-posters-photoshop-effects-and-tutorials.html

http://new.psdtuts.com/text-effects-tutorials/dramatic-text-on-fire-effect-in-photoshop/

http://www.designertechniques.com/tutorials/emrehusmenlphotoshoprendering01-page2.htm

http://www.2de1.com/windows.isletim.sistemi/63539-windows.kisa.yol.sifreleri.html

http://net.tutsplus.com/articles/web-roundups/10-reasons-why-your-code-wont-validate-and-how-to-fix-it/

http://muhammetsevim.com/tutorials/wordpress-tasarim-entegrasyonu/?ref=www.muhammetsevim.com

http://www.freelanceswitch.com/designer/33-new-places-to-get-design-inspiration/

http://kendiminik.minimizeme.livemessenger-emoticons.com/

http://www.bildirgec.org/yazi/dunyanin-en-leri-bildirgec-te

http://www.bildirgec.org/yazi/seo-araclari-listesi

http://www.bildirgec.org/yazi/12-adet-video-anlatimli-photoshop

http://www.bildirgec.org/yazi/her-web-tasarimcisinin-ogrenmesi-gereken

http://www.bildirgec.org/yazi/ogrenilmesi-gereken-15-css-hilesi

http://www.bildirgec.org/yazi/harika-web-tasarimi-yaraticiligi-50

http://www.bildirgec.org/yazi/40-kullanisli-web-servisi-ve

http://www.bildirgec.org/yazi/22-fantezi-photoshop-dersi-ve

http://www.bildirgec.org/yazi/en-iyi-10-jquery-slider

http://www.bildirgec.org/yazi/yaraticiliginizi-arttiracak-12-ucretsiz-3d

http://www.bildirgec.org/yazi/web-tasarimcilar-icin-15-javascript

http://www.bildirgec.org/yazi/a-dan-z-ye-50

http://www.bildirgec.org/yazi/microsoft-ve-ucretli-programsiz-bilgisayar-1

http://www.bildirgec.org/yazi/html-formlari-icin-25-harika

http://www.bildirgec.org/yazi/ilham-kaynagi-50-sik-navigasyon

http://www.bildirgec.org/yazi/20-adet-fantastik-photoshop-montaj

http://www.bildirgec.org/yazi/4-kilobayt-altindaki-11-jquery

http://www.bildirgec.org/yazi/500-photoshop-icin-puskurme-firca

http://www.bildirgec.org/yazi/web-tasarimcilari-icin-43-bedava

http://www.bildirgec.org/yazi/50-guzel-css-tab-ornegi

http://www.bildirgec.org/yazi/57-ucretsiz-resim-galerisi-slayt

http://www.bildirgec.org/yazi/75-gercekten-kullanisli-javascript-teknigi

http://www.bildirgec.org/yazi/100-000-ucretsiz-font

http://www.bildirgec.org/yazi/modal-window-ile-login-sayfalari

http://www.bildirgec.org/yazi/facebook-kaynakli-yararli-araclar

http://www.bildirgec.org/yazi/30-flas-actionscript-3-0

http://www.kodaman.org/yazi/html-kullanmadan-javascript-include

http://www.kodaman.org/yazi/guvenli-php-uygulamalari-yazmak-icin

http://www.kodaman.org/yazi/xhtml-css-jquery-mansetler-modernlessin

http://bblmedia.com/addurl.html

http://stylizedweb.com/2008/02/14/10-best-css-hacks/

http://matthewjamestaylor.com/blog/perfect-2-column-left-menu.htm

http://www.intensivstation.ch/en/templates/

http://icant.co.uk/sandbox/footercollapsetables/

http://www.noupe.com/category/ajax

http://www.dmry.net/wordpress-23-icin-benzer-yazilar-eklentisi-10

http://www.deltatangobravo.com/images/zoom/

http://www.sohtanaka.com/web-design/examples/image-hover/

http://www.seoxp.net/

http://www.digitalpoint.com/tools/

http://www.forwebdesigners.com/

http://www.favicongenerator.com/

http://www.copytaste.com/

http://www.1stwebdesigner.com/resources/57-free-image-gallery-slideshow-and-lightbox-solutions/

http://www.programlama.com/sys/c2html/view.php?DocID=1806

http://www.k10k.net/pixelpatterns/

http://whatsitscolor.com/

http://citrusmoon.typepad.com/patterns/black_white/

http://web-kreation.com/index.php/category/ajax-javascript/

http://malsup.com/jquery/cycle/lite/

http://www.dinpattern.com/2009/04/07/dinpattern-stripe/

http://www.squidfingers.com/patterns/

http://www.ben-griffiths.com/project/jquery-position-footer/

http://www.eburhan.com/tek-bir-resim-dosyasi-ile-yuvarlak-koseli-kutular-yapmak/

http://www.sunsean.com/idTabs/

http://www.katodivaihe.com/index.php/240-adet-jquery-icin-eklenti/

http://planetozh.com/projects/lightbox-clones/

https://adwords.google.com/select/KeywordToolExternal

http://www.1001freefonts.com/

http://dzineblog.com/2008/01/27-creative-business-cards-you-shouldve.html

http://dzineblog.com/2008/06/cool-business-card-3.html

http://www.bildirgec.org/yazi/30-adet-goz-dolduran-javascript

http://www.bildirgec.org/yazi/30-jquery-eklentisi

http://www.bildirgec.org/yazi/yaratici-jquery-uygulamari

http://www.bildirgec.org/yazi/herkesin-isine-yarayabilecek-69-web

http://www.glasscubes.com/

https://www.remindo.com/#/main.php

http://viewlike.us/

http://devkick.com/blog/full-screen-image-gallery-using-jquery-and-flickr/

http://www.bildirgec.org/yazi/30-jquery-eklentisi

http://buildinternet.com/live/lightsout/#

http://www.bildirgec.org/yazi/ortaya-karisik-30-adet-ajax

http://webdesignledger.com/tutorials/13-super-useful-jquery-content-slider-scripts-and-tutorials

http://speckyboy.com/2009/06/03/15-amazing-jquery-image-galleryslideshow-plugins-and-tutorials/

http://web-kreation.com/index.php/articles/48-incredible-mootools-sripts/

http://www.bildirgec.org/yazi/herkesin-isine-yarayabilecek-69-web

http://www.bildirgec.org/yazi/2009-un-yaratici-photoshop-dersleri

http://www.bildirgec.org/yazi/projeleriniz-icin-her-zaman-ihtiyac

http://www.bildirgec.org/yazi/2009-un-en-populer-cevrimici

http://www.johnkyrk.com/evolution.tr.swf

http://learn.genetics.utah.edu/content/begin/cells/scale/

http://www.bildirgec.org/yazi/70-goz-kamastirici-photoshop-isik

http://www.bildirgec.org/yazi/ucretsiz-yazilimlar-1

http://css-tricks.com/examples/StartStopSlider/

http://www.siberkultur.com/?q=gizli-kalmis-12-html-elementi

http://www.bildirgec.org/yazi/arka-plan-agirlikli-web-tasarim

http://webstuffshare.com/demo/InputShadow/

http://desk08.customize.org/

http://enesates.net/depoyu-hazirlayin-harika-icon-setleri.html

http://designerfont.blogspot.com/

https://www.google.com/history/

http://www.fatihturan.com/css/web-tasarimi-icin-kullanabileceginiz-firefox-eklentileri/

http://psdfan.com/inspiration/web-design/30-fresh-illustrated-website-designs/

http://www.tuttoaster.com/97-beautiful-navigation-for-your-inspiration/

http://dzineblog.com/2010/05/design-resource-27-free-high-quality-ui-wireframe-kits-to-download.html

http://www.youthedesigner.com/2010/05/04/ultimate-collection-of-free-photoshop-gradients/

http://code.google.com/webfonts

http://www.hasanyalcin.com/yuksek-kalitede-vektorler/

http://www.hasanyalcin.com/font-kaynaklarini-toparlayalim/

http://www.hasanyalcin.com/arsivlik-photoshop-kaliplari/

http://www.hasanyalcin.com/50-mukemmel-photoshop-fircasi/

http://djdesignerlab.com/2010/04/05/50-high-quality-free-psd-web-templates/

http://www.budosyanedir.com/

http://www.rap4ever.net/

http://jqueryfordesigners.com/fun-with-overflows/

http://www.webdesignbooth.com/step-by-step-to-create-content-slider-using-jflow-a-minimalist-jquery-plugin/

http://jqueryfordesigners.com/demo/scrollable-timelines.html#2008-larry-and-sergey-announce-virgle

http://jqueryfordesigners.com/slider-gallery/

http://fivelist.summerhost.info/labs/SmartCart/index.php

http://www.formatpixel.com/go/en/index.php

http://www.vladstudio.com/wallpapers/?order=viewed

http://www.brusheezy.com/brushes

http://www.isfx.org/?p=126

http://opensolution.org/quick.cms,en,10.html

http://leftlogic.com/lounge/articles/entity-lookup/

http://www.designerstoolbox.com/designresources/?PHPSESSID=23912cb4bfa11ff69efffe405e5e47ec

http://www.montylounge.com/

http://www.cgtutorials.com/c9/Adobe_Photoshop

http://www.bildirgec.org/yazi/yepyeni-40-adet-kaliteli-ve

http://www.bildirgec.org/yazi/a-dan-z-ye-internet

http://www.bildirgec.org/yazi/drupal-icin-150-adet-tema

http://www.fadonet.net/2009/02/01/mootools-scriptleri/

http://www.artviper.net/website-tools/website-tools.php

http://www.electricprism.com/aeron/slideshow/

http://designm.ag/resources/floral-brushesr-photoshop/

http://www.eburhan.com/tek-bir-resim-dosyasi-ile-yuvarlak-koseli-kutular-yapmak/

http://www.zurb.com/playground

http://www.catchmyfame.com/2009/08/27/jquery-infinite-carousel-plugin-1-2-released/

http://www.bildirgec.org/yazi/sinirlari-zorlayan-html5-tabanli-oyunlar

ilgili yazılar

Web design kütüphanesi (1)
2 - 8 Haziran'da neler oldu? (haftalık bülten) (16)
47 adet webmaster aracı (32)
hazır kod siteleri (11)

Bu yazı earslan tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Microsoft'tan Cloud Mouse

angelsdemos — Fri, 19 Mar 2010 07:43:00 GMT

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.

Cloud Mouse ise üç boyutlu bu alanda joyistik görevi görecek ve verileri hareket ettirmemizi ve birçok işlem yapmamıza olanak verecek. Kullanıcılar bu yeni mouse ile istedikleri verilere rahatça ulaşabilecekler. 3 boyutlu alan içerisinde 360 derece dönebilecekleri gibi alandaki tüm dosyaları hareket ettirebilecek ve onlar üzerinden işlemler yapabilecekler. Şu anda gelişmemiş bir teknoloji olsa da Cloud Mouse ile ilgili ilk örnekler yapıldı ve yakında hayatımızın içine girecek.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynaklar ; softpedia, tech-talks, codingfuture, dr2web, ditii

ilgili yazılar

Bu yazı angelsdemos tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Göz kamaştıran 30 navigasyon menü

ecayip — Mon, 01 Feb 2010 20:39:00 GMT

Web tasarım dünyasında menü çılgınlığı ve uygulamaya sunulan imkanlar doğrultusunda boy gösteren,css ve jQuery çatısı altında benzersiz fikirlerle oluşturulmuş, her kesime hitap edebilecek nitelikte, farklı, şeffaf işlevli 30 navigasyon menü örneği.

yazının devamı

ilgili yazılar

Bu yazı ecayip tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Nokia ücretsiz navigasyon sunuyor

angelsdemos — Sat, 23 Jan 2010 11:42:00 GMT

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.

Nokia başkan yardımcısı Anssi Vanjoki aşağıdaki açıklamada bulundu ;

Navigasyonu, cep telefonlarında bir metin mesajı ya da resim gönderir gibi, rahatlıkla kullanmanızı istiyoruz. Bunu gerçekleştirmek için de ücretsiz olarak sunulacak sesli kılavuza sahip en iyi haritaların iyi bir katalizör olacağına inanıyoruz.Tek bir ülke ya da bölge için neden birden çok cihaza ihtiyaç duyulsun? Hepsini bir araya koyar, ücretsiz yapar ve tüm dünyayı kapsarsak siz de gerçekten yararlı ve dünyanın herhangi bir şehrinde yürürken ya da araba kullanırken size yardımcı olabilecek bir şeye sahip olursunuz.

Yeni Ovi Harita sürümü bütün haritaları ve ihtiyaç duyulabilecek tüm uygulamaları kullanıcılara ücretsiz olarak sunuyor. Telefonunuzu kullandığınız sürece tüm bu özellikleri kullanma hakkına sahip oluyorsunuz. Başka ülke ve şehirler için farklı işlemler veya ek lisansa gerek kalmıyor.F akat farklı ülkelerdeki şebeke operatörlerinin veri tarifeleri uygulanabiliyor.

Mobil telefonunuzla dünyanın neresine giderseniz gidin bu servisten ücretsiz olarak faydalanabiliyorsunuz. Ücretsiz ve geniş bir küresel alana sahip Ovi Harita sürümü, 74 ülkede ve 46 farklı dilde sesli destek sunuyor

Haritaları önceden telefonunuza yüklemeniz mümkün. Böylece internet bağlantısı gerektirmeden haritalara akıllı telefonunuzdan ulaşabiliyorsunuz. Bu durumda navigasyon sistemi çalışmadağından pilden tasarruf sağlayabiliyorsunuz. Bu özelliği ile yabancı ülkelerde veri transfer ücretlerinden kurtulmanızıda sağlıyor.

Ovi Harita, Vektörel haritalar adında bir teknoloji üzerine kuruldu. Vektörel haritalar hem yüksek kalitede hem de daha az veri yoğunluğuna sahip. Bu teknoloji ile yüklenen haritalar silinmeden gelecekte kullanılmak üzere telefonunuzda saklanabiliyor.

Sesli navigasyon servisi ise hem sürücüler hemde yayalar için oldukça büyük kolaylık sağlıyor. Sürücüler için trafik bilgileri, hız uyarıları, şerit yardımı gibi bilgileride içeriyor.

Şu anda Nokia 5800 XpressMusic, Nokia E72, Nokia N97 mini gibi 10 cihaza yüklenebilen Ovi Harita servisinin önümüzdeki günlerde tüm akıllı telefonlarda olacağı düşünülüyor.

Ayrıca Bakınız ;

angelsdemos: Blog | Twitter | Email | RSS

Kaynaklar ; Nokia maps, nokia , megaleecher , dailywireless

Bu yazı angelsdemos tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Web Tasarımında Dikkat Edilmesi Gereken Unsurlar

doanerkan — Sat, 16 Jan 2010 13:18:00 GMT

İyi günler Arkadaşlar.. Bildirgec.org'ye ilk yazımı yazmanın mutluluğunu yaşıyorum.Herkese Yararlı olması dileğiyle..

Web Dünyasındaki 5-6 senelik süreçteki deneyimlerimden yeni başlayan arkadaşlara yararlı olacağını düşündüğüm şeyleri paylaşmak istedim.

Tasarım Boyutları;

Bu kısım en başta değinilmesi gereken önemli bir konu diye düşünüyorum. Neden diyecek olursanız bir web sitesine girdiğiniz zaman ilk başta gözünüze çarpan yerleşim ve etkileşimdir. Tasarım boyutu ibaresini biraz açalım. Web Siteleri yapılırken her monitör ve ekran çözünürlüğüne uygun tasarım yapmak gerekir. Tasarımın her kişide düzgün görünmesini ise ekran çözünürlüğü olarak 1024x768 'i baz alarak yaparız. Genelde Pasif ev kullanıcıları 1024x768 kullanır ve bu çözünürlükte düzgün şekilde çalışan tasarımlar diğer çözünürlüklerde sorun yaşatmayacaktır. O yüzden tasarım yaparken tasarımınızın genişliği 950px'i geçmezse sorun yaşamazsınız. Bu derken 950px genişliğinde bir dosya açın ve çalışın demek istemedim. istediğiniz genişlikte ( örn:1200x800 ) dosya açıp klavuz çizgiler yardımıyla işinizi görebilirsiniz. Tasarımlarda içerik ve navigasyonu sağlayan menülerin boyutlarıda önemlidir. içerik kısmı tasarımın 3/2 sini kaplarken navigasyonu sağlayan menüler 3/1ini kaplayacak şekilde ayarlandığında erişim daha kolay sağlanacaktır.

Tasarımda Devamlılık

Şuan anlatmak istediğim konu genellikle büyük monitör veya büyük çözünürlükte monitör kullanan kişilerin karşılaşacağı bir olaydır.Bazen girdiğiniz sitelerde arka planın belli bir genişliğe kadar uzadığı kısa kaldığı durumlarla karşılaşmışsınızdır. Bu durumlar ziyaretçinin gözünde pek hoş karşılanmaz. O yüzden ya tekrar edilebilir arka planlar yada arka plana sabitleyebileceğiniz arka planlar kullanmanız gerekir. Şuan bu makaleyi yazarken de kullandığım monitör full hd 22" bir monitör. ekran çözünürlüğüm 1920x1080px benim monitörüme göre düşündüğümüz zaman en az 1920px genişliğinde bir arka plan koymam veya tekrarlanabilir bir arka plan seçmem gerekir. bu noktada eğer tekrarlanabilir bir arka plan koyma şansımız yoksa 2000px genişliğinde bir background kullanmam gerecektir.

Tasarımda renk ve Konu Olgusu

Bu kısım en önemli kısımlardan birisidir.Çünkü bir siteye girdiğiniz zaman o web sitesinin içeriği hakkında bilgi veren ve sizi o sitede tutmaya yarayan en büyük unsurlardan birisi renk olgusudur. Renk olgusu ise web sitesinin konusu ile yani sektörü ile alakalı ve sektörü yansıtır olması gerekmektedir.Örneğin bir hastaneye web sitesi yapıyoruz. Öngörülen renkler mavi, yeşil tonlarıdır. Çünkü Hastane Temizlik Huzur Sağlık Temalarını Yansıtır.

Erişim Kolaylığı

Bu unsur sitenizi başarıya götürecek en büyük maddelerden birisidir.Bir web sitesi ne kadar anlaşılır ve içeriklere erişim ne kadar kolay olursa o web sitesi daha çok tutulan bir web sitesi olur. Çoğu zaman hepimizin yaptığı hatalardan biridir bu. Çoğu zaman kullanıcı yerine koymayız kendimizi her şeyin nerde olduğunu biliyoruzdur o yüzden sorun yok zannederiz. O yüzden projeleriniz bittikten sonra kendiniz ve bir kaç tanıdığınıza sitenizi gezdirin ve eleştirmesini isteyin.İnternet deki her kullanıcı sizin kadar bilgili olmayabilir.

Tarayıcı Uyumluluğu
Bu madde web tasarımda en önemli olgudur. Peki nedir bu tarayıcı uyumluluğu? İnternet kullanıcılar farklı farklı tarayıcılar kullanırlar. ( internet explorer, chrome, mozilla, safari, netscape, opera v.b. ) Bu tarayıcıların varsayılan değerleri ve yorumlama şekilleri birbirinden farklıdır. O yüzden bazen internet explorer da düzgün görünen siteler bir başka tarayıcıda bir tarafı kaymış şekilde çıkabilir. Bunun için çoğu web geliştiricisi reset.css dediğimiz tarayıcının varsayılan değerlerini sıfırlayan css dosyaları kullanır. Bu dosyalar sayesinde tarayıcının değerlerini sıfırlamış ve kendi verdiği değerleri çalışır konuma getirmiş olur. Bu sayede de her tarayıcıya uygun bir web siteniz olmuş olur. Burdan kimse "sitemde bazı tarayıcılarda kayma vardı reset.css koydum düzelmesi gerekmezmi" diye düşünmesin. Tarayıcı varsayılan değerleri kadar sizin kullandığınız değerlerde önemlidir.

Bu yazımda sizlere kendime ilke edindiğim bazı kriterleri sundum.Şimdiden yorum yazacak arkadaşlara şunları belirtmek isterim sizin görüşleriniz daha farklı olabilir ben sadece kendi görüş ve bilgilerimi sundum. Şimdiden yorumlarınız için teşekkürler . Birilerine faydalı olabilirse bu yazım ne mutlu bana.

Bu yazı doanerkan tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Güzel Tasarlanmış 40 Navigasyon Menü

LeBron — Sat, 14 Nov 2009 15:50:00 GMT

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

3. MailChimp

7. Mission Community Church

8. Sushi & Robots

9. Wonderbra Ultimate Strapless

10. Light CMS

11. Two24 Studios

12. Typejockeys

13. Ecosimply

14. Glue

15. Adcetera Digital

16. LogoCranium

17. Matty Studios

18. Design Bridge

19. Robert Alan

20. Toggle

yazının devamı için buraya tıklayın.

kaynak: vandelaydesign.com

yazılarımı takip edebilirsiniz.

blog | twitter | friendfeed | delicious | rss

ilgili yazılar

Bu yazı LeBron tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

iPhone'da yeni dönemin ilk habercileri

iMania — Fri, 25 Sep 2009 16:44:00 GMT

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:

Griffin's iTrip

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.

Mikey

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.

iphone'a entegre edilen bu şirin projektor 380 dolar, detay bilgiyi zamazing'deki şu yazıdan bulabilirsiniz.

Tom Tom

Tom Tom'un navigasyon için çıkardığı bu aparat ise sadece iphone'u ön cama monte etmek için değil, gps sinyallerini alışınızı arttırdığını belirtiyor ve 99 pounda yakında piyasaya çıkacak. detaylı bilgiyi buradan alabilirsiniz.

Bu yazı iMania tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage