bildirgec.org - Lzerk - beğendikleri

anime ve manga çizim dersleri arşivi

Lzerk — Wed, 13 May 2009 17:16:00 GMT

manga sanatını sever misiniz?
peki manga veya anime tarzında çizimler yapmak ister misiniz?
cevabınız evetse birazdan sizi, bu tarz çizimler yapmanıza yardımcı olacak ders ve fırça setleriyle başbaşa bırakacağım. onun öncesinde birbiriyle bağlantılı olan manga, anime ve hentai ile ilgili şu güzel yazıya göz atabilirsiniz.

bildiride yer alan dersler yeni öğrenenler için gayet faydalı olmakla birlikte, manga karakterlerinin nasıl yaratıldığı kolay anlaşılsın diye bu dersler aşamalı bir anlatımla sunuluyor.

ayrıca bu derslerle birlikte farklı şekillerdeki anime tarzı gözlerin ve saç biçimlerinin nasıl oluşturulduğu ile ilgili anlatımları ve photoshopta kullanabileceğiniz fırça setlerini de bulabileceksiniz. bu kolay anlaşılabilir anlatımlar ve anime fırçaları derlemesi ile artık siz de kendi karakter çizimlerinizi yapabileceksiniz.

Drawing Anime Faces Tutorial

Anime Hair Shading Tutorial
(anime tarzı saç çizim dersi)

An Anime Eyes Tutorial
(anime tarzı göz çizim dersi)

Drawing Anime Hair

Anime Eyes Brushes

Anime skin colouring tutorial
(anime cilt renklendirme dersi)

Anime eye brush set

Anime - Drawing Tutorials

How to Draw Manga
(anime tarzı yüz çizim dersi)

Anime hairs brushes

Background Lighting Effects

Anime and manga brush

Anime eye Brush

Drawing Clothes And Folds

Anime Female Body Tutorial

Tutorial: Draw Eyes

Anime Eyes Photoshop Brushes

ve son olarak da vücut oranlarının nasıl ayarlandığı ile ilgili bir videolu anlatım.

Bu yazı Lzerk 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

Ücretsiz Yüksek Çözünürlüklü Çiçek Fırça Seti

Lzerk — Mon, 27 Apr 2009 14:12:00 GMT

Creative Commons lisansı altında yayınlanan ücretsiz yüksek çözünürlüklü fauna fırça setine aşağıdan ulaşabilirsiniz.

Önizleme

Lisans Detayı

Bu fırça seti creative commons tarafından lisanslanmıştır. kişisel veya ticari amaçlarınız için kullanabilirsiniz.

Fırça Setini İndirin

Bilgisayarınıza indirmek için buraya tıklayabilirsiniz.

ayrıca aşağıdaki yazılarda ilginizi çekebilir.

6 yüksek çözünürlüklü çöp fırça seti

20 Güzel Klasikleşmiş Photoshop Fırça Seti

22 Fantezi Photoshop Dersi ve 125 Photoshop Fırçası

35+ Faydalı Photoshop Eklentisi

web ve grafik tasarımcıları için harika kaynaklar

kaynak: sixrevisions
diğer yazılarım
yazılarımı rss üzerinden takip edebilirsiniz

Bu yazı Lzerk 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

bazı sitelerden hesap silme işlemi

Lzerk — Thu, 02 Apr 2009 16:03:00 GMT

internette hepimizin üye olduğunu birçok site, topluluk mevcut. bazen gerçekten ihtiyaçtan, bazen de öylesine üye oluyor, bizden istenilen bilgileri veriyoruz. verdiğimiz bilgilerin doğruluğu elbette bizi bağlıyor, sitenin bu bilgilerin tutarlı olup olmadığını sorgulama imkanı yok. ancak yine de bu bilgilerden neler yapılabileceğine dair komplo teorileri üretmek de mümkün. hatta bunların facebook ve google üzerine olanları internette dolaşıyor. her neyse, bizim konumuz üye olunan birkaç popüler siteden hesapların nasıl silineceği üzerine.

