bildirgec.org - CihanErgur - beğendikleri

www - ilk adımlar (alan adı, blog, google)

CihanErgur — Sun, 19 Oct 2008 08:46:00 GMT

1. alan adı nedir
2. alan adı seçimi
3. alan adı almak
a) icann
b) aracı firmalar
c) backorder
4. alan adı transfer etmek
5. ücretsiz servisler
a) blogger
b) google aps
c) ücretsiz hosting
6. hosting nedir?
a) paylaşımlı hosting
b) dedicated hosting
c) vps
d) Co-Location
e) reseller hosting
7. alan adı ayarlarını yapmak
a) google
b) hosting
c) gmail

1. Alan adı nedir? (Domain Name System)

2. Alan adı seçimi.

Alan adı seçimi proje/marka bazlı olmadığı sürece sancılı geçiyor sanırım.
Elinizde bir proje ya da marka yoksa, sadece kişisel bir site ya da blog yapmayı düşünüyorsanız içinize sinecek, ihtiyaçlarınızı tam anlamıyla karşılayabilecek ve kendinizle özdeşleştirebileceğiniz bir alan adı bulmak kolay değildir.
Genelde insanlar takma adlarını, ad/soyad birleşimini ve kendi kombinasyonlarıyla oluşturdukları anlamlı/anlamsız kelimleri kullanmaktadırlar.

Alan adı seçerken nelere dikkat edilmelidir?

1. Kısa olmalıdır.
2. Akılda kalıcı/Kolay hatırlanabilir olmalıdır. (bildirgec)
3. iki kelimenin ya da kısaltmanın birleşmesinden oluşuyorsa uyumlu olmalıdır. (Sosyomat)
4. Mümkünse jenerik isim olması daha iyidir. (hafif)
5. Sizle veya sitenin içeriği ile bağıntılı olmalıdır. (10marifet)
6. alan adlarındaki türkçe karakter uyumsuzluğu nedeniyle anlamı bozulan kelimelere dikkat edilmelidir.
7. tavsiyeleriniz?

3. alan adı almak
öncelikle bazı konulara değinmek gerekirse; alan adı (domain name) bir site sahibi olmak değildir. alan adı 212.20.122.85 gibi bir adreste bulunan (bkz.1.madde)(sunucu) dosyalarınıza kolay ulaşılmasını sağlayan bir köprü vazifesi görür. alan adı alarak bir site (hosting) sahibi olmazsınız fakat hosting alarak ücretsiz alan adı sahibi (promosyon yapan firmalar ile) olabilirsiniz.

alacağınız alan adını belirledikten sonra icann onaylı bir firmadan kredi kartı/havale yoluyla satın alabilirsiniz. havale yöntemi yerli firmalar için geçerlidir. kredi kartı ile alınan alan adları müsaitse anında kayıt edilir. havale yoluyla alınan alan adlarının kayıt işlemi en az 3 gün sürebilmektedir.

a) icann
Alan adlarıyla ilgili kararları alan, yetkilendirmeleri, düzenlemeleri ve denetimleri yapan yarı bağımsız bir vakıftır. Merkezi amerika'dadır ayrıca belçika'da da ofisi bulunmaktadır.

b) icann accredited
icann tarafından alan adı satışı konusunda yetkilendirilmiş/ruhsatlandırılmış demektir. firma listesi.

c) aracı firmalar
bazı icann accredited firmalar satışlarını artırmak maksadıyla domain reseller paketleri çıkarmışlar ve bu paketi alan aracıların kendi siteleri üzerinden api'ler sayesinde domain satmalarına olanak tanımışlardır.
icann tarafından yetkilendirilmemiş şahıslar bu sayede alan adı satışı yaparak belli oranlarda kar sağlamaktadırlar. bu pazarlama tekniği işleyişi bakımında güzel görünsede bazı uyanık girişimciler api'lerde değişiklik yaparak etik olmayan davranışlarda bulunmaktadırlar. bu aracı firmalardan uzak durmanız her zaman faydanızadır.

d) backorder nedir?

alan adı alırken nelere dikkat etmeliyim?
1. icann tarafından yetkilendirilmiş olması en önemli noktadır.
2. alan adı'nın yanında verdiği ek hizmetler önemlidir (ücretsizi makbuldür).
3. alan adı yönetim paneli'nin kullanışlılığı.
4. yaptığınız ayarların aktif olma süreleri.

