Grafik Tasarm

Blm 2 Tasarm Elementleri

Bilal ATASOY

Bilal ATASOY

Tasarm Elementleri
Herhangi bir ey yapmak iin temel materyallerle balanlmaldr. naat yapmak iin tulaya, kuma; kek yapmak iin hamura, ekere ihtiyacmz vardr.

Bilal ATASOY

Tasarm Elementleri
yi tasarmlar yapmak iin gereken bileenler: izgi, ekil, doku, boluk, byklk, deer ve renktir. Bu kavramlarla ilgili hibir ey gizemli deildir, gerekte gndelik hayatta yakndan ilikili olduumuz kavramlardr. Bir taba iindeki tasarm elementlerinin farkl kullanm ile dier tabaklardan ayrrz.

Bilal ATASOY

Tasarm Elementleri
Paralarn btne olan etkilerini anladmz zaman kendi kompozisyonlarmz oluturabiliriz. almanza ekleyeceiniz elementlerle ilgili doru kararlar aldnzda, almalarnz gzel bir grnm kazanacaktr.

Bilal ATASOY

Tasarm Elementleri
Bu blmde gzel tasarmlar yapabilmek iin kullanacamz tasarm elementlerini greceiz. Bunlar:
izgi ekil Doku Boluk Byklk Deer Renk

Bilal ATASOY

Tasarm Elementleri / izgi

izgiler her yerdedir, bunun iin etrafnza bakmanz yeterli. Onlar dz (ubuk kraker), eimli (ay), dalgal (imenler), iman, ince, noktal yada arpk olabilirler.

Bilal ATASOY

Tasarm Elementleri / izgi

izgiler farkl amalar iin oluturulabilirler;
Organize etmek iin (boyama kitab) Ynlendirmek iin (sar izgiyi izle) Ayrmak iin (otobanlarda eritleri) Duygu sunmak iin (przl, ypranm izgi iddet uyandrr) Ritim oluturmak iin (bahe itleri parmaklklar, ehir manzaras)

Bilal ATASOY

Tasarm Elementleri / izgi

izgilerle oluturulan kurallarla paralar birbirinden ayrabilir; dikey izgilerle kolonlar oluturabilir; noktal izgilerle bilgiler aras balantlar kurabilir(yemek menleri); kenarlar yuvarlatlm izgilerle daha yumuak hisler oluturabiliriz.

Bilal ATASOY

Tasarm Elementleri / izgi

Aklamalar

Bilal ATASOY

Tasarm Elementleri / izgi

Aklamalar

Bilal ATASOY

izgi / neriler !
Bilgiyi organize et (finansal raporlarda kolonlar arasna izgi ekle) Kelimeleri dikkat ekici hale egetir. (Bir kural ile balk
ksmn olutur)

Bilgiler aras balant kur. (yaz ile resim arasna) Bir resme kenarlk vererek dier nesnelerden ayr

Bilal ATASOY

izgi / neriler !
Diyagram olutur (kazan izgileri gibi) Birden fazla izgi ile ritim olutur. (farkl kalnlktaki
izgiler arasnda farkl boluk olutur)

zleyicinin gzn ynlendir yada bir his olutur. (apraz izgiler yataydan daha aktif grnr) Duygu ver. (yuvarlatlm izgiler ile bir postere zarafet ver)

Bilal ATASOY

Tasarm Elementleri / ekil

Her eyin bir ekli vardr. ocuklar objeleri tanmlamay ekillerle renirler. Dnyay betimlemek iin basit geometrik ekiller izerler. rnein gne bir ember olabilir. Okumaya baladklarnda harflerin farkl ekiller sahip olduunu renirler.

Bilal ATASOY

Tasarm Elementleri / ekil

Tasarmlarda ekiller objeleri tanmlar ve fikirlerle iletiime girerler. rnein bir irketin logosundaki ember dnyay, evrensellii simgeler.

Bilal ATASOY

Tasarm Elementleri / ekil

