bildirgec.org - grapfik - beğendikleri

logo blink

grapfik — Fri, 16 Jan 2009 19:43:00 GMT

logoblink.com

amblem, marka ve şirket tasarımı üzerine bir blog sitesi olan logo blink 2007 yılından bu yana faal. amblem tasarımına faydalı olabilecek herşeyi konusu kabul eden site, katılımları da kabul ediyor, fikrin sahibi ise ralev.

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

Flickr logo tasarım grupları

grapfik — Mon, 04 Aug 2008 14:29:00 GMT

Flickr Groups for Logo Design Lovers

Logo, bir şirketi temsil eden, Müşterilere, verilen hizmeti ve satışını yapmakta olduğu ürünü anlatmak için veya müşterinin şirketten ne bekleyebileceğini tanımlamak için şirketin amacı ile uyumlu, sanatsal şekildir.

Flickr'ın sahibi Yahoo'dur.

aiburn sitesi yazarlarından, Sean Hodge, bir fotoğraf paylaşım sitesi olan flickr'de, logo tasarımı için oluşturulan gruplardan en aktif olanlarını bir araya toplayarak bizlere sunmuş.Bu gruplar aşağıda listelenmiştir.

1- Logopond Lillies : 200 logo ve 100'ün üzerinde üyesi olan bir grup.

2- Design the Logo : 5000 logo ve 2400 üyesi olan bir grup.

3- Identity + Logo Design : 600 logo ve 300 üyesi olan bir grup.

4- Logotype : 200 logo ve 200 üyesi olan bir grup.

5- Web 2.0 logo : 150 logo ve 60 üyesi olan bir grup.

6- Logo Design : 100 logo ve 50 üyesi olan bir grup.

7- Random Logo Project : 400 logo ve 100 üyesi olan bir grup.

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

dünyaca ünlü logolar krizden nasıl etkilenir

grapfik — Mon, 15 Dec 2008 11:04:00 GMT

kriz sonrası nike logo

2008 yılı büyük bunalımdan sonra karşıladığımız muhtemelen en ciddi ekonomik kriz yılı oldu. dünya borsaları bir haftada %20 kadar düştü, onlarca banka ya battı ya da hükümet veya özel kurumlar tarafından kurtarıldı.

kriz sonrası lg logo

ve birçok şirket, azalan talep sonucunda çalışanlarını uzaklaştırmaya başladı.
business pundit adlı site, bu kriz sonrası ünlü şirketlerin nasıl etkilenebileceğini ve bu muhtemel etkilenmenin logolara nasıl yansıyacağını mizahi bir yönden ele almış.
yukarıda iki tanesi bulunan 16 kriz sonrası logonun diğerleri şu şekilde:

kriz sonrası apple logo

kriz sonrası citi group logo

kriz sonrası ford logo

kriz sonrası 3M logo

kriz sonrası goodyear logo

kriz sonrası ferrari logo

kriz sonrası dow jones logo

kriz sonrası chrysler logo

kriz sonrası dell logo

kriz sonrası yahoo logo

kriz sonrası nokia logo

kriz sonrası logo

kriz sonrası xerox logo

kriz sonrası logo

[kaynak]
dilerseniz logolarla ilgili şu - ra - daki ve bura - daki diğer yazılara da bakabilirsiniz.

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

Rapidshare Linklerinin Çalışır Olup Olmadığını Bir Bakışta Anla!!!!

grapfik — Wed, 10 Dec 2008 09:43:00 GMT

Hepimizin başına gelmiştir. Birşey indiririz veya indirmeye hevesleniriz bir bakmışız ki linkler gitmiş. Bu firefox eklentisi sayesinde linklerin kırık veya çalışır durumda olduğunu anında görebilirsiniz. Kırıksa da hiç heveslenip hayal kırıklığına uğramamış olursunuz:) Lafı uzatmadan eklentinin kurulumuna geçeyim...
Not:Bu kurulum sadece Mozilla Firefox'ta çalışır. Mozilla Firefox'un en son sürümünü indirmek için tıkla

1)İlk olarak Mozilla Firefox'un mucizevi eklentisi GreaseMonkey'i kuruyoruz.
GreaseMonkey'i kurmak için tıkla

GreaseMonkey'in Kurulumu:
a)Verdiğim linke giriyoruz ve orda "Add to Firefox" butonuna basıyoruz.(bkz=Resim 1)
Resim 1