böyle bir yazıya ne gerek var? malumunuz, siteler her ne sebeple olursa olsun üye kaybetmek istemez. bu sebepten olacaktır ki hesap silme işlemleri zaman zaman meşakkatli olabiliyor. bu yüzden şurada konu açıklanmış, ben de burada belirtmek istedim.

yahoo
hesap silmenin iki yolu mevcut. 4 ay veya daha uzun süreyle hesabınızla ilgili bir işlem yapmazsınız (giriş yapma vb) hesabınız otomatik olarak kapanıyor. ikinci yol ise buradaki (Account Termination) bağlantıyı kullanarak hesabı feshetmek.

Facebook
silmek için benim de biraz uğraştığım bir site. facebook'un da iki yolu var. birincisi hesabı devre dışı bırakma (deactivate) yöntemi. bu yolda profilinizdeki bilgileriniz, arkadaşlarınız, fotoğraflarınız vs facebook bilgi bankasında kalıyor ancak ulaşılamıyor. facebook'ta Hesap Ayarları (Account Settings) bölümünden Hesap devre dışı bırak bağlantısıyla işleminizi halledebilirsiniz. ikincisi yol ise facebook'la tüm ilişiniğinizi kesiyor. buradaki bağlantıyı kullanarak size ait her bilgiyi facebook'tan kaldırabilirsiniz. ancak ola ki hesabınızı tekrar kullanmak aktif hale getirmek isterseniz birinci yolu kullanın. çünkü bu silme işleminin telafisi yok.

myspace
myspace hesap silme işlemi biraz daha kolay. hesabım bölümünden hesabımı iptal et bağlatısı ya da doğrudan buradaki bağlantıyla hesabınızı silebilirsiniz.

msn
yahoo gibi msn hesabını silmenin de iki yolu var. 30 gün hesap kullanılmaması halinede hesabınız etkisiz hale geliyor. 90 gün sonunda ise hesabınızla giriş yapamıyorsunuz. hesabınızı doğrudan silmek isterseniz de şurayı kullanabilirsiniz.

twitter
hesap silme işlemi için doğrudan bu bağlantıyı kullanabilirsiniz.

FriendFeed
hesabınızı silmek için burayı kullanabilirsiniz.

Bu yazı Lzerk 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

tüm zamanların en iyi 40 oyun kapağı tasarımı

Lzerk — Sat, 28 Mar 2009 13:22:00 GMT

video oyunlarının kapak tasarımları her ne kadar bizim için ikinci planda olsa da (elbette ilk planda oyunun özellikleri vardır) aslında dikkatimizi çeken ilk unsurladan biridir. bu yüzden herhangi bir film afişi tasarımına gösterilen dikkat, aynı şekilde oyun kapak tasarımlarında da kendini gösterir. tutsplus adlı site, bu video oyun kapaklarını ele almış ve tüm zamanların en iyi 40 video oyun kapağına yer vermiş. gelin bir bakalım:

40 - Diablo II
bu sene içinde üçüncüsünü (diablo 3) yayınlayarak hayranlarını yine kendisine bağlayacak olan diablo'nun ikincisi, cehennem temalı kapak tasarımı ile bu listeye son sıradan girebilmiş.

39 - crysis
bizim için ayrı bir yeri olan bu oyunun kapak tasarımında, güç elbisesini giymiş kahramanı nasıl bir ortamın beklediği az da olsa belirtilmeye çalışılmış.

37 - fallout 3 / killzone 2
bu sırayı iki oyun paylaşıyor.

31 - gears of war
Unreal Engine 3.0 oyun motorunu kullanan oyun, Epic Games tarafından geliştirilip, Microsoft Game Studios tarafından yayınlanmış.

28 - Elder Scrolls IV: Oblivion
2006 yılında piyasaya sürülmüş, rpg tarzı, elder scrolls serisinin son oyunu.