Sra d ekiller dikkat eker. nsanlarn ilgisini ekmek iin drtgen bir ekilden ok farkl bir ekil, rnein yldz kullanlabilir. Yazlar da drtgen snrlardan ziyade farkl ekillerin iine yerletirerek dikkat ekebiliriz.

Bilal ATASOY

Tasarm Elementleri / ekil

3 tr ekil vardr:
Geometrik ekiller (gen, drtgen, yuvarlak): Dzenli ve yapsaldrlar. Bu onlar tasarmlar iin nemli yaplar haline getirir. Doal ekiller (hayvan, bitki, insan): Dzensiz ve akcdrlar. Bu sembollerle yaplan kenarlklar ak, i ac bir atmosfer oluturur. Soyut ekiller: Doal ekillerin basitletirilmi halidir. Bir eye keskin vurgu yapmak iin kullanlabilirler (tekerlekli sandalye)

Bilal ATASOY

Tasarm Elementleri / ekil

Aklamalar

Bilal ATASOY

Tasarm Elementleri / ekil

Aklamalar

Bilal ATASOY

ekil / neriler
ekilleri ilgin bir ekilde krp (yuvarlak, yldz) Fikirleri sembolize et (kalp->sevgi) Enteresan bir ekil olutur (yldz iinde yaz) Yeni bir biim olutur (gen eklinde bror)

Bilal ATASOY

ekil / neriler
Bilgiyi ne kar (nemli bir bilginin arkasna dikkat ekici ekil
yerletir)

Olaylarla ilgili paralar birbirine bala (mimari bir

bror iin geometrik ekil, doa-hayvanat bahesi iin erilerden oluan bir ekil)

Tm elementleri birbirine bala (drtgen madde imleri,

bloklar ve drtgen krplm resim)

Bilal ATASOY

Tasarm Elementleri / Doku

Dokusuz bir dnya donuk ve skc olurdu. Dokusuz bir aa gvdesi yada krksz bir leopar hayal edin.

Bilal ATASOY

Tasarm Elementleri / Doku

Dokular almalara zenginlik ve younluk katsn diye kullanlabilir. Dokular hissedilir. (kadn zerindeki doku vb.) Tasarmlarda kullanlan dokular (pattern) aslnda bir doku hissi uyandrmak iin kullanlr. Ik ve glgeler kullanlarak dokular elde edilebilir.

Bilal ATASOY

Tasarm Elementleri / Doku

Pattern bir grsel dokudur. Bir resim yada izgi tekrar-tekrar kullanldnda oluan k ve karanln ritmi yzeyde younluk oluturur. Patternlerin harika kenarlklar veya arka planlar olmasnn sebebi budur. Dokular hayali yada fiziksel iletiim kurarlar.

Bilal ATASOY

Tasarm Elementleri / Doku

Tekrar eden bir gl resmi zarafet hissi uyandrr. Yumuak bir dokuya sahip kada hafif pastel renkler incelik katar. Dokular vurgu iin de kullanlr. Ak renkli bir kadn zerine siyah bir yaz yazmak yaznn etkisini artracaktr.

Bilal ATASOY

Tasarm Elementleri / Doku

Aklamalar

Bilal ATASOY

Tasarm Elementleri / Doku

Aklamalar

Bilal ATASOY