b)Butona bastıktan sonra açılan küçük pencerede 5'ten geriye doğru sayan sayacın bitmesini bekliyoruz ve bittikten sonra "Şimdi Kur" butonuna basarak GreaseMonkey'in kurulumuna başlıyoruz.(bkz=Resim 2)
Resim 2

c)GreaseMonkey'i indirdik ve kurduk şimdi de ayarların işlenebilmesi için Firefox'u yeniden başlatacağız(bkz=Resim 3)
Resim 3

2)GreaseMonkey'i kurduk.Şimdi ise asıl eklentimiz olan "RapidShare Link Checker"'ı kuracağız.
RapidShare Link Checker'ı kurmak için tıkla

RapidShare Link Checker'ın Kurulumu:
a)Verdiğim linkte sağ üst köşede buluna "İnstall" butonuna basıyoruz(bkz=Resim 4)
Resim 4

b)Butona bastıktan sonra açılan pencerede "Yükle" komutuna basıyoruz(bkz=Resim 5)
Resim 5

Evet arkadaşlar kurulum bitti.... * Eğer linkler çalışıyorsa linklerin hemen yanında küçük yeşil bir kutucuğun içinde onay işareti belirir(bkz=Resim 6) Resim 6

Eğer linkler çalışmıyorsa linklerin üzeri çizgili ve yanındaki kırmızı kutucuğun içerisinde çarpı işareti bulunur(bkz=Resim 7)
Resim 7

Not:Bu eklenti Rapidshare linklerinde çalıştığı gibi Filefactory linklerinde de çalışır.

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

Leica'nın 37 Megapixellik Fotoğraf Makinesi ile Muhteşem Dönüşü

grapfik — Thu, 02 Oct 2008 11:03:00 GMT

Leica

Professional Photographer'ın haberine göre Leica firması 37 MP'lik bir DSLR Fotoğraf Makinesi üzerinde çalışmakta. S2 ismini verdikleri fotoğraf makinesinin 3" LCD ekranı ve 30x45 geniş sensörü bulunmakta.

Fiyat ve çıkış tarihinin ne olduğuna dair henüz net bir bilgi göremedim sitede ve internette.
Ama teknoloji nefis.
Haberin linkine buradan ulaşabiliriz.

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

İyi bir logo nasıl olmalı? Ne(ler) yapmalı? # 1

grapfik — Sat, 23 Aug 2008 12:27:00 GMT

bu bildiri serisiyle birlikte şirketler için kurumsal anlamlar ifade eden, küçük ama etkili bir yere sahip! logo yazı dizisine başlıyorum. Makale çevirileri ve kendi düşüncelerimle ortaya iyi bir malzeme çıkarmayı umuyorum. Herkese iyi okumalar :)

Neden logo tasarımı ( logo tasarlamak) 5 dolar etmez?
Günümüz dünyasında logo tasarımı fazla önemsenmemekte, gereğinden az değer verilmektedir ve insanlar hala şirketler için güzel bir logonun ne kadar önemli olduğunu anlamamaktadır. İşte bu yüzden burada vurgulamak istediğim bir logo tasarımının neden 5$ etmeyeceğidir. Aşağıda en baştan başlayarak; ucuz işçilikten profesyonel tasarıma kadar olan süreci tanımlamaya çalışacağım.

Logo Nedir?

Logonun ne anlam ifade ettiğini anlamak için logonun ne olduğunu bilmeliyiz. Wikipedia yardımcı olabilir mesela:

Amblem (Fransızca: emblème) (imlek, belirtke), bir fikri veya bir kurumu temsil eden görsel simgedir.
Simge ile neredeyse eşanlamlı olarak kullanılsa da, daha kesin kurallarla belirlenmiş ve neyi temsil ettiğini kesin olarak bilinir.

20. yy'ın sonlarından itibaren Türkçe'de görülen İngilizceleşme eğilimiyle, "logo" sözcüğü de amblem yerine sıklıkla kullanılır oldu.