4. alan adı transfer etmek
Alan adınızı aldığınız firmanın verdiği hizmetten memnun değilseniz başka bir firmaya transfer edebilirsiniz. Transfer işlemi bir iki detay dışında yeni alan adı almaktan farklı değildir. Kurallara uyduğunuz sürece işlerin ters gitme olasılığı düşüktür.

Transfer işlemine başlamadan önce:
1. Alan adı kayıt tarihinden sonraki 60 gün transfer işlemi yapmayınız.
2. Alan adı kayıt süresinin bitimine 30 günden az ise transfer işlemi yapmayınız.
3. Alan adı süresini uzattıktan sonraki 45 gün süresince transfer işlemi yapmayınız.
4. transfer işlemine başlamadan evvel alan adı kilidini açmayı unutmayınız. (whois bilgilerinde status:ok olup olmadığını kontrol edin)
5. Onaylama kodunu bir kenara not ediniz. (Authorization Code)
6. Alan adını alırken kullandığınız e-posta hesabının çalıştığından emin olunuz.

Transfer işlemi: Alan adını transfer etmek istediğiniz firmaya üye olduktan sonra "domain transfer" linkine tıklayıp doğrulama kodunu girdikten ve ödemesini yaptıktan sonra transfer süreci başlamış olur.
(Alan adını alırken kullandığınız e-posta hesabına gönderilen mesajda bulunan onay linkine tıkladıktan sonra.)

Domain Status Alan adının durumunu gösterir. Kilitli/Locked vb. alan adı kilidini "domain transfer" işlemi haricinde kapalı tutunuz.
Domain kilidi aktif ise whois bilgileri şu şekilde görülür.
(Firmaya göre değişebilir.)
Registrar Status: clientDeleteProhibited (Silinemez)
Registrar Status: clientTransferProhibited (Transfer Edilemez)
Registrar Status: clientUpdateProhibited (Güncellenemez)
(ayrıca transfer edilen alan adlarının whois bilgilerinde transfer sürecini belirten bir gösterge daha mevcuttur)

Authorization Code
Bir domain satın aldığınızda rastgele bir kod üretilir ve domainle ilişkilendirilir. her alan adının kendi doğrulama kodu vardır.
Ne işe yarar? alan adını başka bir firmaya transfer etmek istediğinizde transfer etmek istediğiniz firma bu kod olmadan transfer işlemini başlatamaz. güvenlik ve doğrulama amaçlıdır.

5. ücretsiz servisler
internetin gelişmesinde rol alan etkenler arasında ücretsiz servisleride gösterebiliriz. son dönemde kalitesi ve çeşitliliği artan ücretsiz servisler sayesinde internet kullanıcıları içerik sağlayıcı, yayıncı ve geliştirici konuma gelmişlerdir.
(cjb.net ve 8m.com gibi servileri hatırlayan arkadaşlar vardır mutlaka.)
web sitemizi yaparken bu ücretsiz servislerin bize ne gibi bir katkısı olabilir?

a) blogger
alan adınızı aldınız fakat işi kavrayana kadar barındırma (hosting) parası vermek istemiyorsanız blogger sizi bekliyor.
özellikleri:
1. alan adı desteği
2. eklenti desteği
3. kolay kullanım
4. tema desteği
5. güvenlik
6. yazar ekleyebilme
7. kolay adsense ekleyebilme (google reklamları)
vb. bir çok özelliği bulunan ve yeni başlayanlar için en rahat/beleş barındırma hizmetidir.

b) google aps
(e-posta, takvim, döküman, sayfalar vd.)
alan adınızı aldınız, barındırma (hosting) olayınıda çözdünüz sıra geldi ismim@alanadim.com şeklinde mail adresi edinmeye.
alan adı satan bazı firmalar belli sayıda ve kapasitede ücretsiz mail hizmeti versede pek kullanışlı değil açıkçası.
daha fazla mail hesabı açabileceğimiz, gelişmiş spam koruması bulunan bir servisi nereden buluruz? en beleşinden olsun diyorsanız google aps'ı tavsiye ederim. (ücretli sürümleride mevcut)
tercihiniz google aps yönündeyse 7. maddeyi inceleyebilirsiniz.