24 - Mass Effect
BioWare tarafından geliştirilen rpg türü bir oyun.

21 - World of WarCraft
Blizzard Entertainment firması tarafından geliştirilen ve dünyayı kasıp kavuran bir devasa çevrim içi rol yapma oyunu.

19 - Far Cry
2004 yılında crytek firması tarafından piyasaya sürülen, fps türü, far cry serisinin ilk oyunu.

16 - Half Life 2
oyunun başkahramanı olan Gordon Freeman'ı kapağa taşımış olan 2004 yılı çıkışlı ve fps türünde kilometre taşı olarak kabul edilen half life serisinin 2. oyunu.

15 - StarCraft
yayınlandığı döneme damgasını vuran Blizzard Entertainment tarafından piyasaya sürülen ve 1998 yılının en iyi oyunu seçilen oyun, gerçek zamanlı bir strateji oyunu.

13 - Halo serisi
Xbox oyun konsolunun piyasaya sürülmesiyle başlayan halo serisi, birçok oyun dergisine göre tüm zamanların en iyi oyunu olarak gösteriliyor. bunun dışında kapak tasarıma taşınan oyunun başkahramanı Master Chief, dünyada en çok tanınan oyun karakterlerinden birisi.

12 - doom serisi
1993 senesinde id software tarafından piyasaya sürülen FPS türünde efsane oyun. hatta 2005 yılında sinemaya da uyarlanmıştır.

7 - Mortal Kombat
acclaim entertainment tarafından ilk olarak 1992 yılında piyasaya sürülen karşılıklı dövüş oyunu.

3 - Super Mario Bros.
1985 yılında nintendo tarafından piyasaya sürülen efsane oyun, kapak tasarımına süper marioyu pikselleriyle birlikte taşımış.

1 - Grand Theft Auto IV
Rockstar tarafından geliştirilen gta serisinin en çok kazandıran ve üzerinde çok konuşulan çok tartışılan son oyunu.

son olarak listenin tamamına buradan ulaşabilirsiniz.

Bu yazı Lzerk 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

40 Adet Logo Tasarım dersi

Lzerk — Sun, 29 Mar 2009 10:00:00 GMT

Logolar her zaman için bir kimlik taşırlar. iyi bir logo için küçük detaylar ya da büyük anlamlar katmak gerek işlerimize. Kendinizi geliştirmek için yararlı olacağına inandığım 40 logo tasarımı dersi derlemesi geliyor şimdi de. Buyrun efendim .

1. Logo Design Video Tutorial

2. Custom Design Logo

3. Planet Logo

4. Skype Logo Tutorial

5. Logo Tutorial

6. Create an Elegant Logo

7. How to Create the Volkswagen Logo

8. Cool Music Logo on a Grunge Background

9. Creating the Sky Logo

10. Making the ATI Logo

11. Web Design Studio Logo

12. Design a Grungy Circular Logo

13. Glassy Logo Box

14. How to Make the Windows Vista Logo

15. A Logo Tutorial in Illustrator and Photoshop

16. Dezining the Dezinerfolio's Logo - Web 2.0'ish

17. How to Create the Sony Ericsson Logo

18. Design the Firefox Logo in Photoshop

19. Jelly Remake Logo

20. Create a Modern Green Logo

21. Recreating the You Tube Logo

22. Versus Inspired Photoshop Logo Tutorial

23. Methods of Drawing Web 2.0 Logos

24. Logo Presentation Tutorial

25. 3D Encide Logo Tutorial

26. Rainbow Logos with Warped Grids

27. Basic Logo Design

28. How to Design a Logotype

29. Step by Step Logo Design

30. Logo Design Project Walk Through

31. Create a Fly Logo Design

32. Silhouette Logo for a Steak House

33. 3D Logo Tutorial

34. Crazy Cool Logo Tutorial

35. A 3D Logo Tutorial

36. Design a Print Ready Beer Label in Illustrator