You design this for me, and I will pay you if I like it. - This is not right. ( sen benim için tasarlarsın ben de eğer beğenirsem ücretini öderim) bu doğru değil. Dişçiye ya da hastaneye gittiğinizde muayene olmadan önce doktora şöyle diyebilir misiniz: “Sen önce beni tedavi et eğer iyi olursam parasını veririm”. Tabii ki mümkün değil. Ama günümüzde şartlarında özellikle Türkiye için söylemek gerekirse freelance çalışanlar için iş bittikten sonra ücret konusu başlı başına sorun teşkil ediyor. İşveren ya parayı vermiyor, emeğin karşılığı olanın aşağısını veriyor ya da bugün git yarın gel hesabı. Belki bu gibi durumlar için çalışanın hakkını koruyacak, onu savunacak sendika-dernek vs. kurulsa belli bir yaptırım olabilir mi bilmiyorum belki oluşum var benim haberim yok. Varsa beni de lütfen haberdar edin. Bu durum tasarım dünyasında her gün sıklıkla karşılaşılan ve çığ gibi büyüyen, hiç bitmeyecek gibi duran devasa bir sorun.

5$ (Ucuz Logo)

Digital Point Forumlarında gördüğüm ilan:

“Make a logo for the site ‘Spela Piano’. The meaning of that is Play Piano. This is a site where our members can learn to play piano online.”

Spela Piano için logo yapın: üyelerimizin online olarak piyano çalmasını öğrenebileceği bir site. Gelen cevaplara bakalım sizce hangisi kazandı?

Yukarıda gördüğünüz logolar hakkında kendinize şu soruları sorun:

Bu logoları nasıl tanımlıyorsunuz kaçını hatırlayabilirsiniz?
Yeterince etkileyiciler mi?
Renkler olmadan ne kadar efektif olabilir?
Şirketin karakterini ne kadar taşıyabilir, ne kadar uyumlu?
Yeteri kadar kaliteli ve tatmin edici mi?

Bu soruların cevaplarını kullanıcılara bırakıyorum. Bir de aşağıda duran profesyonel olarak tasarlanmış logolara bakalım. Karşılaştırıp farkı anlayalım. Neden bu kadar farklılar?

profesyonel logo tasarımları

1. Tasarım süreci: Sorularla ya da görüşme, röportaj yoluyla bilgi edinme, fikir alışverişinde bulunma.
2. Araştırma: Şirketin ihtiyacı olan çözümler üretme. Sadece o konuya odaklanma ihtiyacı.
3. Referans: Logo tasarımları ve trendleri yakından takip ederek onları harika iş çıkaranları kendine referans olarak görme. Algıda seçicilik.
4. Konsept ve Yaratıcılık: Yaratıcı, özgün eserler çıkarma isteği. Kendini geliştirerek yeni konseptler bulma hırs ve azmi.
5. Yansıma: Uygulama sırasında belirli aralar vererek fikrin ve tasarımın olgunlaşma sürecinde yenilenme isteği.
6. Sunum: işte en önemlisi. yakın çeverenize yaptığınız eserleri gösterin (ya da birkaçını) onlardan olumlu, olumsuz tepkiler alın ama yeter ki gösterin.
7. Kutlama: Bira ,çikolata, uyku ya da yeni bir tasarıma başlama isteği seçim sizin.

Siz bunları hepsinin sadece 5$’a yapılacağına inanıyorsanız, durmayın devam edin. Sırf bu logo tasarımını yapabilmek için kullanılan program 700$. İnternet bağlantısı, yazıcı, kağıt sarfiyatı, ya da diğer programları saymıyorum bile.

Graphic Design Blog’dan Tara 6 madde sıralamış:

1. Bir logo, uzun ömürlü olmalı.
2. Bir logo, orijinal olmalı.
3. Bir logo, profesyonel gözükmeli.
4. Bir logo, şirketi anlatmada ilk etkiye sahip olmalı.
5. Bir logo, zamanı yansıtmalı ve bunun için tasarlandığını düşündürmeli.
6. Bir logo, Kurumsallaşmanın başlangıç noktası olmalı.

Şimdi tekrar o 5$ lık tasarımlara bir bakın bir de profesyonel olanlara. ve kendinize şunu sorun: “ Aradaki farkı görebildin mi ? , görebildim mi ? ”

not: Çeviride bazı anlam hataları olmuş olabilir, yorumlarda düzeltilirse sevinirim. Bir sonraki yazıda görüşmek üzere.

Bu yazı grapfik 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ı #5

grapfik — Fri, 08 Aug 2008 11:00:00 GMT

kural 5: derinlik

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