c) ücretsiz hosting
bazı firmalar reklam amaçlı ve pazarlama tekniği olarak ücretsiz hosting hizmeti vermetedr. malesef bunlar arasında uzun soluklu hizmet verebilen firma sayısı azdır ayrıca size verdikleri hizmet karşılığı olarak sitenize kendi reklamlarını eklemekte ve güvenlik/performans amaçlı kısıtlamaya gitmektedirler.
bu tür hizmetler veren firmalarda barındırdığınız sitelerin düzenli olarak yedeğini almayı ihmal etmeyiniz.
ücretsiz hizmet veren iki adet firma (uzun süredir bu hizmeti vermekteler.)
awardspace - 000webhost
- yönleri: siteniz yavaş açılır. yüklediğiniz scriptler düzgün çalışmayabilir. bağlantı problemleri yaşayabilirsiniz.

6. barındırma (hosting) nedir?

a) paylaşımlı hosting (Shared hosting)
en ekonomik hosting şekli diyebiliriz (beleş değil). belli bir fiziki altyapının birden çok hesaba paylaştırılarak satılması prensibine bağlı olduğu için ucuzdur fakat performans/güvenlik sorunları çıkabilir, hatta siteniz fazla hit alırsa kovulabilir ya da suspend (verilen hizmetin durdurulması) yiyebilirsiniz.
bu tür hosting hizmetini kullananların son yedeklerini düzenli almaları tavsiye edilir zira bazı firmalar suspend attıkları müşterilerinin database'ini (veritabanı) uçurmaktan zevk alır.

b) kiralık sunucu (dedicated hosting)
siteniz çok hit alıyorsa a) maddesinin sizin için sağlıklı bir çözüm olmayacağı ortada. bu gibi durumlarda sunucu kiralamak en iyi çözümdür.
kiraladığınız sunucu size ait (kullanımı) olur ve başka site barındırılmaz. tüm yetkiler sizdedir fakat bu hosting türünün çeşitlerine dikkat etmeniz gerekir. verilen hizmete/sunucu özelliklerine/yazılım özelliklerine ve yönetim şekline göre fiyatlandırma yapılır.

c) paylaşımlı kiralık sunucu (Virtual Private Server/vps)
b) maddesindeki sunucu sizin için pahalı geldiği, a) maddesindeki hosting hizmetininde yetersiz kaldığı durumlar için icad edilmiş barındırma hizmetidir.
nasıl yani? b) maddesindeki hizmet orta halli bir webmaster için pahalı (masrafları çıkartmak zor) olduğundan bu sunucuyu sanal olarak bölerek sanki tek sunucuymuş ve sadece size aitmiş gibi (cpu kullanım oranları paylaşımlı hosting hizmetine göre daha yüksektir.) kullanmanızı sağlarlar.

d) Sunucu barındırma (Co-Location)
Size ait bir sunucuyu barındırma hizmeti veren bir veri merkezinde (data center) bulundurmak.

e) reseller hosting
3. madde, b) şıkkında açıklanan taktiğin barındırma için uygulanmış halidir.
bazı webmaster'lar müşterilerinin sitelerini bu yöntemle kendileri barındırmaktadırlar.

7. alan adı ayarlarını yapmak
alan adınızı aldınız ve barındırma tercihinizide yaptınız sıra geldi ayarları yapmaya.

a) blogger
google firmasının google aps adı altında sunduğu çeşitli hizmetleri bulunmaktadır. bu hizmetlerin çoğunu zaten alan adınız olmasada kullanabilmektesiniz. peki bu hizmetleri alan adımız ile ilişkilendirip kişiselleştirerek kullanmak istersek ne yapmalıyız?
google aps ücretsiz servisler: blogger, docs, takvim, gmail (ayrıca anlatılacaktır), google siteler, Google Talk, başlangıç sayfası.

