http://www.bildirgec.org/ tr-tr 40 bildirgec.org - muratti32 - beğendikleri muratti32 <p>İnternet üzerindeki muhtemelen zilyon tane web sitesi üzerinden en iyi tasarıma sahip 30 adet web sitesini nasıl seçersiniz? Elbette bunlardan en az 10 milyar tanesi kolayca es geçilebilir. Hani şu gerçekten kötü olanları. Diğer 5 milyar tanesi declare averaj kategorisine dahil edilebilir. 2 milyon tanesi muhtemelen çok güzeldir ve 30 tanesi de mükemmele yakındır. İşte ben de bu yazımda kendimce en mükemmel tasarıma sahip 30 adet web sitesini sizlerle paylaşmak istiyorum.</p> <p>Eminim muhtemelen yanılacağımdır. Listemde bahsedeceğim bu denli az sayıda web sitesi varken, her birinden ayrı ayrı bahsetmem mümkün olmaz. Ve ardından muhtemelen bazılarınız bana katılmayacaktır ki bunda hiçbir problem yok. Eğer bana katılmıyorsanız lütfen bana söyleyin, zira konuşmak güzeldir. Ama gerçekten bu mükemmel 30 web sitesi arasından en iyisini nasıl seçebilirim? Bence mümkün değil. İşte bu yüzden ben de bu 30 web sitesini birinci ilan ediyorum. İşte buyrun.</p> <p><strong>1. <a href="http://www.sifterapp.com/">sifterapp.com</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/54-01.png' alt="\"\"" border="0"><br></div> <p>Gerçekten sade, tek sütunlu ve hafif bir web sitesi. Pastel renk şeması kullanılmış.</p> <p><strong>2. <a href="http://spadewerk.com/">spadewerk.com</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/54-02.png' alt="\"\"" border="0"><br></div> <p>Günümüzde logolarında yaprak kullanan pek çok web sitesi bulunuyor. Spadewark sitesi de onlardan beri. Ancak ilgili logonun site genelinde kullanma şekli SW'yi diğerlerinden farklı kılıyor. Mükemmel yeşil renk şeması ve tipografisinin yanısıra kendine özgü tasarımı ile beğendiğim sitelerden biri.</p> <p><!-- buradan kes --></p> <p><strong>3. <a href="http://www.mailbuild.com/">mailbuild.com</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/54-03.png' alt="\"\"" border="0"><br></div> <p>Mailbuild bir süre önce kampanya izleme özelliğini de servisleri arasına dahil etti. Siteleri artık tek sütunlu bir arabirim üzerinde bu yeni servisten ve müşterilerinin neler yapması gerektiğinden bahsediyor. Ancak bu tasarım gerçekten kendini ön plana çıkarmayı başarıyor. Arkaplanda kullanılan derin mor renk, ön paneldeki saf beyaz ile birleşiyor ve başlıkta gözlenen ayrıntılar da tasarımı güzel kılıyor.</p> <p><strong>4. <a href="http://www.culturedcode.com/things/">culturedcode.com/things</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/54-04.png' alt="\"\"" border="0"><br></div> <p>Cultured Code mükemmel uygulamalar yazan bir firma olup markası da bir o kadar muhteşem. Bildiğim kadarıyla sitenin genel tasarımı hazırladıkları uygulamaların arabirimlerine de entegre edilmiş durumda her bir uygulamanın kendine özgü sayfası bulunuyor. Tasarımın sadeliğinin yanısıra renkli logosunu ve ekran görüntülerini çok seviyorum.</p> <p><strong>5. <a href="http://uxlondon.com/">UXLONDON</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/54-05.png' alt="\"\"" border="0"><br></div> <p>UX London web sitesini birkaç nedenden ötürü seviyorum. Renk şemasının özellikle sofistike olduğunu düşünüyorum. Bunun yanısıra sitede bulunan renkli "bantların" tasarıma bir canlılık kattığına ve içeriği birlikte tutabildiğine de dikkat ettim. Tarayıcı penceresini de yeniden boyutlandırmayı bir deneyin. Site elementlerinin sanki yüzüyormuşçasına bir efekte sahip olduğunu göreceksiniz. İyi inşa edilmiş ve erişilebilir bir site olduğuna şüphe yok.</p> <p><strong>6. <a href="http://www.designcommission.com/">Design Commission</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/54-06.png' alt="\"\"" border="0"><br></div> <p>Modern olduğu kadar şık bir his uyandırıyor. Hafif ve havalı bir tasarımı olmasının yanısıra arkaplanda kullanılan kaya / taş döşemesi de ayrı bir zenginlik katmış. Sitenin alt kısmında yer alan parlak kırmızı renkli menüsü ile gerçekten güzel ve kendine özgü bir site.</p> <p><strong>7. <a href="http://www.youknowwhodesign.com/">YouKnowWhoDesign.com</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/54-07.png' alt="\"\"" border="0"><br></div> <p>Sizin de katılacağınıza emin olduğum mükemmel bir tasarım. Mükemmel bir renk şeması, mükemmel logo yazısı ve güneş yanığı tarzında mükemmel bir arkaplan. Tüm bunların birleşimi ile akılda kalıcı bir tasarıma sahip web sitesi ortaya çıkmış.</p> <p><strong>8. <a href="http://unblab.com/">unblab.com</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/54-08.png' alt="\"\"" border="0"><br></div> <p>Unblab gerçekten özgün ve özel bir siteye sahip. Karanlık arkaplan ve parlak beyaz içerik alanı ile farklı bir tasarıma sahip. Siteye daha fazla renk katmak için tasarımcı baloncuk tarzında bir arkaplan efektinin yanısıra bazı saydamlık elementleri dahil etmiş.</p> <p><strong>9. <a href="http://training.collectiveidea.com/">training.collectiveidea.com</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/54-09.png' alt="\"\"" border="0"><br></div> <p>Gümüşümsü bir logo ve dönerli arkaplanı ile mükemmel bir tasarım. JavaScript'in kullanım şeklini ve logonun hemen altında kullanılan kısmı seviyorum. Bu tip kullanımlar çok miktarda içeriğin az bir alan kaplayarak ziyaretçiye nasıl verimli bir şekilde kullanılabileceğine dair güzel örnek bir teşkil ediyor.</p> <p><strong>10. <a href="http://macrabbit.com/espresso">macrabbit.com/espresso</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/54-10.png' alt="\"\"" border="0"><br></div> <p>Renkler arasındaki farklılıklar ile oynayarak ortaya güzel bir tasarım çıkaran bir site daha. Mac Rabbit sitesi de bunu başarılı bir şekilde kullanarak dikkat çekivi ve göze rehberlik eden bir siteyi sade ve verimli bir tasarımla bütünleştirebilmiş. Sitede kullanılan kahve vektör illüstrasyonunu gerçekten seviyorum. Hoş.</p> <p><strong>11. <a href="http://www.carbonica.org/">Carbonica.org</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/54-11.png' alt="\"\"" border="0"><br></div> <p>Carbonica web sitesi, çeşitli programlar aracılığı ile Orta Amerika'daki karbon salınımını azaltmayı hedefleyen bir web sitesi. Sitenin tasarımı da mottosunu tamamen yansıtır nitelikte. Karton kutu tasarımlar ve kurşun kalemle yazılmış hissi uyandıran metinler gibi ince detaylar, sitenin sanki geri dönüştürülerek yeniden kullanıma kazandırılmış elementlerden oluşturulduğu hissini veriyor. Sitenin tüm bu elementleri destekleyen güzel bir renk şeması da var.</p> <p><strong>12. <a href="http://thinkdesignblog.com/">Thinkdesignblog.com</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/54-12.png' alt="\"\"" border="0"><br></div> <p>Derinin, ahşabın ve kullanılmış kağıdın muhteşem bir şekilde kullanıldığı mükemmel bir site.</p> <p><strong>13. <a href="http://www.13creative.com/">13creative.com</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/54-13.png' alt="\"\"" border="0"><br></div> <p>Neredeyse elle oluşturulmuş hissini uyandıran mükemmel bir tasarıma sahip bir web sitesi. Gerek seçilen renkler, gerekse de kullanılan döşemeler ile mükemmel bir uyum sergileyen kullanılan sitenin iki katmanlı menüsü de görülmeye değer.</p> <p><strong>14. <a href="http://www.friskdesign.com/">Friskdesign.com</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/54-14.png' alt="\"\"" border="0"><br></div> <p>Okyanus temalı bir web sitesi.</p> <p><strong>15. <a href="http://www.delugestudios.com/">delugestudios.com</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/54-15.png' alt="\"\"" border="0"><br></div> <p>13Creeative sitesinin tasarımcıları olan Deluge Studios'un kendilerine ait olan web sitesinin de ilgi çekici bir renk şeması ve döşemesi mevcut. Tasarım gerçekten farklı.</p> <p><strong> 16. <a href="http://www.designme.sk/index.html">designme.sk</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/54-16.png' alt="\"\"" border="0"><br></div> <p>Merak Levak mükemmel bir portfolyo oluşturmuş. Karakalem renkler ve eski ahşap görünümlü arkaplanı ile bu portfolyo karanlık olduğu kadar iyi tasarlanmış.</p> <p><strong>17. <a href="http://nikolamircic.com/">nikolamircic.com</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/54-17.png' alt="\"\"" border="0"><br></div> <p>Bu site oldukça sade görünse de tasarımı üzerinde uzun süre düşünüldüğüne şüphe yok. Menü üzerine ya da tasarım örneklerinin üzerine fare imlecinizi götürmeyi bir deneyin. Abartısız ve bir o kadar da mükemmel bir tasarım. Sitede öncelik içeriğin kendisine ve yapılan işlere verilmiş. Mükemmel bir site.</p> <p><strong>18. <a href="http://metalabdesign.com/">metalabdesign.com</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/54-18.png' alt="\"\"" border="0"><br></div> <p>Meta Lab tasarımı kendi adlarını baz almışlar ve tasarımlarını ona göre oluşturmuşlar. Sitenin tamamlanmış halinin kliniksel (tıpkı bir laboratuvar gibi) bir görünüme kavuştuğunu söylersem yalan olmaz. Br diğer hafif ve sade bir tasarım örneği.</p> <p><strong>19. <a href="http://www.pixelmator.com/">Pixelmator.com</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/54-19.png' alt="\"\"" border="0"><br></div> <p>Sanırım bunda herkes hemfikir olacaktır. Detaylarına inmeye gerek yok. Tek kelime ile mükemmel bir web sitesi.</p> <p><strong>20. <a href="http://www.guilhermeneumann.com/">guilhermeneumann.com</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/54-20.png' alt="\"\"" border="0"><br></div> <p>Guilherme Neumann'ın çok güzel ve net bir portfolyosu var. Her bir örnek üzerinde ise ona ait açıklama beliriyor.</p> <p><strong>21. <a href="http://taptaptap.com/">taptaptap.com</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/54-21.png' alt="\"\"" border="0"><br></div> <p>Oryantal bir temaya sahip mükemmel bir web sitesi. Sushi ve soya sosu ile süslenmiş bir görünüme sahip olan sitenin arkaplanını ve logosunu çok beğeniyorum.</p> <p><strong>22. <a href="http://www.djangoproject.com/">Django Project</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/54-22.png' alt="\"\"" border="0"><br></div> <p>Tümüyle yeşil bir tasarım biraz fazla kaçabilir, tıpkı biu Web çatısında olduğu ibi. Ancak Django projesinin tasarımcıları bu anlamda ortaya çok güzel bir iş çıkarmışlar. Mükemmel bir çoklu-sütunlu tasarım ve gerçekten özenle seçilmiş renk paleti.</p> <p><strong>23. <a href="http://rawkes.com/">rawkes.com</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/54-23.png' alt="\"\"" border="0"><br></div> <p>Uzay teması ile tamamlanan Rob Hawkes'in portfolyosu sade olduğu kadar görsel anlamda çekici de.</p> <p><strong>24. <a href="http://www.winnielim.com/">winnielim.com</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/54-24.png' alt="\"\"" border="0"><br></div> <p>Winnie Lin'in sitesinde beni en çok etkileyen şey sitede kullanılan grafiklerdeki yazılar. Sitenin sağ kısmında bulunan kitap tarzındaki navigasyonu da güzel. Tasarımı da fena değil.</p> <p><strong>25. <a href="http://nikibrown.com/">nikibrown.com</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/54-25.png' alt="\"\"" border="0"><br></div> <p>Bu site tam bir yıldız. Portakal renginin yanısıra beyaz ve ahşabın mükemmel bir kombinasyonu olan bu sitedeki beyaz içerik alanı gerçekten ön plana çıkıyor. Özellikle sağ üst kısımda bulunan ataç ayrıntısı ise beni benden alıyor. İçeriği rahatsız etmeyen bu tip ince detayları çok seviyorum. Site sanki gerçekten bir masa üzerine dağılmış gibi.</p> <p><strong>26. <a href="http://www.fortyagency.com/">fortyagency.com</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/54-26.png' alt="\"\"" border="0"><br></div> <p>Forty Agency sitesi de diğer pek çok site gibi tek sayfadan oluşan bir web sitesi. Pek çok tasarım elementini de sayfa içine sığdırmayı başarmışlar. Çok hafif yuvarlatılmış köşeler, oldukça fazla miktaarda yeşil ve post-it parçacıkları tasarımı tamamlayan öğeler arasında yer alıyor. Sonuçta ise ortalama bir müşterinin bir şirketten beklediği içeriğin tamamı tek bir sayfa üzerinden sunulmuş oluyor.</p> <p><strong>27. <a href="http://www.silverbackapp.com/">Silverbackapp.com</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/54-27.png' alt="\"\"" border="0"><br></div> <p>Ne mükemmel bir tasarım ama değil mi? John Hicks tarafından tasarlanan bir goril, mükemmel bir paradoks efekti (tarayıcınızı yeniden boyutlandırmayı deneyin) ve bir sürü muz. Sitenin tasarımı, içeriği hiçbir şekilde rahatsız etmeden pek çok tasarım elementini site içerisine eklemeyi başarmış.</p> <p><strong>28. <a href="http://www.31three.com/">31three.com</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/54-28.png' alt="\"\"" border="0"><br></div> <p>Jesse Bennet-Chamberlain'in portfolyosu. Jesse'nin sitesi, ona uygun renk seçimi ile gerçekten öne çıkıyor. Her bir ayrıntısı ile mükemmel bir site.</p> <p><strong>29. <a href="http://www.colingrist.com/">Colingrist.com</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/54-29.png' alt="\"\"" border="0"><br></div> <p>Özünde çok sade olan bu tasarımda en sevdiğim şey, logonun vurgulanma şekli. Başka söze gerek yok.</p> <p><strong>30. <a href="http://hicksdesign.co.uk/">Hicksdesign.co.uk</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/54-30.png' alt="\"\"" border="0"><br></div> <p>Ve son olarak John Hicks'in sitesi. Tasarımcı web üzerinde kullanılan, aralarında Firefox'un da bulunduğu pek çok logonun tasarımcısı. John'un sitesi sade version yan çubuğu sitenin genelinden ayrılmış. Arkaplanın kullanım şekli de ilgimi çekiyor.</p> <p>Benden bu kadar. Sizin de bu listeye eklemek istediğiniz tasarım şaheserleri var mı? Benim listeye eklediğim ancak sizce listede olmaması gereken siteler neler?</p> <ul> <li><strong>Kaynak</strong>: <a href="http://styl.eti.me/index.php/blog/posts/30_of_my_best_websites_on_the_internet/">styl.eti.me</a></li> </ul> <strong>Tasarım Örneklerine Dair Yazdığım Diğer Yazılar</strong> <ul> <li><a href="http://www.bildirgec.org/yazi/yesil-renkli-12-mukemmel-web">Yeşil Renkli 12 Mükemmel Web Sitesi</a></li> <li><a href="http://www.bildirgec.org/yazi/ucretsiz-ve-yuksek-kaliteli-100">Ücretsiz ve Yüksek Kaliteli 100 Tasarım Şablonu</a></li> <li><a href="http://www.bildirgec.org/yazi/en-iyi-25-tasarim-forumu">En İyi 25 Tasarım Forumu</a></li> <li><a href="http://www.bildirgec.org/yazi/45-ucretsiz-tasarim-sablonu-ve">45+ Ücretsiz Tasarım Şablonu ve PSD Dosyaları</a></li> <li><a href="http://www.bildirgec.org/yazi/themeforest-net-ten-30-kullanisli">Themeforest.net'ten 30 Kullanışlı Tema</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/muratti32">muratti32</a> tarafından <a href=" http://www.bildirgec.org/yazi/30-adet-mukemmel-tasarim-ornegi ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Sat, 21 Feb 2009 13:01:00 GMT 198399@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/30-adet-mukemmel-tasarim-ornegi