Derinlik. Tamam, burada pop-up kitaplardan veya hologramlardan bahsetmiyoruz. İki boyutlu tasarımlarınızda veya illüstrasyonlarınızda derinliği simule etmekten bahsediyoruz. Yazı dizisindeki ilk dört kural, benim temel olarak gördüğüm kurallardı. Derinlik ise benim eğlenceli kısma giriş yaptığını düşündüğüm bir kuraldır. Temel olarak, derinlikle bir şeyi çok güzel gösterebilirsiniz. Sanatınıza derinlik katmak, sayfadan çıkmaya yardımcı olacak veya tam tersi, izleyiciyi içine çekecektir.

Tasarımlarınıza boyut katmak için çok iyi bir kaç teknik vardır. İlk olarak en basitlerden başlayacağım, daha sonra karmaşık olanlara doğru ilerleyeceğiz.

Objeleri üst üste bindirmek
Tamam. Bu çok belli zaten. Bunu büyük ihtimalle ana okulunda öğrenmişsinizdir. Eğer bir otobüs ve ev içeren bir resim çizerseniz, ve otobüs evle üstüne biniyorsa, o zaman açıkça evin önünde duruyordur. Ama ev otobüsün üzerine biniyorsa, o zaman ev öndedir.

Peki, bundan neden bahsediyoruz ki? Şey... sadece size hatırlatmak için –tasarım öğelerini üst üste bindirebilirsiniz. Her öğenin arasına boşluk bırakmayı huy edinmek çok kolaydır. Eğer fotoğrafların ve tasarım öğelerinin arasına boşluk koyarsanız temiz bir tasarım elde edebilirsiniz ama biraz tekdüze görünebilir. Bazen sırf diğer öğelerin üzerine bir öğe getirmek için tasarıma bir şeyler eklediğim oluyor.

Aşağıdaki örnekte basit bir üst üste bindirmeyi ve tasarıma biraz derinlik katmayı görebiliriz.

Bu Dave Tevenal ve benim üzerinde çalıştığımız bir poster. Dave adamın genel skecini yaptı, ben de ayağının etrafına biraz su sıçraması ekledim, daha sonra arkasındaki koi balığını yaptım.

Sağ alt köşede, siyah bir şeridin hemen üzerine çıkan müşteri logosu var (the Grog Shop). Şimdi, orada siyah bir şeride ihtiyacım yoktu. Şeritteki bütün yazılar siyah olabilir ve logo da çizimin üzerinde durabilirdi. Ama posterin altındaki yazılara biraz dikkat çekmek istedim.

Alttaki siyah şerit olmadan aynı poster:

Şimdi ikisini altta şerit olanla karşılaştıralım.

Bu şeridi, müşterinin bilgisini ve logoyu ekleyerek tasarımda yarattığım derinlik şöyle: Klüp logosu, şerit ve bilgiler, sonra da poster çizimi. Aynı zamanda önceliği ayarlamada da yardımcı oluyor. Müşterinin logosu en önemlisi, sonra klüp bilgisi, ve son olarak da karmaşık çizim ve detaylar.

İllüstrasyon aynı zamanda bir sürü üst üste binmiş objeyi içeriyor. Adam koi balığının üstünde, adamın ayağındaki su sıçramaları vs.

Obje boyutu değişkenliği
Tasarımımda, objelerin büyüklüğündeki değişkenliği kullanmayı severim. Bu özellikle aynı boyutta olan, birbirinin tıpatıp aynısı objelerle uğraşırken çok etkilidir. Bir insanın fotoğrafını çekerken uzaklığın değişkenliği bununla ilgili güzel bir benzetmedir. Arkadaşlarınızın fotoğraflarını 1-2 metre uzaktan çekmek genelde yapılan bir şeydir. Büyük ihtimalle, onların bütün bedenini, en azından belden yukarısını alabilirsiniz. Bu iyi bir fotoğraftır, ama eğer böyle 30 fotoğraf çekerseniz, sıkılmaya başlarlar. Ve çoğu fotoğraf böyle çekildiğinden, oldukça yaygın olduğunu varsayıyorum. Şimdi, eğer işleri biraz heyecanlandırmak isterseniz, süper yakın bir çekim yapın. Belki arkadaşınızın yüzünün yalnızca yarısını çekebileceksiniz. Ya da belki arkadaşınızı başka uzaklıklardan çekebilirsiniz. Ya da, en iyisi, hepsinin birleşimini yapabilirsiniz. Birini önplana, birini ortaya, diğerini de daha uzak bir yere koyun. Bu, fotoğraftaki derinlik hissini arttıracaktır.