1. blogger ayarları:
bir blog açıp (ismi önemli değil) oturum açınız (blogger'a giriş yapmak).
blogger/ayarlar/yayımlanıyor bölümünü açıyoruz ve alan adı (custom domain) linkine tıklıyor, oradanda diğer ya da gelişmiş seçenekler olması lazım (Switch to advanced settings) linkine tıklıyoruz.

yukarıdaki bölüme alan adımızı (blog.adim.com da olabilir) ekliyor ve kaydediyoruz.

kaydetme işleminden sonra önceden alan adımızı yazdığımız bölümde ekstradan bir seçenek çıkıyor. alan adınıza www ile de ulaşılmasını istiyorsanız (bu bölümü işaretlemezseniz www. yazıldığı taktirde sitenize ulaşılamaz) seçeneği işaretleyip kaydet butonuna basıyoruz.
blogger da alan adımız ile yapacağımız işlemler bitti, sıra geldi alan adımızı aldığımız firmadaki ayarları yapmaya.

alan adını aldığımız firmanın sitesine giriş yapıp yönetim paneline geliyoruz.
"dns zone" bölümünü açıyoruz (bazı firmalarda bu bölüme girmek için alan adı kilidini açmanız gerekebilir) ve "Yeni DNS Kaydı Ekle" (add to new record) butonuna basıyoruz.

ister resimdeki gibi A name ekleyebilir (ip adresi ile www li ve www siz olarak eklenir.) isterseniz cname seçeneğini seçerek alttaki resimde olduğu gibi ekleme yapabilirsiniz. (farkı: ip adresi yerine ghs.google.com adresi ekleniyor)

blog.alanadi.com şeklinde kullanmak isterseniz "domain adı giriniz" bölümüne blog yazabilirsiniz. (blogger'a eklediğiniz domain ile aynı olmalıdır)
(cname ile yapılan yönlendirmelerde ara sıra kopmalar olabiliyor.)
ayarların aktif olması hizmet aldığınız firmaya göre değişebilir. aktif olduğu zaman blogger blogunuza kendi alan adınızla ulaşabilirsiniz.

b) hosting
hosting hizmetini bir firmadan aldıysanız (ücreti mukabilinde) size bir name server adresi (ek olarak sunucu/ip kiralamadıysanız) vermiş olmaları lazım ya da sitelerinde bu konuda bilgilenrime yazısı bulunması.
ns1.nameserver.com şeklindeki (genelde 2 tane olur ns1 ve ns2 şeklinde başlar, daha fazlada olabilir.) adresi alan adını aldığınız firmanın kontrol panelini açarak name server ekleme bölümüne ekleyiniz.

ayarların aktif olması firmadan firmaya değişebilir, süre 24 saat ila 3 gün arasında uzayabilir.

c) google aps/gmail
neden hosting firmasının ya da alan adı firmasının bize verdiği ücretsiz mail hizmeti değilde google aps? sorusunu sorabilirsiniz.
1. daha kaliteli mail hizmeti.
2. yüksek kapasite.
3. iyi bir antispam (çöp/reklam mesajları) koruması.
4. daha fazla kullanıcı hesabı oluşturabilme.
5. takma ad özelliği ile spam takibi (en sevdiğim özellik).
şeklinde cevaplayabiliriz sanırım. eksi yönleri yok mu?
olmazmı hiç: ara sıra e-posta hesabınıza ulaşamayabilirsiniz. çok nadir.

gelelim gmail'i kendi alan adımız ile kullanmak için yapmamız gereken ayarlara.
buradan google/aps sayfasını açıyoruz ve hangi sürüm bizim için uygunsa onu seçiyoruz. (makbulü ücretiz olan fakat mail hizmetini bir firma için almayı düşünüyorsanız ticari sürümü tavsiye olunur.)
açılan sayfadan "Yönetici: Bu etki alanı bana ait veya benim tarafımdan kontrol ediliyor" seçeneğini seçerek alt kısıma alan adımızı yazıyoruz.

yeni açılan sayfadaki formu doldurup kaydı tamamlıyoruz ve formda belirttiğimiz mail hesabına gelen bilgileri okuyoruz.

açılan google aps sayfasında bulunan (üstteki resim) "Etki alanının size ait olduğunu doğrulayın" linkine tıklıyoruz.

karşımıza resimdeki gibi bir sayfa çıkacak, cname kaydınızı değiştirin seçeneğini seçiyoruz ve alan adını aldığımız firmanın dns zone (yukarıda bahsedildi) bölümüne girip aps sayfasında bize verilen "googleffffffff8236cf49" şeklindeki kodu bir cname kaydı ile google.com adresine yönlendiriyoruz.

son yaptığımız yönlendirme aktif olduktan sonra aps sayfasına dönüp "doğrula" butonuna basıyoruz ve otomatik olarak anasayfaya yönlendiriliyoruz.

yönlendirildiğimiz sayfadan üst resimde görünen "e-postayı etkinleştir" linkine tıklıyoruz.

açılan sayfada bulunan açılır menüde alan adı aldığımız firma (cpnale vb. de olabilir.) yok ise bu sayfadaki talimatları kullanabilirsiniz.
mx hakkında not:

örnek mx ayarları
1 ASPMX.L.GOOGLE.COM.
5 ALT1.ASPMX.L.GOOGLE.COM.
5 ALT2.ASPMX.L.GOOGLE.COM.
10 ASPMX2.GOOGLEMAIL.COM.
10 ASPMX3.GOOGLEMAIL.COM.
bazı firmalarda sondaki . işaretini eklemenize gerek olmayabilir. alan adı firmanıza danışarak destekledikleri ayar şekli hakkında bilgi alabilirsiniz.