37. Create a Environmentally Friendly Green Type Treatment

38. web 2.0 Logo Reflection Logo

39. Design a Killer Logo

40. The Logo Design Process for Ultimate Potential

Kaynak : Psdtuts

Bu yazı Lzerk 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

Onlarsız Yapamayacağınız 20 Tipografi Uygulaması

Lzerk — Sat, 21 Feb 2009 08:13:00 GMT

Typechart

Typechart uygulaması ile CSS kodunu incelerken aynı zamanda çeşitli web tipografi örnekleri arasında gezinebilirsiniz. Tüm tipografi stilleri arasında gezinebilir ve ilgilendiğiniz tipografinin CSS kodunu indirebilirsiniz. Eğer siz de farklı tipografi örnekleri ile ilgileniyor ancak çapraz tarayıcı uyumlu kod yazmak için saatler harcamak istemiyorsanız, bu araç oldukça işinize yarayacaktır.

CSS Type Set

Bu mükemmel araç üzerinden ilgilendiğiniz metni girebilir ve ardından yüzlerce farklı CSS tercihleri üzerinde değişiklikler ypabilirsiniz. İstediğiniz sonuca ulaştığınızda ise tek yapmanız gereken şey, sunulan CSS kodunu kopyalayıp siteniz üzerinde kullanmak.

Typetester

Typetester çevrimiçi bir uygulama olup üç adede kadar yazı tipini karşılaştırmanıza ve beğendiğiniz yazı tipine daha kolay karar verebilmenizi sağlıyor. Uygulamanın ana amacı web tasarımcılarının hayatlarını daha da kolaylaştırmak.

STC font BROWSER

Bu uygulama aracılığı ile farklı yazıtiplerini kullanarak dilediğiniz metnin ilgili yazı tipi üzerinde nasıl görüneceğini inceleyebilirsiniz.

Font Tester

Font Tester, ücretsiz bir yazı tipi karşılaştırma aracıdır. Uygulama üzerinden farklı yaztiplerini yan yana getirip karşılaştırabilir ve sonuç üzerine CSS kodları uygulayarak sonucu eş zamanlı olarak görebilirsiniz.

CSSTXT

CSSTXT, CSS ile metin blokları oluşturup onların stillerini yönetebilmenizi sağlıyor. letter-spacing, word-spacing, font-size, line-height, border, font-family, align ve color özelliklerinden birini seçmeniz mümkün.

WhatTheFont

Daha önce hiç herhangi bir basılı ya da görsel malzeme üzerinde gördüğünüz bir metinde kullanılan yazı tipinin ne olduğunu merak ettiğiniz mi? Artık bu uygulama ile bu sorun olmaktan çıkıyor. Yazı tipini öğrenmek istediğiniz metnin görselini siteye gönderin ve çok kısa bir süre içerisinde kullanılan yazı tipinin ne olduğunu öğrenin. Mükemmel!

Font Picker

Bu basit uygulama sisteminizde kurulu olan tüm yazıtiplerini gösteriyor ve üzerinde çalıştığınız proje için en uygun yazı tipini belirlemenize yardımcı oluyor.

Wordle - Güzel Kelime Bulutları

Wordle, uygulamaya sunduğunuz metin üzerinden kelime bulutları oluşturabilmenizi sağlıyor. Metin üzerinde daha sık kullanılan kelimeler, kelime bulutu üzerinde daha belirgin hale geliyorlar. Bulutunuz üzerinde farklı yazıtipleri, anahatlar ve renk şemaları kullanarak özelleştirme yapmanız da mümkün.

Typotheque - Yüksek Çözünürlüklü Yazı tipi Testçisi

Sadece site üzerinden satın alabileceğiniz yazıtipleri ile sınırlı olan bu uygulama aracılığı ile yazıtiplerinize farklı stiller uygulayabilir ve çıktısını PDF biçiminde alabilirsiniz.

Linotype Yazı tipi Bulucusu