Şimdi objelerin büyüklüğünün nasıl derinlik katabileceğine bir bakalım. Bu ilk örnek çok basit, sadece bir sürü daire var. Burada bir şeyin boyutunu ayarlamak gibi basit bir işlemle nasıl derinlik katabileceğimizi görüyoruz.

Her birinin boyutu bir öncekinden daha küçük. Boyutlarındaki değişikliğin nasıl derinlik hissi verdiğini görün. Hangi daire size daha yakın görünüyor?

Bir sonraki örnek biraz daha karmaşık. Bu, Jeff Finley’nin Paint the Stars için yaptığı bir t-shirt. Burada birden fazla derinlik katma tekniği uygulanmış ancak biz sadece obje büyüklüğüne odaklanalım.

Bu örnekte, her bir kafatası, shirt’ün üzerine gidildikçe hafifçe küçülüyorlar. Aynı zamanda, ip gibi görünen dokunaçlar da göz yuvalarının içinden geçerken her seferinde küçülüyorlar. Bir önceki teknik olan objeleri üst üste bindirmeyle birleştirildiğinde gerçekten ortaya derinlik hissi yüksek bir tasarım çıkmış.

Çizgi kalınlığı
Obje boyutu değişkenliği ile yakından bağlantılı olan çizgi kalınlığı değişkenliği, özellikle çizim için harika bir tekniktir, ama çizdiğiniz çizgilerin kalınlığı da olsa tasarıma eklediğiniz çizgilerin kalınlığı da olsa, ağırlık (weight) önemlidir.

Çizgi ağırlığı, aynı obje boyutlarındaki gibidir. Ne kadar kalınlaşırsa o kadar yakın, ne kadar incelirse o kadar uzak görünür.

Şimdi böyle bir çizimin nasıl olabileceğini örnekleyelim.

Bu çizgi roman sayfası, çizgilerinizin ağırlığının derinlik katmaya nasıl yardımcı olduğu hakkında mükemmel bir örnektir. Önplandaki gladyatöre bakın ve onun çizgileriyle arkaplandaki binaların çizgilerini karşılaştırırsanız, açıkça aradaki farkı göreceksiniz. İnce çizgiler uzakta, kalın çizgiler yakında.

Netlik derinliği (depth of field)
Netlik derinliği, bir resimin daha keskin görünen kısmıdır. Netlik derinliği, aslında sadece kamera lensinde değil, kendi gözümüzde de doğal olarak oluşan bir şeydir. Eğer elinizi yukarıda tutup ona odaklanırsanız, elinize olan odağı bozmadan çevrenizdeki şeyleri görmeye çalışın. Elinizin arkasındaki şeyler odak içinde mi? Hayır. Gördüğümüz her şeyin odak içinde olduğuna dair bir algımız vardır. Ama aslında olan şey, gözünüzün baktığınız yere olan odağı sürekli ayarlamasıdır. Gerçekte, sadece o ayar içindeki objeler odak içindedir, diğer her şey bulanıktır.

Netlik derinliğiyle ilgili örnekleri fotoğraflarda görüyoruz ve böylece beynimiz bu görüntüyü nasıl yorumlayacağını biliyor. Odak içindeki objeler, odak dışındaki objelerden farklı bir derinliktedirler.

Dave Romsey’in çekmiş olduğu bir makro (çok yakın çekim) örümcek fotoğrafını görebilirsiniz:

Gerçekten mükemmel bir örümcek fotoğrafı olmasının dışında, yalnızca örümceğin gövdesinin tam odakta olduğunu görebilirsiniz. Sağ köşedeki yaprak gibi, örümceğin önünde va arkasında olan her şey odağın dışındadır. Hatta örümceğin gövdesinden çıkan bacaklarının bile odak dışında olduğunu gözlemleyebilirsiniz.

Japon animasyonu veya “japonimasyon”, bu küçük numaradan yıllardır yarar sağlıyor. Uzaktaki ve önplandaki objelere bulanıklık efekti veriyorlar. Bence bu çok hoş bir detay! Aşağıda bunu uygulamış olan bir animasyondan bir kareyi görebilirsiniz:

Renk
Renkler bile derinlik katmamıza yardımcı olabilir. Bu genellikle büyük uzaklıklarda söz konusudur. Atmosfer trilyonlarca küçük buhar, toz ve yarı-saydam molekküllerden oluşmuştur. Ve “hava” her ne kadar kısa uzaklıklarda yüzde yüz temiz gibi görünse de, öyle değil. Aslında uzaklık ne kadar artarsa o kadar görünür olmaya başlayan uysal bir zar gibidir. Yani, bir dış sahne için renk seçerken, önplandaki objelerin güçlü, enerjik renklere sahip olması gerekir. Daha uzaktaki objelerin ise daha az canlı renklere.

İnternette bulduğum, Ulusal Park Mavi Dağları’nın bu fotoğrafında atmosferin uysal zarının renkleri nasıl etkilediğini görebilirsiniz. Solda, önplanda, taşların ve tırmanıcıların rengi temiz, tam canlı görünmekte. Sağ tarafta, uzaktaki ormanın renklerinin ise nasıl silik çıkmış olduğunu görebilirsiniz.

Efektler – Gölgelendirme (Drop Shadow)
Ah, tüm tasarım efektlerinin en klasiği: Gölgelendirme! Hem Photoshop hem de Illustrator, tasarımlarınıza kolayca gölgelendirme ekleyebilir. Bu noktada klişe olarak görünebilir, ama ben hala kullanıyorum ve çok seviyorum. Sanırım bir çok insan bunu efekt olarak görmüyor. Uygun bir şekilde kullandığınız zaman, tasarıma güzel bir derinlik hissi katarken kolayca harmanlanabiliyorlar.

Aşağıda kendi yaptığım; biri gölgelendirmeli diğeri ise gölgelendirmesiz iki tasarım:

Şimdi, bu zekice yapılmış bir gölgelendirme örneğiydi. Üstteki tasarımda yok, alttakinde var. İlk olarak, reklamın en üstündeki başlığa bakın. Gölgelendirmenin yazıyı arkaplandan nasıl da ayırdığını, öne çıkmasını sağladığını fark edin. Şimdi dövüşçünün başlığı hafifçe altına alan kafasına bakın. Her iki durumda da derinliğe yardımcı olması için hafifçe, belli belirsiz bir şekilde gölgelendirme kullanıldı. Ayrıca diğer yazılarda ve yumruğunun altında da görebilirsiniz.

Perspektif
Perspektif, bir çizim ve düz bir yüzeydeki bölgesel ilişkileri kurmak için kullanılan bir teknik olarak tanımlanır. Tamam, bu bize pek yarar sağlamadı değil mi? İzin verin perspektifi meslekten olmayan biri gibi açıklayayım. Temel olarak, bir sıfır noktasında birleşen gittikçe uzaklaşan çizgilerdir. Bunun için klasik bir örnekte, ufuğa doğru ilerleyen bir yol görülür. Yoldaki çizgiler tek bir noktada birleşir. Belki bu resim yardımcı olur:

İşte o yolun klasik bir resmi. Yoldaki çizgiler uzağa ilerlerken, bir noktada birleşiyorlar.

Tüm çizgilerin; çimenlerin, çiçeklerin, yoldaki gölgelerin ve yol çizgilerinin tek bir sıfır noktasında birleştiğini fark edin.

Bu senaryodaki yol, esasen düz. Çünkü, çizgileri tek bir sıfır noktasında birleşebiliyor. Ama bir çok kenarı olan bir obje (yani düz olmayan), iki sıfır noktasında birleşecektir, bir değil. Bir başka örneğe göz atalım:

Penceresi olan küçük bir kutu. Her iki tarafında nasıl da iki sıfır noktası olduğunu görebilirsiniz.

Şimdi, perspektif bir iki paragrafta özetlenebilecek bir şey değil. Yani bu derste daha fazla detaya giremeyeceğiz. Ama söylemek zorundayım ki, perspektif hakkında araştırma yapıp kendinizi eğitmenizin zorunlu olduğu, çok önemli bir konu.

Yazar: Bill
Kaynak: GoMediaZine

Çeviri bana aittir.

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

grapfik — 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ı grapfik 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

Hayatta başarılı olmak için gereken 10 yetenek

grapfik — Fri, 01 Aug 2008 14:46:00 GMT

başarının anahtarı nedir?