tekrar alan adını aldığımız firmanın sitesine, alan adımızın ayarlarını değiştirmek için geri dönüş yapıyoruz ve mx bölümünü buluyoruz.
yeni mx kaydı ekle (add to new mx record) seçeneğine aps sayfasındaki ya da verdiğim linkte bulunan ayarları teker teker ekliyoruz.

resimdeki gibi ayarlarımızı yaptıktan sonra aps sayfasına dönerek "bu adımları tamamladım" butonuna basıyoruz ve ayarlarımızın aktif olmasını bekliyoruz.

örnektir

bu ayarları etkin olması alan adınızı aldığınız firmaya göre değişiklik gösterebilir fakat en geç 24/48 saat içerisinde aktif olması gereklidir. problem çıkması durumunda "e-posta beta" yazılı bölümün altında bulunan "güncelleniyor..." yazısı yerine "mx yapılandırmasında hata" gibi bir yazı çıkmaktadır.

mx ayarlarını kontrol etmek için kullanabileceğiniz siteler:
mxtoolbox - kernel

whois sorgusu için kullanabileceğiniz siteler:
who.is - domaintools - whois

bildiğim ve hatırladığım kadarıyla yazıyı hazırladım. hatalarım ve eksiklerim olabilir (çok yönlü ve genel olarak tecrübeye dayalı bir konu), bilen arkadaşlar yorumları ile hataları/eksik noktaları ve tecrübelerini paylaşırsa memnun oluruz.

kullanılan görseller: http - mailboxes - data center - server

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

15 Photoshop ürün reklamı tasarımı dersi

CihanErgur — Mon, 04 Aug 2008 20:58:00 GMT

15 Photoshop Tutorials for Creating Product Advertisements

Photoshop'la daha çekici ve dikkat çeken reklamlar tasarlamak için size yardım edecek olan, 15 özel dersin bir listesi aşağıda sunulmuştur.

1- Profesyonel bir dizüstü bilgisayar (laptop) reklamı tasarlamak

2- Cep Telefonu Reklamı tasarlamak

3- içecek reklamı tasarlamak

4- Parfüm reklamı tasarlamak

5- Gösterişli bir moda reklamını tasarlamak

Derslerin tamamını görmek için buraya tıklayabilirsiniz.

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

ilham kaynağı web siteleri

CihanErgur — Mon, 04 Aug 2008 12:38:00 GMT

ilham alınacak web sitelerine* yeni bir liste de boogiesbc.ro dan gelmiş. diğer onlarca web sitesinden farklı bu yeni nesil örnekler gerçekten sizlerin de aklında yeni fikirler uyandırabilir. özellikle bu listede gerçekten hayran olunacak tasarımlar mevcut. bakmanız kesinlikle tavsiye edilir.buyrun.

*örneklerin altında ilgilenenler için daha önce yayınladığın ilham kaynaklarını not ettim.

tasarımda diğer bazı ilham kaynakları da bunlar;

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

Color Browser : Kendi renk paletlerini oluştur ve düzenle

CihanErgur — Mon, 04 Aug 2008 11:59:00 GMT

Color Browser

Color Browser, kendi renk paletlerinizi oluşturarak, bunları daha sonra düzenlemenize imkan veren, adobe air teknolojisi ile güçlendirilmiş, renk takımlarınızı temiz bir arayüzde kolayca görebileceğiniz, basit kullanımlı ve güzel bir organizatör'dür.

colourlovers ve kuler gibi yerlerden indireceğiniz, ASE formatlı renk paletlerini de eklemenize ve düzenlemenize imkan vermektedir.

Color browser indirilmek için burada sizleri bekliyor.

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

usta bir tasarımcı olmanın kuralları #4

CihanErgur — Mon, 04 Aug 2008 10:21:00 GMT

Bu yazıyı okumadan önce usta bir tasarımcı olmanın birinci, ikinci ve üçüncü kuralını okumak isteyebilirsiniz.