Doku / neriler
Resimle arka plan ilikilendir-bala (Resmin erevesini iek
dokusu ile kaplayarak zarafet kat.

Kiisellik yada ambiyans kat (dokulu bir kat scaklk hissi

uyandrr)

lgi ekmek iin kontrast olutur. (olduka dokulu bir

fotoraf yada izimin evresine sade izgiden yada evreleyen yazdan ereve olutur)

Bilal ATASOY

Doku / neriler
Gz kandr (kada ambalaj kad dokusu vererek younluu artr) Duygular provoke et (Aalar ve fanila ortun bulunduu bir
resim ile krom ve cam objelerin bulunduu tasarmlar farkl tepkilere sebep olur)

Zenginlik ve derinlik hissi uyandr

Bilal ATASOY

Tasarm Elementleri / Boluk

Bir tasarm olutururken sadece ekil ve izgilerin nereye yerletirileceini deil, ayn zamanda nerede balanacan da dnmek zorundasnz. Etrafnda ya da arasnda ne kadar boluk bulunacan da dnmek zorundasnz.

Bilal ATASOY

Tasarm Elementleri / Boluk

Bu evi dekore etmeye benzer. Ne kadar alana sahip olduunuzu dnmek zorundasnz. Eer her eyi doldurursak yaayacak alan yada nesnelerin etkisi kalmaz. Yazlarn ve resimlerin uyumunu dnmek zorundayz.

Bilal ATASOY

Tasarm Elementleri / Boluk

almayla ilgili ok sayda materyalimiz olsa da yazsz ve resimsiz boluklar oluturmamz gerekir. (beyaz alan) Bu boluk gzn dinlenmesini ve grsellerin organizasyonunu salar. Sayfada yer alan yaz bloklar arasndaki boluk okuyucunun bloklar arasnda gz gezdirmesinde ona yardmc olur.

Bilal ATASOY

Tasarm Elementleri / Boluk

Sayfada yer alan ekillerin deeri ve yerleimi uzamsal bir iliki yaratarak odak noktas oluturur. Byk bir dnya resmini bolukla evrelediinizde, etrafta baka dnya resimleri olsa da izleyicinin gz byk dnya resmine taklacaktr.

Bilal ATASOY

Tasarm Elementleri / Boluk

Aklamalar

Bilal ATASOY

Boluk / neriler
Boluk brakarak gze dinlenme ans ver Elementleri birbirine bala (az boluk -> ok ilgililik) Pozitif ve negatif ekil olutur boyut etkisi ver (bir element dier tarafndan arkada
braklrsa geride hissi uyandrr)

nemli nesnenin etrafnda boluk oluturarak dikkat ekici kl

Bilal ATASOY

Boluk / neriler
zlenmesi kolay bir tasarm olutur (gerekli oran ve
bolua dikkat ederek)

ki nesne arasnda gerilim olutur (neredeyse

deeceklermi gibi yakn tut)

Nesneler arasnda farkl boluklar oluturarak sayfay dinamik tut Yazlarn okunaklln gz ard etme (satr, kelime,
harf paragraf arasnda uygun boluk)

Bilal ATASOY

Tasarm Elementleri / Boyut

Boyutun tasarmlarmzda nemli bir rol vardr. Boyut fonksiyonel bir edir. (Ailemizin boyutuna gre
araba alrz)

ekicidir. (kk ocuklar ve dev gkdelenler ilgimizi eker) Organize edicidir. (ocuklar boy srasna sokarak bir sreci
aklarz)

Bilal ATASOY

Tasarm Elementleri / Boyut

Tasarmlarmzn nihai boyutunu dnerek almamza balarz. Bu bizim snrlarmz belirler. Bir karar vermek gerekir. Tasarm elementleri bu limitlere sadk kalnarak m tasarlanacak yoksa ekicilik mi nce gelecek?

Bilal ATASOY

Tasarm Elementleri / Boyut

Fonksiyonel bir tasarm yapmak iin hedef kitlenin belirlenen uzaklkta tasarm izleyebilmesi iin gerekli byklkte yaz ve resim kullanlr. rnein emekliler iin bir ev bror hazrlanacaksa kitlenin yana uygun boyuttaki elementlerin kullanmna dikkat edilmelidir.

Bilal ATASOY

Tasarm Elementleri / Boyut

Nesnelerin byklklerini deitirerek (ztlklar oluturarak) ekicik salanabilir. Tasarmlar organize etmek iin en nemli elementlerin en byk, en nemsizinin de en kk olmasna dikkat edilmelidir. Balklar dier elementlerden genelde daha byk olur. Byk objeler kullancya yakn gelir.

Bilal ATASOY

Tasarm Elementleri / Boyut

Aklamalar

Bilal ATASOY

Tasarm Elementleri / Boyut

Aklamalar

Bilal ATASOY

Boyut / neriler !
En byk yaparak hangi elementin en nemli olduunu gster Elementlere boyut katarak sayfann nnde mi yoksa arkasnda m olduunu gster zleyene leklendirme ans ver (bir insan eli resmi ekleyerek resmin bykl hakknda bilgi sahibi olmasn sakla)

Bilal ATASOY

Boyut / neriler !
Tm elementlerin kolayca grlebildiinden emin ol Fark edilmesini sala (yazy byterek yada klterek) Ztlk oluturarak ilgi uyandr. (byk resmin yanna
kk yaz)

Ayn nem dzeyindeki balklar iin ayn boyutlar kullan

Bilal ATASOY

Tasarm Elementleri / Deer

Deer etrafmzdaki her eye ekil ve doku verir. Renk bir deere sahip olsa da (koyu krmz renkli bir elbise ve ak krmz bir ceket) siyah ve beyaz renklerle deerleri grselletirmek daha kolaydr.

Bilal ATASOY

Tasarm Elementleri / Deer

Eer bir sokan siyah beyaz resmini ekerseniz glgeler siyah grlecek, ak renkli ev resmi beyaz grlecek, dier eyler bu ikisi u arasnda gri grnecektir.

Bilal ATASOY

Tasarm Elementleri / Deer

Aacn gvdesindeki k farkllklarndan oluan deerler bize aacn evreli yapsn gsterir. Ayrca gvdesinde yer alan koyu ve ak dokular bizim dokuyu alglamamz salayacaktr.

Bilal ATASOY

Tasarm Elementleri / Deer

Tasarmdaki tm elementler bir deere sahiptir. nk deer ilikiseldir, bir elementin deeri etrafndaki ve arka-plandaki dier elementlerin deerlerinden etkilenecektir. Kk bir alana yazlan siyah renkli yazlar tasarm gri gsterecektir.

Bilal ATASOY

Tasarm Elementleri / Deer

Deer temalarmz gstermemiz iin nemli bir aratr. Aydnlktan karanla yumuak geilerle sakin bir atmosfer oluturulabilir. Pastel arka-plana sahip ortamlarda yumuak hatlara sahip resimlerle byle bir duygu aktarlabilir.

Bilal ATASOY

Tasarm Elementleri / Deer

Aydnlk ve karanlk tonlar arasnda keskin geilerle dramatik ve ilgi ekici bir atmosfer oluturulabilir. Sar ve siyah renklerdeki izgilerle oluturulan bir arka-plan ilgi ekici olabilir.

Bilal ATASOY

Tasarm Elementleri / Deer

Aklamalar

Bilal ATASOY

Tasarm Elementleri / Deer

Aklamalar

Bilal ATASOY

Deer / neriler !
Farkl trdeki nesneleri birbirinden grsel olarak ayr. (ak arka-plan, koyu yaz) Gz ynlendir (koyudan aa, aktan koyuya) Deerleri kullanarak dokular olutur boyutlu etkisi olutur

Bilal ATASOY

Deer / neriler !
Dramatik bir atmosfer olutur (deer farkll[ok koyuok ak])

Elementi vurgula (en nemli elementi en ak, dierlerini koyu yap) Objelerin nde mi arkada m olduunu belli et
(koyu alanlar arkada grlr)

Bilal ATASOY

Tasarm Elementleri / Renk

Renk hayatmzda pek ok ey anlamna gelir.
Objeleri tanmlamamz salar; (Elma krmzdr) Neneleri anlamamz salar; (yeil git demektir) Duygular ifade etmemizi salar. (zgnken duygumuzu
mavi diye tanmlarz)

Bilal ATASOY

Tasarm Elementleri / Renk

Tasarmlarmzda renkler ile hisler uyandrr, objeleri tanmlar ve mesajmz iletiriz. Yumuak renklerle lml yada romantik bir atmosfer yaratrz. Bir grup fotoraf renkli bir kutuya yerletirerek birlikte olduklarn vurgularz. nemli bir uyar iin parlak krmz rengi kullanrz.

Bilal ATASOY

Tasarm Elementleri / Renk

Renkler tasarmlarmza pek ok ey katar. Fakat bir renk seerken bu renk ile ne yapmak istediimizi dikkatlice dnmeliyiz.
Hangi renk en uygun, bir banka iin yeil mi yoksa altn rengi mi gvenilirlii daha iyi yanstr? Benzer firmalar iin hangi renkleri kullanmalyz, bu renkler dierleri ile benzer mi yoksa ok farkl m olmal?

Bilal ATASOY

Tasarm Elementleri / Renk

Renkleri kullan ekliniz almann nihai grnmnde farkllklar yaratacaktr.
Tasarmn iinde yer alan resimden bir renk se ve arka-plan rengi olarak kullan, bylece kesin bir grnt elde edersin. Eer gne bat ile ilgili bir resmin varsa bu rengi arka-planda kullanarak yumuak bir grnt elde edersin. Resimdekinden zt bir rengi arka-planda kullanrsan farkl bir grnt elde edersin. almay gnein bat ve yannda koyu renklerle kullanrsan dram oluturursun.

Bilal ATASOY

Tasarm Elementleri / Renk

Aklamalar

Bilal ATASOY

Tasarm Elementleri / Renk

Aklamalar

Bilal ATASOY

Renk / neriler !
nemli ksm vurgula (tm balklar krmz yaparak ne
kar)

Gz etkile Okuyucuya ilk nereden balayacan belirt (krmz

bir yuvarlan iine alarak ilk okunan/baklan olmasn sala)

Karlkl zt renkleri kullanarak ilgi ekici bir atmosfer olutur (mor-yeil ve turuncu-mavi)

Bilal ATASOY

Renk / neriler !
eleri birbirine bala (resimdeki rengi, arka-planda, izimde
yada yazda kullan)

Organize et (renk kodlar bir klavuzda yer alan nesneleri gruplamak

iin kullanlabilir)

Farkl blmleri farkl renk kodlar ile sembolize et His olutur (parlak renkler ilgi ekici gelirken, pastel renkler ile
akclk salanr)

Duygular provoke et

Bilal ATASOY

ZET
Tasarm elementleri gzel tasarmlar oluturmak iin nemli unsurlardr. Hangi elementi seeceiniz yada elementleri tasarmnzda nasl birletireceiniz projenizin trne ve mesajda uyandrmak istediiniz etkiye gre deiecektir.

Bilal ATASOY

ZET
imdi bu elementlerin neler olduunu ksaca gz atalm. nk bu elementleri anlamanz iyi bir tasarm oluturmanz iin nemli birer anahtardr.

Bilal ATASOY

ZET
izgi:
ki noktay birletiren herhangi bir iarettir. Tasarmlarmz organize etmeye, ynetmeye, ayrmaya veya bir duyguyu vermeye imkan salar

Bilal ATASOY

ZET
ekil:
Herey bir genilik ve ykseklie sahiptir. ekiller objeleri tanmlar, dikkat eker, fikirlerle iletiim kurmay salar.

Bilal ATASOY

ZET
Doku:
Bir yzeyin grnm ya da uyandrd histir. Dokular zenginlik, younluk katar ve bir atmosfer oluturmamz salar.

Bilal ATASOY

ZET
Boluk:
Bileenler arasndaki ya da evresindeki uzaklktr. Boluk ayrr, vurgular ve gze dinlenme frsat verir.

Bilal ATASOY

ZET
Boyut:
Nesnelerin ne kadar byk ya da kk olduu ile ilgilidir. Byklk neyin en nemli olduunu, neyin dikkat ekeceini belirtir ve tasarm elemanlarnn btnletirilmesine yardm eder.

Bilal ATASOY

ZET
Deer:
Bir alann koyuluu ya da akldr. Deer; blme, duygu yanstma, dram ekleme ve derinlik vermeye yardmc olur.

Bilal ATASOY

ZET
Renk:
Sembolik iletiimin vazgeilmez bir parasdr. Duygularn yanstlmasnda, ilgi ekmek iin, nesnelerin vurgulanmasnda ve organize edilmesinde kullanlr.

Grafik Tasarm
Blm 2 Tasarm Elementleri Teekkrler
Bilal ATASOY