WhatTheFont uygulamasının aksine bu uygulama bulmaya çalıştığınız ya da kullanmak istediğiniz yazı tipi ile ilgili size bir dizi soru yöneltiyor ve ardından size bazı yazıtiplerini öneriyor.

Font Burner

Font Burner web sitelerine yönelik bir iyileştirmeleri olup web sitenize kolayca yeni yazıtipleri dahil edebilmenizi sağlıyor. Web siteleri genellikle tüm bilgisayarlar üzerinde gelen yazıtipleri ile sınırlıdırlar. Font Burner işte bu sorunu ortadan kaldırarak, sitenize ekleyeceğiniz birkaç satırlık bir kodun ardından dilediğiniz yazı tipini kullanabilmenizi sağlıyor.

sIFR

sIFR uygulamasının kullandığı yöntem Font Burner ile benzerlik taşıyor. Bu kod yardımı ile siteniz üzerinde hem dilediğiniz yazı tipini kullanabilme özgürlüğüne sahip olacaksınız, hem de arama motoru optimizasyonundan, erişilebilirlikten ya da kodunuzun kalitesinden ödün vermeyeceksiniz.

Identifont

Typotheques benzeri bir uygulama olan Identifont ile birkaç soruyu yanıtlayarak çeşitli yazı tipi önerilerine ulaşabilirsiniz. Uygulama ayrıca ilgili yazı tipinin kullanıldığı örnek bir metni de gösteriyor.

TypeNavigator

İnteraktif görsel yazı tipi arama motoru TypeNavigator, özellikle kullanmak istediğiniz yazı tipi stilinin aşağı yukarı nasıl olduğunu bilen tasarımcılara ilgili stile en yakın yazı tipi örneğini sunarak yardımcı olmayı hedefliyor. Açıklama size karmaşık gelmiş olabilir ancak siteyi kullanması oldukça kolay ve anlaşılır. Girin ve kendiniz test edin.

PXtoEM Conversion

Her ne kadar uygulamanın adı pixel'den em'e dönüştürücü olsa da uygulamanın kendisi bundan çok daha fazlasını sunuyor. Sayfanın üzerinde yer alan Convert (dönüştür) düğmesine tıklayın ve ardından body yazı tipi boyutunu seçin. Site verdiğiniz bu bilgiler ışığında size tüm dönüştürme verilerini sunuyor. Ardından sayfanın en üst kısmında yer alan CSS düğmesine tıklayarak ilgili örneğin CSS kodunu alabilirsiniz.

EM Hesaplayıcı

Em Calculator küçük bir JavaScript aracı olup özellikle genişletilebilir ve erişilebilir CSS tasarımları oluşturabilmenizi sağlıyor.

Baseline Rhythm Calculator

Temel yazı tipi boyutunu pixel değerinde girin ve adından temel satır yüksekliğinizi yine pixel değerinde girin. İlgili uygulama üzerindeki metin girdiğiniz veriler ışığında otomatik olarak değişecek ve sizin için bir CSS kodunu da otomatik olarak oluşturacaktır. Sırf eğlenmek için yazı tipi boyutu kısmına 99999999 girin ve ardından font-size kutusunu bulmaya çalışın.

Fontifier

Fontifier, bilgisayarda yazdığınız yazılarda kendi el yazınızı kullanabilmenizi sağlıyor. Site, el yazınızla yazılmış bir metnin taranmış bir örneği üzerinden kullanılabilir bir yazı tipi dosyası oluşturuyor, ve siz tıpkı Helvetica ya da Arial gibi sitenin oluşturduğu yazı tipini de projelerinizde kullanabiliyorsunuz.

Font Editor Bitfont Maker

BitfontMaker uygulaması üzerinden kendi yazı tipinizi oluşturabilirsiniz. Eğer siz de bu tip benzeri yazı tipi oluşturma araçları ile haşır neşir değilseniz, kullanımı oldukça kolay olan bu uygulamayı seveceksinizdir.