Başarılı olmak için ne yapmak gerekli? Başarının tanımının bile göreceli olduğu düşünüldüğünde aslında bu soruyu yanıtlamak hiç de kolay değil. Yine de sanırım, bu konuda belli başlı noktalarda fikir birliğine varabilmek mümkün.

Bu nedenle LifeHack sitesinin hazırladığı "Neredeyse her şeyde başarılı olmak için ihtiyaç duyacağınız 10 yetenek" başlıklı listeye kulak vermekte fayda var.

Liste şu maddelerden oluşuyor:

1) Topluluk karşısında konuşabilme

Etkili konuşabilen insanlar kendilerinden daha emin ve çevreye karşı da daha etkileyicidirler.

2) Yazma
Yazısı kuvvetli insanlar kötü yazanlara kıyasla ürün ve fikirleri daha iyi pazarlayabilirler.

3) Kişisel Yönetim
kendinizi disipline etmek başarıya giden yolda altın geçitlerden biridir.

4) Çevre edinme
bunu yalnızca iş açısından düşünmeyin. fikir akışı ve yeni fikirlerin üretilmesinde de çevre önemli bir rol oynar.

5) Eleştirel düşünme
Yaşadığımız inanılmaz yoğun bilgi akışı eleştirel düşünmeyi kaçınılmaz kılıyor. değerli bilgiyi alıp başka bilgilerle ilişkilendirmek, anlam çıkarmak büyük öneme sahip.

6) Karar verme
etkin ve hızlı karar vermek sizi diğer insanlardan sıyırarak istediğinizi elde etmenizi sağlayacaktır.

7) Matematik
ileri düzey matematik bilmeniz gerekmiyor. ancak kabaca faiz ve istatistik hesaplamaları yapmak dahi sizi diğer insanlara kıyasla öne çıkaracaktır.

8) Araştırma
Her şeyi bilmek zorunda değilsiniz, ama ihtiyaç duyduğunuz şeyi sorunsuzca bulabilmelisiniz. İnternet'i etkin bir şekilde kullanmalı, verimli bir biçimde okumayı bilmelisiniz.

9) Rahatlık
Stres başarı yollarını tıkamakta en büyük etlenlerden birisidir. Düşünce akışınızı önemli ölçüde engeller. Onu alt etmesini bilin.

10) Basit muhasebe
Harcamalarınızı bilin ve bunun yönetimini yapın. Zaman ve maliyet hesaplamalarını yaparak en iyi kararı vermeye çalışın.

Yukarıdaki maddelerin daha geniş açıklamalarına ve listenin orijinal haline buradan ulaşabilirsiniz.

Bu yazı grapfik 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ı #3

grapfik — Thu, 31 Jul 2008 06:05:00 GMT

Bu yazıyı okumadan önce usta bir tasarımcı olmanın birinci ve ikinci kuralını okumak isteyebilirsiniz.
Tasarımınızdaki kontrastın iyi olması, renk seçimlerinizle doğrudan orantılıdır. Kontrast, tasarımınızdaki renklerin değerlerindeki farklılıklardır. Değer ise bir rengin ne kadar aydınlık veya ne kadar karanlık olduğudur. Hiç beyaz bir çalışma alanı üzerine birinin şöyle bir espri yaptığını duydunuz mu: “Hey, bu kar fırtınasındaki beyaz bir inek!”? Bu, sıfır kontrasta örnektir. Beyaz üzerinde beyaz sıfır kontrasttır. Hiçbir şey göremezsiniz.

Çok basit değil mi? Yani demek istediğim ne kadar aptalca bir yazı bu? Tasarladığım şeyin görünebilir olması gerektiğini açıklıyorum? Bu bir ders için çok gerizekalı bir konu değil mi?

Yanlış.

Çünkü maalesef, sürekli tasarımcıların kontrastla ilgili problemler yaşadığını görüyorum. Bir tek o da değil, kontrast, uygun bir şekilde kullanıldığında önemli bir araçtır.

Çok sık gördüğüm bir hata şu: Tasarımcılar kontrast yaratmak için değer değişikliği yerine renk değişikliği kullanıyorlar. Örneğin, orta değerde bir mavi, orta değerde bir kırmızının tam tepesinde durarak kontrast oluşturuyor. İkisi arasındaki farklılığı görebilirsiniz. Ama aynı değerden iki renk bir arada olduğu zaman (“vibrating”), mavi ve kırmızının buluştuğu çizgide, gözünüz ikisi arasında ileri geri gider, tereddütte kalır. Bu neredeyse yazının nabzı atıyormuş hissi verir.

