salih akkemik - renk ve görsel tasarım İlişkisi

42
Ren ve Görsel Tasarım İlişkisi Salih Akkemik

Upload: enformatik-seminerleri

Post on 19-Jun-2015

6.702 views

Category:

Design


0 download

DESCRIPTION

Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

TRANSCRIPT

Page 1: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

Renve

Görsel Tasarım İlişkisiSalih Akkemik

Page 2: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

PLAN

GİRİŞ

RENK nedir?

Renk serisi

Renk modlarıRGB-CMYK ve Spot renkler

Rengin YapısıToplamsalÇıkarımsalAlgısal

RENK KullanımıGenelColor correctionTonal correction

Renk seçimiSıcak-Soğuk renklerKontrastSatureYumuşak-Sert ve TransparanSiyah-BeyazDolu-Boş dengesi (negatif-pozitif alan)ArayüzÖrnekler

Sorular

Page 3: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

Giriş

İnsanlar yaşamın her anında çevreleriyle aktif bir iletişim halindedir. Algılama kanalları sürekli yeni mesajları insan beynineulaştırmaktadır. Bu koşullar içinde görsel algılama en hızlı ve güçlü olanıdır. Gördüğümüz her nesnenin görünüşü bizim içinyeni bir anlam üretmektedir. Bu anlamlandırma eyleminde rengin ayrı bir önemi bulunmaktadır. Unutulmamalıdır ki; insanoğluher zaman diliminde kıyafetten tuttuğu takıma, evlerin duvar boyalarından ülkelerin bayraklarına kadar her nesneye veya eyleme bir renk yüklemiştir.

Page 4: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

Renk nedir?

Bir tür elektromanyatik dalga olan ışık, bütün renkleri bünyesinde toplayan bir yapıya sahiptir. Gün ışığını prizmadan geçirerek ayırdığımızda sırasıyla, kırmızı, turuncu, sarı, yeşil, mavi, lacivert ve mor renkleri elde ederiz.

Page 5: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

Renk nedir?

İnsan tarafından renklerin algılanması, ışığa, ışığın cisimler tarafından yansıtılışına ve öznenin göz yardımıyla beyne iletilmesi sayesinde gerçekleşir. Elmanın kırmızı rengini, cisimden sadece kırmızı renk yansıdığı içingörürüz.

Page 6: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

Renk nedir?

Sayısal (digital) olarak renk ekran formatında görüntüleme aygıtlarının (monitör, ekran kartı vb.) sahip olduğu donanımabağlı olarak renk derinliğinin (color depth) kapasitesine göre RGB formatında görüntülenir. Günümüzde yaygın olarak kullanılan bilgisayarlar 32 bit renk derinliğinde gerçek renk (true color) formatında çalışmaktadır.

1-bit = 21 = 2 renk (siyah-beyaz)

2-bit = 22 = 4 renk (grayscale)

4-bit = 24 = 16 renk

8-bit = 28 = 256 renk

16-bit = 216 = 65536 renk

24-bit = 224 = 16.777.216 renk (Gerçek Renk)(Gerçek Renk = 8-bit R x 8-bit G x 8 bit B = 256 x 256 x 256 = 16.777.216)

32-bit = 232 = 4.294.967.296 renk(32-bit = 8-bit R x 8-bit G x 8 bit B x 8 bit alpha/transparency = 4.294.967.296)

Page 7: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

Rengin üç ana yapısı:

• Işık ile renk (toplamsal renk metodu)

• Pigmentler ile renk (çıkarımsal renk metodu)

• Algısal olarak renk

Page 8: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

Işık ile renk (toplamsal renk metodu):

Rengin üç ana yapısı:

Toplamsal renk metoduna göre üç ana ışık rengi olan mavi, yeşil ve ve kırmızı birleştiğinde beyazı oluşturur.Üç rengin de tam güç ile yandığı noktalardaki görünen ışık beyaz, tüm renklerin kapalı olduğu noktalardaki renk ise siyahtır.

Page 9: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

Pigmentler ile renk (çıkarımsal renk metodu):

Rengin üç ana yapısı:

Nesnelere rengini veren maddelere pigment denir. Evlerimizde kullanılan boyalar, basımevinde kullanılan mürekkepler, içlerinde bulunan pigmentler sayesinde renklilik özelliği kazanır. Çıkarımsal renk metodunda tüm renklerin karışımısiyahı verir. Bunun yanı sıra çıkarımsal renk metodunda üç ana renk sarı, cyan ve magentadır.

Page 10: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

Algısal olarak renk:

Rengin üç ana yapısı:

Renk, çevreyle birlikte tanımlanan bir olgudur, bu yüzden bilgi ve iletişim boyutunda doğal-yapay çevreyi anlamak ve ilişkide bulunmak kesin gerekliliktir. Rengin kültürlerarası farklı anlamlandırılması da göz önünde tutulmalıdır. Söz gelimi siyah, Batı toplumlarında matemi, ölümü sembolize ederken bazı toplumlarda aynı durum için beyazın kullanıldığı görülmüştür. Batı’da turuncu, enerjik, mutluluk, heyecan kavramlarıyla örtüşen bir anlam bütünlüğüne sahipken;Doğu’da Hindistan’da, kutsal bir renktir. Bu nedenle reklamcılıkta kullanımı Batı’daki kadar yaygın değildir.

Page 11: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

Renk serisi (gamı):

Görünen ışık içinde birkaç milyon renk barındırır, ancak bu renklerin her biri bilgisayar veya basım mürekkebi tarafından üretilemez.

A: İnsan gözünün renk alanıB: Renkli filmin renk alanıC: Bilgisayar ekranının renk alanıD: Baskı renk alanı

Page 12: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

Renk modları:

İnsan gözü 400-500 nm civarındaki dalga boylarını mavi, 500-600 nm civarındakileri yeşil ve 600-700 nm civarındakileri kırmızı olarak algılar. Bilgisayar dünyasında bunlar üç temel renk; RGB olarak tanınır. RGB ekranlarda, televizyonlarda, tarayıcılarda vb. tertibatlarda kullanılır.

RGB-CMYK

Beyaz ışık üç temel rengin %100 oranında karışımından elde edilir. Karışımdan kırmızı ayrıştırıldığı zaman cyan (mavi ve yeşil karışımı bir renk), yeşil çıkartıldığında magenta , mavi çıkartıldığındaysa sarı elde edilir. CMYK modeli (siyan(cyan), magenta, sarı ve siyah) , özellikle matbaacılıkta çok yaygın kullanılan bir modeldir.

Page 13: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

Renk modları:

Dört CMYK mürekkebi, siyan (C), magenta (M), sarı (Y) ve siyah (K), çoğu baskı işleminde doğadaki renkleri üretebilmek için kullanılır. Bu teknik çalışılmış renk baskısı adını alır.Bazı durumlarda, spot renkli baskı (kişileştirilmiş renkler de denen) kullanılır. Spot renkler üretici tarafından özel mürekkeple hazırlanan renklerdir.

Özel-Spot Renkler

Spot renkler, kusursuz üretilmesi gereken veya CMYK ile üretilmesi zor olan renkler, firma logoları veya özel efektler için kullanılır.Pantona ve FocolTOne renk sistemleri spot renkleri seçmenin mümkün olduğu örnekleri seçerler. Spot renkler programları tarafından doğrudan ayırt edilebilirler.

Page 14: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

Renk Çemberi:

Renk Çemberi 1666'da Isaac Newton tarafından oluşturulmuştur. Temel olarak kırmızı, mavi ve sarı ana renkler olarak belirlenmiş ve bu renklerin karıştırılmasından elde edilen 12 tonun yanyana gelmesinden meydana gelmektedir. Tasarımcılar ve ressamlar renk çemberinden hangi renklerin uyumlu olduğunu belirlemek için yararlanırlar.

Page 15: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

Renk kullanımı:

Grafik tasarımcı kavramsal çözüm, tipografi, kompozisyon gibi pek çok sorun ile başa çıkmaya çalışırken bir yandan da renk öğesini tasarımının bir elemanı olarak oluşturmak durumundadır. Renk aynı zamanda bir tasarım öğesidir. Renk ve ton değerleri sayesinde biçimleri, tipografiyi, önplanı görünür kılar veya arkaplana iteriz. Renk görsel hiyeyarşiyi organize etmek aşamasında önemli bir etmendir. Renk konusu içinde renklerin tek başlarına analizinin yanı sıra, birbirleriyle olan ilişkileri de değerlendirilmelidir.

Page 16: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

Renk kullanımı:

Direkt olarak renk özleri üzerinde yapılan işlemler sonucu gerçekleşen renk değiştirme eylemidir.Color correction çoğu zaman kullanılacak doğru rengi bulmak için yapılsa da, kimi zaman görünen rengibozmak için de yapılabilir. (Photoshop’daki “Hue/Saturation” ayarı gibi.)

Color Correction:

Page 17: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

Renk kullanımı:

Rengi yapısal olarak bir değişime uğratmak yerine, sadece görünen rengin tonları üzerinde değişiklik yapmaktır.Tonlama olarak da adlandırılır. Renk özüne direkt olarak etki etmez. (Photoshop’daki “Brightness/Contrast” ayarı gibi.)

Tonal Correction:

Page 18: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

SICAK ve SOĞUK renkler:

Renk seçimi:

Sıcak renkler, dalga boyu yüksek olan sarı, kırmızı ve turuncu gibi renklerden oluşur. Bunun yanı sıra dalga boyu daha düşük olan soğuk renkler ise mavi, mor ve yeşildir.

Page 19: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

SICAK ve SOĞUK renkler:

KIRMIZI: Sıcak renklerin başında gelir. Dalga boyunun büyüklüğünden dolayı göze hemen çarpar. Bu nedenle hemen hemen tüm uyarılar kırmızı renkle yazılır, yapılır. Örneğin, trafik ışıklarında kırmızının kullanımı gibi. Kırmızı hareketli, dinamik bir renktir. Bu nedenle (tonuna bağlı olarak) insanı tedirgin, rahatsız edebilir. Bazı dergi ve gazetelerde ayak üstü yemek yenen ticari yerlerin, müşterinin bir an önce yemeğini yiyip gitmesi için özellikle kırmızıya boyandığı yazılmıştır. Kısacası kırmızı önce alev alev insanı çeker, sonra da tedirgin, huzursuz edip iter.

Renk seçimi:

Page 20: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

SICAK ve SOĞUK renkler:

TURUNCU: Kırmızıdan sonraki en sıcak renktir. Onun kadar olmasa da hareketli, dinamik, dikkat çekici, çarpıcı bir renktir. Kırmızıdan farklı olarak insanı tedirgin, rahatsız eden bir yanı yoktur. Kırmızıya göre daha yumuşak, daha iç açıcı, daha hoş bir renktir. İnsanda coşku ve canlılık duyguları uyandırır, moral yükselticidir.

Renk seçimi:

Page 21: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

SICAK ve SOĞUK renkler:

SARI: Sıcak renk olarak bilinse de yeşile kaçan tonu soğuk renk gibi algılanır. Bu nedenle de insanlarda değişik duygular yaratır. Sarı aydınlığın-ışığın rengi diye bilinir ve güneşi çağrıştırır. Yıllardır ressamlara ilham kaynağı olan bu renk tuvallerde sarı başaklar şeklinde kendini göstermiştir. Bir anlamda üretimin, verimliliğin, bolluğun rengidir. Ressamların yapıtlarını incelediğimizde ışığın sarı; gölgenin mavi ile vurgulandığını görürüz. Güneşin, ışığın rengi olan bu sarı insanda coşkuyu artırır, sevinç ve neşe duygusu yaratır. Ancak yeşile kaçan sarı tonlar canlılığını kaybetmiş olup soğuk renk gibi algılanır. Sonbahar da hüznü yaratan da sarıdır.

Renk seçimi:

Page 22: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

SICAK ve SOĞUK renkler:

YEŞİL: Rahatlatıcı, iç açıcı, huzur verici renktir. İnsanlarda ferahlık, dinlendirici etkisi yaratır. Statik, durgun bir renk olduğu için sükuneti simgeler. İlkbaharı, doğuşu, canlanışı çağrıştırır. Kısacası yeşil doğayı simgeler. Bu nedenle de günümüzde çevreci grupların-partilerin kendilerine seçtikleri renk yeşildir. Doğal olarak da tazeliği, gençliği ve umudu yansıtmaktadır. İlaçların bitkilerden elde edilmesinden dolayı, Ortaçağdan beri yeşil renk sağlıkla da ilişkilendirilmektedir. Hatta kimileri cerrahların yeşil giymesini buna bağlar. Ancak yeşilin soğuran renk olması nedeniyle cerrahların elbiselerinde kanı belirgin şekilde göstermediği de bir gerçektir.

Renk seçimi:

Page 23: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

SICAK ve SOĞUK renkler:

MAVİ: Dünyada en fazla görülen renktir. Mavi denilince akla önce gökyüzü, denizler gelir. Ancak uzaktaki dağların da mavi göründüğü bir gerçektir. Sınırsızlığın, sonsuzluğun ve de özgürlüğün rengidir. Durağan, statik bir renktir. İnsanlarda, dinginlik, serinlik, huzur, mutluluk duygusu yaratır. Sakinliğin, engin hoşgörünün simgesidir. Yapılan araştırmalar sonucu mavinin hakim olduğu ortamlarda yaşayanların sinir sistemlerinin çok güçlü olduğu söylenmektedir. Sigmund Freud maviyi sakin bir renk diye niteler. Nazar boncuklarının mavi olması da anlamlıdır. Dikkat çekici bir renk olmadığı için fonda kullanımı yapıtın etkisini artırır.

Renk seçimi:

Page 24: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

SICAK ve SOĞUK renkler:

MOR: Kırmızı ve mavinin birleşiminden oluştuğu için bu 2 rengin oranlarına göre değişik tonlar oluşturmaktadır.Ancak genelde mor rengin acıyı, hüznü, üzüntüyü, içe kapanıklığı, depresyonu, çağrıştırdığı bilinir. Tonlarına göre hayal gücünü, sezgileri harekete geçirdiği çalışma şevkini ve de yaratıcılığı artırdığı da söylenir. Chopin’in bestelerini yaptığı odanın mor renkten oluştuğu bilinen bir gerçektir.

Renk seçimi:

Page 25: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

SICAK ve SOĞUK renkler:

Renk seçimi:

Page 26: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

Renk seçimi:

SICAK ve SOĞUK renkler:

Page 27: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

SICAK ve SOĞUK renkler:

Firmalar kurumsal kimliklerini doğru bir şekilde yansıtan ve iletişimi doğru kurabilen renkler seçerler.

Renk seçimi:

Page 28: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

SICAK ve SOĞUK renkler:

Her renk kullanıldığı yere göre bir anlam kazanabilir. Bu, insan gözü ve beyni arasında kurulan köprüdeoluşan görüntünün algısal bir sonucudur.

Renk seçimi:

Page 29: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

KONTRAST renkler:

Renkler arasındaki tonsal değerler açısından açıklık, koyuluk farkına denir.Kontrast arttıkça gözle görülenfarklar artar, objeler zeminden ayrılırlar. En belirgin ve mutlak zıtlık siyah ve beyaz arasındadır.

Renk seçimi:

Page 30: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

KONTRAST renkler:

Kontrast azaldıkça renk tonları birbirlerine yaklaşır. Kontrast arttıkça renk tonları birbirlerinden ayrılarak belirgin ve hakimrenkler ön plana çıkarlar.

Renk seçimi:

Page 31: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

SATURE renkler:

Saturation işlemi, renklerin doygunluk oranını değiştiren bir işlemdir. Saturation değeri düştükçe renksiyah beyaz tonlara yaklaşır. Değer artıkça ise renklerin doygunluğu artar ve belirli bir düzeyden sonrapikseller üzerinde bozulmalara neden olabilir. İyi bir color correction işleminden sonra, sature edimişgörsellerin dramatik etkisi yüksek sonuçlar verir.

Renk seçimi:

Page 32: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

Sert-Yumuşak renkler ve Transparan etkisi:

Genellikle ana renklerin koyu tonları sert renkler olarak değerlendirilirler. Ruhsal açıdan zorlayıcı, itici hattabazen sinir bozucu olabilirler. Yumuşak renkler ise zemin oluşturmada sıkça kullanılır çünkü gözü dinlendiricive rahatlatıcı etkisi vardır.

Renk seçimi:

Page 33: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

Sert-Yumuşak renkler ve Transparan etkisi:

Transparanlık tarafsızlık, şeffaflık, açıklık, derinlik, sınırsızlık ve sonsuzluk gibi çok sayıda anlam ifade edebilir.Ayrıca estetik yönü çok kuvvetlidir. Bunun yanında beraberinde iç içe geçmeleri, karışmaları ve göz yanılmalarıyarattığından, gerçekçilikten uzaklaşma ve surrealist yaklaşımlar getirebilir.

Renk seçimi:

Page 34: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

Siyah-Beyaz etkisi:

Siyah ve beyaz yaşamın her döneminde zıtlığın, karşılaştırmanın ve kullanımda birlikteliğin adeta sembolühaline gelmiştir. Kullanıldıkları yere göre çok farklı anlamlar içerebilirler. Batı toplumlarında siyah ölümü, matemi temsil ederken, bazı kültürlerde bu kavramları beyazın temsil ettiği görülmektedir. Bunun yanında beyaz iyinin, saflığın ve barışın sembolü iken siyah kötünün, asaletin ve ciddiyetin sembolü olarak kabul görmektedir.

Renk seçimi:

Page 35: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

Siyah-Beyaz etkisi:

Bir görselin siyah beyaz tonlarda (grayscale mod) olması ise kullanım alanına göre farklılıklar gösterir.Nostaljiyi ve eskiyi çağrıştırmasının yanında, estetiği, şıklığı, aşkı, dramı, acıyı, hüznü, özlemi, korkuyu vb. duyguları da anlatabilir. Sadece gri tonlardan oluşmuş bir görselde renksel hatalar daha az göze çarpar. Özellikle fotografik çalışmalarda dramatik etkisi çok yüksektir. Bunun yanında tipografik çalışmalarda siyah vebeyazın oluşturduğu zıtlığın etkisi, vazgeçilmez bir tasarım unsurudur.

Renk seçimi:

Page 36: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

Dolu-Boş dengesi (negatif-pozitif alan):

Oluşturulan tasarımlarda kullanılan ya da kullanılmayan her malzeme veya elaman bir alan kaplar. Yani tasarımlarda bırakılan boşluklar da bir alandır. İşte bu alanlar mantığı içinde her şekil, nesne yada rastgele bir öğe pozitif alanı, bunların arasındaki boş alanlar yani uzay da negatif alanı oluşturur. Tasarımda bu dolu-boş dengesi çok önemli ve kritik bir noktadır. Tasarımcı oluşturacağı tasarımda her alanı hesaplamak ve dolduracağı ileboş bırakacağı alanları bilmek zorundadır. Negatif-pozitif alanlar kapsamında açık renkli objeler daha büyükmüş gibi görünürler.

Renk seçimi:

Page 37: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

Arayüzde kullanılan renklerin genel durum anlamları;

Kırmızı: Uyarı, tehlike, dur, yasak, acil, sıcak, off (kapalı/deaktif,çalışmıyor),

Yeşil: Güvenli, devam, git, tamamlandı/bitti, onay, on (açık/aktif/çalışıyor)

Mavi: Soğuk, durgun, deaktif, diğer

Sarı: Tedbir, ihtiyat, teyakkuz, ikaz

Renk seçimi:

Page 38: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

Sosyal Networklerin renk seçimleri;

Renk seçimi:

Page 39: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

Sosyal Networklerin renk seçimleri;

Renk seçimi:

Page 40: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi
Page 41: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

Renk seçimi ve kullanımı günlük hayatımızın her alanına etki etmektedir.

Renk seçimi :

Page 42: Salih Akkemik - Renk ve Görsel Tasarım İlişkisi

Katıldığınız için teşekkür ederim.

Sorular?