Kaynak: Speckyboy Design Magazine

Web Araçları Üzerine Yazdığım Diğer Yazılar

Bu yazı Lzerk 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örmeniz gereken 50 adet ücretsiz photoshop fırça seti (yüksek kalitede)

Lzerk — Sat, 21 Feb 2009 10:35:00 GMT

photoshop kullanan veya photoshop ile tasarım yapan herkes yeri geldiğinde mutlaka farklı brush'lara ihtiyaç duyar. tasarımcıların da en iyi arkadaşı sayılan photoshop fırçalarının kaliteli olmaları da beklenen önemli özelliklerinden biridir.
ve bu bildiride kullanmayı isteyeceğiniz 50 adet yüksek kalitede ücretsiz photoshop fırça setine yer vereceğiz.

20 yüksek kaliteli damga fırçası

Graphic Pack/ 152 adet photoshop fırçası

ps7, ps8, ps9 ve ps10 için 45 adet ay fırçası.

Old brushes

Line Brushes

Rock Star Brushes

photoshop için duman fırçaları

Pencil Brush

Girl Brushes

duvar temalı çalışmalarınız için 15 farklı photoshop fırçası

lens, film ve kamera için 8 adet fırça

yeni stil cs4 fırçaları

8 fantastik kelebek fırçası

Metal Brushes

fotoğrafçılık ile ilgili photoshop fırçaları

20 adet müzik nota fırçası/ musical note brushes

geriye kalan 29 adet photoshop fırça setine ise buradan ulaşabilirsiniz.

Bu yazı Lzerk 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

30 Adet Mükemmel Tasarım Örneği

Lzerk — Sat, 21 Feb 2009 13:01:00 GMT

İ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.

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.

1. sifterapp.com

Gerçekten sade, tek sütunlu ve hafif bir web sitesi. Pastel renk şeması kullanılmış.

2. spadewerk.com

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.

3. mailbuild.com

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.

4. culturedcode.com/things

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.

5. UXLONDON

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.

6. Design Commission

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.

7. YouKnowWhoDesign.com

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ış.

8. unblab.com

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ş.

9. training.collectiveidea.com

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.

10. macrabbit.com/espresso

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ş.

11. Carbonica.org

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.

12. Thinkdesignblog.com

Derinin, ahşabın ve kullanılmış kağıdın muhteşem bir şekilde kullanıldığı mükemmel bir site.

13. 13creative.com

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.

14. Friskdesign.com

Okyanus temalı bir web sitesi.

15. delugestudios.com

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ı.

16. designme.sk

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ış.

17. nikolamircic.com

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.

18. metalabdesign.com

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.

19. Pixelmator.com

Sanırım bunda herkes hemfikir olacaktır. Detaylarına inmeye gerek yok. Tek kelime ile mükemmel bir web sitesi.

20. guilhermeneumann.com

Guilherme Neumann'ın çok güzel ve net bir portfolyosu var. Her bir örnek üzerinde ise ona ait açıklama beliriyor.

21. taptaptap.com

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.

22. Django Project

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.

23. rawkes.com

Uzay teması ile tamamlanan Rob Hawkes'in portfolyosu sade olduğu kadar görsel anlamda çekici de.

24. winnielim.com

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.

25. nikibrown.com

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.

26. fortyagency.com

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.

27. Silverbackapp.com

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ış.

28. 31three.com

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.

29. Colingrist.com

Özünde çok sade olan bu tasarımda en sevdiğim şey, logonun vurgulanma şekli. Başka söze gerek yok.

30. Hicksdesign.co.uk

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.

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?

Kaynak: styl.eti.me

Tasarım Örneklerine Dair Yazdığım Diğer Yazılar

Bu yazı Lzerk 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

96 Üst Düzey Bilgisayar Kullanımı Örneği

Lzerk — Tue, 03 Jun 2008 20:59:00 GMT