Eğer amacınız gerçekten canlı bir şey yaratmaksa, bu tekniği kullanabilirsiniz. Ama gözlere fazla yüklenecektir ve bir çok insan bunu rahatsız edici bulacaktır. İşte aynı tasarımın daha fazla kontrast sahibi farklı renkler kullanılarak hazırlanmış hali:

Bu ikinci olan, açıkça gözlere daha az yükleniyor.
Tasarımınızın açık ve kolay okunur olup olmadığını anlamak için, her şeyi bir an için siyah beyaz yapabilirsiniz. Illustrator’da bunu tasarımı seçtikten sonra “Edit>Edit Colors>Convert to Grayscale” yönergesini izleyerek; Photoshop’ta ise tasarımınızı düzleştirdikten (flat) sonra, “Image>Adjustments>Desaturate” yönergesini izleyerek yapabilirsiniz.
Her iki şekilde de, bu testi yaptıktan sonra yaptığınız şeyi geri almanız gerekecek.
İşte aynı tasarımın, biri iyi kontrastla diğeri kötü kontrastla hazırlanmış hali. Ve her birinin altında ikisinin de siyah beyazda nasıl görüneceği var.

solda: iyi kontrast / sağda: kötü kontrast

Soldaki tasarımdaki yazıları okumanın ne kadar kolay olduğunu görebilirsiniz, özellikle siyah beyaza döndürüldüğü zaman. Sağ taraftaki tasarım ise şekilleri belirlemek için daha az kontrast ve daha çok renk farklılığı kullanmış.
Her zaman aldığım bir soru da şu: “Bir arkaplan filigranı (watermark) için hangi saydamlık (opacity) seviyesini kullanmalıyım?”. Bence iyi bir filigran arkaplanı %10-%15 saydamlıkta olmalıdır. Bir kez daha –bunların hepsinin amacı, tasarımınızdaki kontrastın sürekliliğini sağlamaktır. Eğer arkaplan açık renkse –o zaman filigran, uygun bir açıklıkta ve tam tersi olmalıdır. Aşağıda iyi ve kötü filigran için örnekler var:

arkaplandaki bu filigran %15 şeffaflığa ayarlandı. iyi kontrast!

arkaplandaki bu filigran %50 şeffaflığa ayarlandı. kötü kontrast!

Kontrastla ilgili olarak belirtmek istediğim diğer bir şey ise bir araç olarak kullanılabileceğidir. Eğer, örneğin, izleyicinizin dikkatini tasarımınzdaki önemli bir şeye çekmek istiyorsanız, bunu kontrastla başarabilirsiniz! Tüm tasarımı açık renkte tutabilir ve dikkat çekmek istediğiniz şeyi karartabilirsiniz. Aşağıda bu şekilde iyi tasarlanmış bir tanıtım sayfası var:

Bu, E-Harmony’nin web sitesindeki tur bölümünden bir sayfa. İnsanlara bir tur vermek isterlerken, gerçekten istedikleri insanların üye olmasını sağlamak. Yani, bu sayfaya baktığınızda, sayfadaki en büyük ve karanlık şey nedir? Bir kızın tıklanamayan resmi ve “Get Started Now/Hemen Başlayın” butonu. Açıkça, “Get Started Now/Hemen Başlayın” butonuna tıklamanızı istiyorlar. “Next Step/Sıradaki Adım” butonuna kıyasla, “Get Started Now/Hemen Başlayın” butonunun ne kadar büyük ve karanlık olduğuna bakın. “Next Step/Sıradaki Adım” butonu, turdaki birinin tura devam etmek için tıklaması gereken bir buton. Ama “Get Started Now/Hemen Başlayın” butonunun ne kadar çekici olduğunu fark ettiniz mi? Ve neden? Neden sayfadan üzerinize atlıyor? Basit: Kontrast!

Bu, tasarımda basit ama temelde kritik bir dersin sonu oluyor. Bunu okuduğunuz için teşekkür ederim. Dört basit kural daha var. Bunlar bittikten sonra söz veriyorum size nasıl çizileceğini öğreteceğim!

Bill

Kaynak

yazı tarafımdan çevrilmiştir, bana ait değildir.

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