Bu ders, sayfa planı (layout) ve boşluk bırakma (spacing) ilgili. Genç tasarımcıların sık sık yaptığını gördüğüm hatalardan biri de her şeyi birbirine çok sıkışık yerleştirmeleri. Çok kıstılı bir alana çok fazla içerik yerleştirmek istiyorlar. Boşluk sizin dostunuzdur! Boşluk, sizin için bir sürü şey yapabilir. Metninizin daha kolay okunmasını sağlayabilir. Boşluk, izleyicinin bitmiş kompozisoynunuzu daha kolay anlamasını sağlayabilir. Ve boşluk aynı zamanda tasarımınızı zarif gösterir. İzleyiciye şunu söylersiniz: “o kadar zenginiz ki bu koca posteri, bu tek küçük mesaj için kullanabiliyoruz.”

Yani, tasarımınızın sayfa planı için basit bir strateji vardır. Ve bu strateji şudur: bir sayfa planınız olsun! Demek istediğim bir sisteminiz olsun. Bu ilk adımdır. Amacınız bütün tasarımım tamamen karışık görünmesi değilse, bir plana ihtiyacınız olacak. Bu genellikle ızgara (grid) ile yapılır. Bir ızgara, istediğiniz her stile dönüşebilir. Ama yapmak üzere olduğunuz şey için temel bir sisteminiz olması gerekir. Aşağıda farklı ızgaralara örnekler var, böylece ızgaranızın ne kadar farklı ve benzersiz olabileceğini görebilirsiniz.

Şimdi, aynı tasarımı farklı şekillerde görelim: ikisi ızgarayla biri ızgarasız hazırlandı. Görebileceğiniz gibi, her ızgara size bir sürü plan seçeneği veriyor. Izgarasız çalışmak kaosla sonuçlanabilir.

Bu ilk resimler geleneksel bir ızgarayı ifade ediyor. Çizgiler mükemmel bir şekilde yatay ve dikey. Belli aralıklarla sıralanmışlar.

Bu ikinci ızgara ilkiyle benzer olsa da bir basit değişiklik içeriyor. Yukarıdaki logonun eğikliği ile uyumlu olması için dikey çizgileri eğdim. Böyle ufak bir değişikliğin nasıl da harika sonuçlar verdiğini görebilirsiniz.

Bu son örnekte ızgara yok. Boşluk bırakma rastgele yapıldı. Şimdi görüldüğü gibi bunu ne demek istediğimi göstermek için bilerek dağıttım. Bu tasarımda fazla içerik yok, yani iyice bozmuş olsam da o kadar da kötü görünmüyor. Ama ne kadar daha çok içeriğiniz oldukça, sistemli bir şekilde çalışmak o kadar önem kazanıyor.

Kendinize şunu sorduğunuzu biliyorum: “Gerçekten her tasarımını düzenlemek için ızgara kullanıyor mu?”. Hayır kullanmıyorum. Ama ızgarayla çalışmayı anlamak sonuçta size ızgarasız çalışma imkanını sağlayacaktır. Izgara sadece aklınızda olacaktır. Sayfada olduğunu görebileceksiniz ancak hazırlamak için zaman harcamayacaksınız.

Peki, ızgara bize ne öğretti?

Öncelikle şunu öğretti: herşeyi bir düzene oturtun! Açık görünüyor değil mi? Peki, bir kez daha –bu amatör birinin sık sık unuttuğu o basit kurallardan biri. Tasarımdaki her bir öğe tek bir çizgide düzene girmek zorunda değil ama öğeler bir grup olarak, aynı ızgara çizgisinde bütünlenmiş olarak görünmelidir. Düzenlenmiş olmalıdır. Eğer daha önce gruplandırmanın Gestalt İlkeleri’ni incelemediyseniz, şimdi mükemmel bir zaman! Hızlıca bir Google araması yapın ve kendinizi bu konseptlere alıştırın. Tasarımınızın sayfa tasarımında kritik önem taşırlar.

Öğeleri düzenlemeye ek olarak öğeleri belirli aralıklarla yerleştirmeniz gerekir. Eğer bir ana başlığın altında üç maddeniz varsa, her maddenin arasındaki aralığın aynı olmasını istersiniz.

Metninizin etrafında yeterince boşluk bırakmanız, metni okunur kılar. Aşağıda iki tasarımın örneği var. İlkinde kenarlardan ve fotoğraflardan uzakta, güzelce boşluk bırakılmış. İkincisinde ise kenarlara ve fotoğraflara çok yakın.

Bu sıkışık ve okunaksız görünmüyor mu? Cevap evet . İkinci örnekte daha büyük bir yazı kullanılmasına rağmen sıkışık ve okunaksız görünüyor.