Bilgisayar tutkusu mu? şımarıklık mı? yoksa gerçekten ihtiyaç mı?

nerdbusiness.com sitesinin blog bölümünde listelenmiş, 3+ monitörlü, 2 klavyeli ve çeşitli aksesuarlar ile donatılmış bilgisayarlar görenleri hayrete düşürecek cinsten.

Listenin tamamını görmek için bu sayfaya, daha fazlası için buraya bakabilirsiniz.

Bu yazı Lzerk 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

Resim Koruma Teknikleri

Lzerk — Sat, 24 Jan 2009 15:38:00 GMT

Web sitelerimizde yer alan resimlerin kopyalanmaması için bahsedeceğim çeşitli teknikler uygulanabilir. Bu resim koruma yöntemleri bir takım önlemler olsalar da yine de kopyalanmamayı garanti edemez. En basitinden ekran kopyala (print-screen) tuşu bile resmi kopyalamaya yetecektir.

Resim koruma önlemleri:

1. Sağ tuş kilitleme (disable right click): Resmin üzerinde sağ tıklayıp "resmi kaydet"i önler.
Bakınız: No right click
Ayrıca: jQuery Plugin for no right click

2. Internet Explorer 6 Image Toolbar'ı kaldırma (Disable IE6 Image Toolbar): Resmin üzerine gelindiğinde otomatik görünen kaydetme seçeneğini kaldırır.

Disable IE6 Image Toolbar

3. Gerçek resmin üzerine boş resim koymak: Bu yöntemde gerçek resminizi "div" etiketi içinde arka plan resmi olarak kullanıyorsunuz. Transparan boşluk resminizi de aynı boyutlarda gerçek resimmiş gibi kullanıyorsunuz. Orijinal resmi gören kişi resmi kaydetmeye çalıştığında "blank-boşluk" resmi kaydetmiş olacaktır.

Bu problemin çözümü için iki javascript framework'ü oluşturulmuş:

dwProtector for MooTools
dwProtector for jQuery

4. Bir diğer yöntem JPG, GIF, BMP veya PNG gibi normal resim türleri yerine flash kullanmak.

Bu amaç için yapılmış bir uygulama: swfIR (swf Image Replacement).

5. Bildiğimiz bir yöntem de resimlerin üzerine yazı yazmak. Bu yöntem iki şekilde gerçekleştirilmekte. Birincisi çeşitli program veya siteler üzerinden yazılar eklenmekte (watermark). Online watermark işlemi için buraya ve şuraya bakabilirsiniz. İkincisi ise bizzat server'ın kendi tarafında orijinal resim ekrana basılırken yazı eklenerek basılması işlemi. Bunun için de şuraya bakabilirisiniz.

Image Watermarking

6. Bir diğer yöntem de resmin parçalara ayırılıp (image splitting) kullanılması. Şu sitede örneğini göreceğimiz gibi güzel bir yöntem.

7. Resimlerin dizinlerine erişimi ya da botların resimleri çekmesini engellemek: Bu yöntemde alınacak önlemler htaccess üzerinde hotlinking koruması ile ve robots.txt ile izin verip vermemeyle yapılabilir.

Örnek robots.txt:

User-agent: * Disallow: /cgi-bin/ Disallow: /images/

User-agent: vscooter
User-agent: DittoSpyder
User-Agent: Googlebot-Image
User-Agent: psbot Disallow: /

8. Son olarak da aklıma gelen bir yöntem olarak görüntü işlemeden bahsetmek istiyorum. Bu yöntemde "resmin içine yazı saklama" gibi copyright yazısı ya da site adresi gibi bilgilerin farkettirmeksizin resmin için de saklanmasıdır. Belirli kurallar çerçevesinde bazı piksellerin renk değerlerinde ufak değişiklikler ile bu yapılabilir ve uygulama yazılabilir.

Bu yazının hazırlanmasında buradan ve şuradan yararlanılmıştır.

Bu yazı Lzerk 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