Ayrıca “öpücük” olarak bilinen şeyden de kaçınmak isteyebilirsiniz. Hayır, bu dudakları içermiyor. Bir “öpücük”, iki objenin neredeyse birbirine dokunması durumuna verilen isimdir. Eğer, örneğin, elinizde bir fotoğraf ve metin varsa ve neredeyse birbirine dokunacak gibiyseler. Bu kötüdür. Ya onlara yeterli alan verin ya da birbiriyle tam olarak üst üste sağlayın.

Az önceki broşüre yakından bir bakış atıyoruz. Web adresi, arkaplandaki turuncu çizgiye neredeyse dokunmak üzere.

Burada da aynı tasarım, web adresi o çizgiden uzağa çekilmiş. Bu çok daha iyi.

Ya da, eğer yere ihtiyacınız varsa –üst üste gelebilirler. Ama belirli bir miktarda üst üste geldiklerinden emin olacağım. Aynı zamanda –web adresi ve arkaplan arasında yeterince kontrast olduğundan emin olmak için bir de gölge ekledim. Bu şekilde web adresi, sayfadan dışarı fırlıyor.

Şimdi –biliyorum ki çoğu tasarımcının karşılaştığı sorun: 50 sayfalık içeriği tek bir 8.5x11 inçlik bir alana sığdırmanızı isteyen müşteridir. Elinizden gelenin en iyisini yapıp organize bir şekilde bütün bu bilgileri sığdırdıktan sonra müşteriniz şöyle der: “Oh! Daha fazla bilgi koyulacak yer var! İşte 10 sayfa daha, sıkıştır!” (bkz. Tasarımınızı müşteriye sevdirmeniz için 13 hile)

Ne yaparsınız? Çok küçük bir yer için müşteriniz size sürekli içerik veriyorsa? Evet, işte büyük bir problem. Ve bunun kolay bir cevabı olması da gerekmez. İlk tavsiyem, müşterinizi iyi tasarım ilkeleri hakkında eğitmek için elinizden geleni yapın. İzleyicilerinin bu kadar küçük bir alana sıkıştırılmış bir sürü içerikten oluşan bir reklama bakmak bile istemeyeceklerini açıklamaya çalışın. Eğer müşteri sizinle uzlaşmak istemiyorsa, berbat bir tasarım yapmaya mahkum kalabilirsiniz. Bütün bunları yapmak zorunda kaldım ben. Gerçekten can sıkıcıdır. Eğer vaktiniz varsa, temiz olan bir versiyonu hazırlayabilir ve müşterinizden arkadaşlarına sormasını ve başka görüşler almasını rica edebilirsiniz. Maalesef, genelde bu kadar çok zamanımız olmuyor. Yani, tasarımı matbaacıya götürürken kimseye görünmemek için elimizden geleni yapıyoruz.

Uzak durmamız gereken bir diğer küçük şey ise optik illüzyonlardır. Ha? Optik illüzyonların boşluklarla ne gibi bir ilgisi olabilir? Ne kadar çılgınca gelse de, objelerin arasında boşluk bırakırken optik illüzyonlara karşı da dikkatli olmak zorundasınız. Bazen, optik illüzyonlar sayesinde, düzgün olarak verilmiş boşluklarınız düzgün görünmeyebilir. Örneğin arkaplandaki kavisli bir desen, objeyi yana yatıyor gibi veya merkezden sapmış gibi gösterebilir.

Peki, optik illüzyonlardan nasıl kaçınabiliriz? Basit –gözlerinizi kullanın; nerenin yanlış olduğunu görecek ve düzeltmek için kullanacaksınız.

Optik illüzyonlara düzeltme yapmak genelde, “en iyi görünüm” olarak bilinir. Doğru olması gerekmez, ama doğru görünmesi yeterlidir.

Yani, kompozisyonunuza her zaman için son bir bakış atın ve her şeyin yerli yerinde olduğundan emin olun.

bill
kaynak

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

Başlık için 51 font

CihanErgur — Sat, 02 Aug 2008 16:33:00 GMT

sitenize ziyaretçi çekmek epey zor birşeydir. bu ziyaretçiyi sitede tutmak daha da zordur. Siteye giren ziyaretçi herhangi birşey okumadan önce gözleriyle siteyi tarar.

Bu taramada gözüne çarpan bir şey bulursa sitenizde kalır, yoksa hemen çıkar. böyle durumlar da sitede kullandığınız fontlar ve başlık önem kazanır. çünkü belirgin olan başlık ziyaretçiyi sitede tutar.

Ziyaretçileriniz sitenizde kalsın diye sizin için başlık fontları buldum. Bu sitede 51 adet başlıklarda kullanmaya uygun font seti bulunuyor.

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

850+ Ücretsiz Css ve xhtml tema

CihanErgur — Sat, 02 Aug 2008 18:47:00 GMT

850+ 1,2,3 kolonlu, rengarenk ve akışkan özellikleri ile kaliteli, CSS ve XHTML hazır tema şablonlarını, ücretsiz olarak indirebileceğiniz bir tema galerisi.

Örnek:

Temaları önizleme yapabilir ve temalar hakkında yorumunuzu site üzerinden diğer kullanıcılar ile paylaşabilirsiniz.İsterseniz kendi temanızı ekleyerek gelecek yorumlar ile tasarımınız hakkında bilgi sahibi olabilirsiniz.

Tema galerisine gidin.

Bu yazı CihanErgur 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 minimalist web tasarımı

CihanErgur — Sat, 02 Aug 2008 19:16:00 GMT

çeşitli örneklerine şahit olduğumuz web tasarım örneklerine bir de minimal açıdan bakmak gerekiyor.modenizm, sadelik ve işlevsellik ölçülerini bir arada sunan tasarım örneklerini incelemekte fayda var.zira türk web sitelerinin kendini tekrar eden tasarımlara boğulmasını kim ister? minimaller burada.

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

128 Ücretsiz İkon

CihanErgur — Sat, 02 Aug 2008 20:42:00 GMT

wefunction sitesi tarafından, Design Float, Digg, Delicious, Furl, Technorati, Flickr, Stumble Upon, Twitter gibi sitelerin kullandığı ikonlar örnek alınarak, aralarından seçilen ve yeniden tasarlanan, 128 ücretsiz ikon.

48 × 48px ve png formatında olan ikonları, kendi sitelerinden dağıtmak isteyenler için, wefunction sitesinin bu sayfasına link verilmesini rica etmişler.

İndir | .zip | 663kb | 48×48px ikonlar

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

Freelance çalışanların profillerini sergileyebileceği 17 adet web sitesi

CihanErgur — Sun, 27 Jul 2008 20:54:00 GMT

Freelancer olarak çalışanlar iş bulmak için farklı yollara başvururlar. Burada belirtilen sitelerde profilinizi ve yaptığınız çalışmaları tanımladıktan sonra ziyaretçiler portfolyo sitenizi ziyaret ediyorlar. Liste şu şekilde:

1.Behance Network

Behance network'de profilinizi oluşturduktan sonra çalışmalarınızı sergileyebiliyorsunuz. Ayrıca diğer profosyonel tasarımcılarla tanışabiliyorsunuz.

2. Flickr

Flicker kullanıcıların kişisel fotograflarını sergilediği, tasarımcı grupların sıklıkla kullandığı ve çalışmalaranı internete sunduğu en önemli kaynaklardan birisidir.

3.Virb

Virb kullanıcılarının büyük kısmı müzikle ilgilenirler fakat birçok tasarımcının profili bu sitede yer almaktadır. Yaratıcılığınıza bağlı olarak sayfayı özelleştirebilirsiniz.

4. Carbonmade

Carbonmade internette portfolyonuzu göstermeniz için hazırlanmış bir site. Hesap oluşturarak çalışmalarınızdan birkaçını yükleyebiliyorsunuz. Ücretsiz ve ücretli hesapları mevcut.

5. deviantART

DeviantART 8 yıldır birçok sanatçının çalışmalarına ev sahipliği yapan ve gün geçtikçe gelişen bir web sitesi. Üye olduktan sonra çalışmalarınızı yükleyebiliyorsunuz.

6. Twitter

Twitter size çalışmalarınızı sunmanıza imkan tanımaz fakat bu siteden diğer tasarımcılarla iletişim kurabilir, sitenize veya blogunuza link verebilirsiniz.

7. illyPads

illyPads grafik tasarım ve çizimlerinde uzmanlaştıysanız tam size göre bir site.

8. LogoPond

Logopond illypads'in kurucuları tarafından işletiliyor ve logo tasarımcılarına hizmet veriyor.

9. CSS Globe

Css globe Üye hesabınızı oluşturuken biyografinizi girip, sitenize link verebiliyorsunuz. Çalışmalarınızı sergileme şansınız yok.

10. Guru

Guru freelancerların iş bulabileceği en önemli sitelerden birisi. Profil oluşturarak daha fazla müşteri elde edebilirsiniz.Listenin devamına buradan ulaşabilirsiniz.

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