Kontrast Nedir ? | Grafik Tasarım

thebeard

Art Director
15 Mar 2018
3,502
1,034
gfut58n.gif

Grafik tasarımda kontrast nedir ve neden önemlidir ?​


Kontrast, terim anlamı olarak zıtlığı temsil ediyor. Grafik tasarımda kontrast ise renklerin, fontların vb. öğelerin zıtlığını temsil ediyor. Vurgulamak istediğiniz mesajın ya da metinin öne çıkmasını, göze çarpmasını temsil ediyor. Duyuru, çekiliş, sunum tasarımlarında bu tekniğe oldukça başvurulduğunu görebilirsiniz.

Nedir peki bu ?​


En basit örneği, yukarıda hazırladığım gif'e baktığınızda anlayacaksınız. En temel ve en sade olan siyah / beyaz zıtlığı. Peki bunu açabilir miyiz ? Elbette, modern / geleneksel font, büyük / küçük, kare / üçgen vb. olarak da sunabiliriz. Bunları bir kaç örnekle pekiştirelim.

Renk Kontrastı​


Bu kontrastı oluşturmak için uyumlu ve tamamlayıcı renkler kullanmamız gerekir. Örnek vermek gerekirsek.



t0vh3kl.png



Elbette hayır, bunun için Adobe bize yardımcı oluyor. Adobe'nin geliştirdiği "Adobe Color" adlı web sitesi üzerinden renk paleti, gölge tonları, benzer renkler, üçlü, tamamlayıcı vb. gibi tonları uyumlu şekilde ayarlayabilirsiniz.





Peki doğru renk kontrastı nasıl olmalı ? Bunu bir kaç örnek ile açıklayalım.

cgackm8.png


Sadece metini belli etmek için mi kullanılır ? Tabii ki hayır, bi' nesneyi, ürünü de ortaya çıkarmak için kullanabilirsiniz. Bunlara da birkaç örnek verelim.

2vlga38.png


Umarım renk kontrastı hakkında kafanızda bir şey oluşmuştur. Bir diğer kontrast çeşidimize geçelim.

Boyut Kontrastı​

ojofe2t.png

Boyut kontrastı adından da anlaşılacağı üzere büyük / küçük yazılar, karakterler, resimler vs. kontrast elemanları. Yukarıda örnekte olduğu gibi basit şekilde metin boyutlarıyla oynayarak kontrast oluşturabilirsiniz. Vurgu yapılacak olan yazılar büyük, önemsiz yazılar ise küçük ayarlanarak kontrast oluşturulabilir. Bunu sadece metinle değil materyaller ile de yapabilirsiniz. Birkaç örnek vererek kafanızda boyut kontrastını daha net anlaşılmasını sağlayalım.

nqc39do.png


Görüldüğü üzere boyut kontrastı kullanımı oldukça basittir. Bir diğer kontrast çeşidimiz ise tür kontrastı.

Tür Kontrastı​


2a6ugf7.png


Tür kontrastı isminden pek anlaşılamayacağı üzere tasarımda da anlaşılması güçtür fakat etkisi çoktur. Metinde renk, boyut ya da şekil önemli olmadan kullanılabilir evet ama tasarımın tümünde aynı tipini kullanmak pek doğru olmayabilir. Vurguda kalın font kullanmak en popüler yöntemlerden birisidir. Bununla birlikte farklı fontlar kullanmak da sizlere kontrastlık sağlar fakat birden fazla font kullanmak bütünlükten uzaklaştıracağı için göze hitap etmez. Bunu anlamanız için size tek ve en kaliteli örneği aşağıya bırakıyorum.

fhmxc62.jpg


Yukarıda gördüğünüz tasarımda sadece iki farklı font kullanılmaktadır. Sadece vurgulanan yazılar kalın, diğerleri ince gözükmekte. Peki bunların topluca tek bir tasarımda kullanabilir misiniz ? Elbette, bunun için aşağıdaki görsel size oldukça yardımcı olacaktır.

66qynl8.png


Burada görüldüğü üzere üç kontrast tekniği de bir arada ustaca kullanılmış. Oldukça sade oldukça şık şekilde tasarlanılmış.

9mspana.gif

(bu da farklı bir kontrast örneği olsun, burada neler kullanıldığını yazabilene benden bir tane... )

 

cloz

Üye
28 May 2022
196
100
gfut58n.gif

Grafik tasarımda kontrast nedir ve neden önemlidir ?​


Kontrast, terim anlamı olarak zıtlığı temsil ediyor. Grafik tasarımda kontrast ise renklerin, fontların vb. öğelerin zıtlığını temsil ediyor. Vurgulamak istediğiniz mesajın ya da metinin öne çıkmasını, göze çarpmasını temsil ediyor. Duyuru, çekiliş, sunum tasarımlarında bu tekniğe oldukça başvurulduğunu görebilirsiniz.

Nedir peki bu ?​


En basit örneği, yukarıda hazırladığım gif'e baktığınızda anlayacaksınız. En temel ve en sade olan siyah / beyaz zıtlığı. Peki bunu açabilir miyiz ? Elbette, modern / geleneksel font, büyük / küçük, kare / üçgen vb. olarak da sunabiliriz. Bunları bir kaç örnekle pekiştirelim.

Renk Kontrastı​


Bu kontrastı oluşturmak için uyumlu ve tamamlayıcı renkler kullanmamız gerekir. Örnek vermek gerekirsek.



t0vh3kl.png



Elbette hayır, bunun için Adobe bize yardımcı oluyor. Adobe'nin geliştirdiği "Adobe Color" adlı web sitesi üzerinden renk paleti, gölge tonları, benzer renkler, üçlü, tamamlayıcı vb. gibi tonları uyumlu şekilde ayarlayabilirsiniz.





Peki doğru renk kontrastı nasıl olmalı ? Bunu bir kaç örnek ile açıklayalım.

cgackm8.png


Sadece metini belli etmek için mi kullanılır ? Tabii ki hayır, bi' nesneyi, ürünü de ortaya çıkarmak için kullanabilirsiniz. Bunlara da birkaç örnek verelim.

2vlga38.png


Umarım renk kontrastı hakkında kafanızda bir şey oluşmuştur. Bir diğer kontrast çeşidimize geçelim.

Boyut Kontrastı​

ojofe2t.png

Boyut kontrastı adından da anlaşılacağı üzere büyük / küçük yazılar, karakterler, resimler vs. kontrast elemanları. Yukarıda örnekte olduğu gibi basit şekilde metin boyutlarıyla oynayarak kontrast oluşturabilirsiniz. Vurgu yapılacak olan yazılar büyük, önemsiz yazılar ise küçük ayarlanarak kontrast oluşturulabilir. Bunu sadece metinle değil materyaller ile de yapabilirsiniz. Birkaç örnek vererek kafanızda boyut kontrastını daha net anlaşılmasını sağlayalım.

nqc39do.png


Görüldüğü üzere boyut kontrastı kullanımı oldukça basittir. Bir diğer kontrast çeşidimiz ise tür kontrastı.

Tür Kontrastı​


2a6ugf7.png


Tür kontrastı isminden pek anlaşılamayacağı üzere tasarımda da anlaşılması güçtür fakat etkisi çoktur. Metinde renk, boyut ya da şekil önemli olmadan kullanılabilir evet ama tasarımın tümünde aynı tipini kullanmak pek doğru olmayabilir. Vurguda kalın font kullanmak en popüler yöntemlerden birisidir. Bununla birlikte farklı fontlar kullanmak da sizlere kontrastlık sağlar fakat birden fazla font kullanmak bütünlükten uzaklaştıracağı için göze hitap etmez. Bunu anlamanız için size tek ve en kaliteli örneği aşağıya bırakıyorum.

fhmxc62.jpg


Yukarıda gördüğünüz tasarımda sadece iki farklı font kullanılmaktadır. Sadece vurgulanan yazılar kalın, diğerleri ince gözükmekte. Peki bunların topluca tek bir tasarımda kullanabilir misiniz ? Elbette, bunun için aşağıdaki görsel size oldukça yardımcı olacaktır.

66qynl8.png


Burada görüldüğü üzere üç kontrast tekniği de bir arada ustaca kullanılmış. Oldukça sade oldukça şık şekilde tasarlanılmış.

9mspana.gif

(bu da farklı bir kontrast örneği olsun, burada neler kullanıldığını yazabilene benden bir tane... )

eline sağlık hocam
 

JohnWick51

Uzman üye
20 Mar 2022
1,866
770
28
gfut58n.gif

Grafik tasarımda kontrast nedir ve neden önemlidir ?​


Kontrast, terim anlamı olarak zıtlığı temsil ediyor. Grafik tasarımda kontrast ise renklerin, fontların vb. öğelerin zıtlığını temsil ediyor. Vurgulamak istediğiniz mesajın ya da metinin öne çıkmasını, göze çarpmasını temsil ediyor. Duyuru, çekiliş, sunum tasarımlarında bu tekniğe oldukça başvurulduğunu görebilirsiniz.

Nedir peki bu ?​


En basit örneği, yukarıda hazırladığım gif'e baktığınızda anlayacaksınız. En temel ve en sade olan siyah / beyaz zıtlığı. Peki bunu açabilir miyiz ? Elbette, modern / geleneksel font, büyük / küçük, kare / üçgen vb. olarak da sunabiliriz. Bunları bir kaç örnekle pekiştirelim.

Renk Kontrastı​


Bu kontrastı oluşturmak için uyumlu ve tamamlayıcı renkler kullanmamız gerekir. Örnek vermek gerekirsek.



t0vh3kl.png



Elbette hayır, bunun için Adobe bize yardımcı oluyor. Adobe'nin geliştirdiği "Adobe Color" adlı web sitesi üzerinden renk paleti, gölge tonları, benzer renkler, üçlü, tamamlayıcı vb. gibi tonları uyumlu şekilde ayarlayabilirsiniz.





Peki doğru renk kontrastı nasıl olmalı ? Bunu bir kaç örnek ile açıklayalım.

cgackm8.png


Sadece metini belli etmek için mi kullanılır ? Tabii ki hayır, bi' nesneyi, ürünü de ortaya çıkarmak için kullanabilirsiniz. Bunlara da birkaç örnek verelim.

2vlga38.png


Umarım renk kontrastı hakkında kafanızda bir şey oluşmuştur. Bir diğer kontrast çeşidimize geçelim.

Boyut Kontrastı​

ojofe2t.png

Boyut kontrastı adından da anlaşılacağı üzere büyük / küçük yazılar, karakterler, resimler vs. kontrast elemanları. Yukarıda örnekte olduğu gibi basit şekilde metin boyutlarıyla oynayarak kontrast oluşturabilirsiniz. Vurgu yapılacak olan yazılar büyük, önemsiz yazılar ise küçük ayarlanarak kontrast oluşturulabilir. Bunu sadece metinle değil materyaller ile de yapabilirsiniz. Birkaç örnek vererek kafanızda boyut kontrastını daha net anlaşılmasını sağlayalım.

nqc39do.png


Görüldüğü üzere boyut kontrastı kullanımı oldukça basittir. Bir diğer kontrast çeşidimiz ise tür kontrastı.

Tür Kontrastı​


2a6ugf7.png


Tür kontrastı isminden pek anlaşılamayacağı üzere tasarımda da anlaşılması güçtür fakat etkisi çoktur. Metinde renk, boyut ya da şekil önemli olmadan kullanılabilir evet ama tasarımın tümünde aynı tipini kullanmak pek doğru olmayabilir. Vurguda kalın font kullanmak en popüler yöntemlerden birisidir. Bununla birlikte farklı fontlar kullanmak da sizlere kontrastlık sağlar fakat birden fazla font kullanmak bütünlükten uzaklaştıracağı için göze hitap etmez. Bunu anlamanız için size tek ve en kaliteli örneği aşağıya bırakıyorum.

fhmxc62.jpg


Yukarıda gördüğünüz tasarımda sadece iki farklı font kullanılmaktadır. Sadece vurgulanan yazılar kalın, diğerleri ince gözükmekte. Peki bunların topluca tek bir tasarımda kullanabilir misiniz ? Elbette, bunun için aşağıdaki görsel size oldukça yardımcı olacaktır.

66qynl8.png


Burada görüldüğü üzere üç kontrast tekniği de bir arada ustaca kullanılmış. Oldukça sade oldukça şık şekilde tasarlanılmış.

9mspana.gif

(bu da farklı bir kontrast örneği olsun, burada neler kullanıldığını yazabilene benden bir tane... )

Ellerinize saglik
 

32563

Üye
27 May 2022
112
54
Elinize sağlık. Adobe Color'un yanında Coolors da kullanabilirsiniz, ikisi birbirini tamamlıyor. :)
 
30 May 2022
51
19
gfut58n.gif

Grafik tasarımda kontrast nedir ve neden önemlidir ?​


Kontrast, terim anlamı olarak zıtlığı temsil ediyor. Grafik tasarımda kontrast ise renklerin, fontların vb. öğelerin zıtlığını temsil ediyor. Vurgulamak istediğiniz mesajın ya da metinin öne çıkmasını, göze çarpmasını temsil ediyor. Duyuru, çekiliş, sunum tasarımlarında bu tekniğe oldukça başvurulduğunu görebilirsiniz.

Nedir peki bu ?​


En basit örneği, yukarıda hazırladığım gif'e baktığınızda anlayacaksınız. En temel ve en sade olan siyah / beyaz zıtlığı. Peki bunu açabilir miyiz ? Elbette, modern / geleneksel font, büyük / küçük, kare / üçgen vb. olarak da sunabiliriz. Bunları bir kaç örnekle pekiştirelim.

Renk Kontrastı​


Bu kontrastı oluşturmak için uyumlu ve tamamlayıcı renkler kullanmamız gerekir. Örnek vermek gerekirsek.



t0vh3kl.png



Elbette hayır, bunun için Adobe bize yardımcı oluyor. Adobe'nin geliştirdiği "Adobe Color" adlı web sitesi üzerinden renk paleti, gölge tonları, benzer renkler, üçlü, tamamlayıcı vb. gibi tonları uyumlu şekilde ayarlayabilirsiniz.





Peki doğru renk kontrastı nasıl olmalı ? Bunu bir kaç örnek ile açıklayalım.

cgackm8.png


Sadece metini belli etmek için mi kullanılır ? Tabii ki hayır, bi' nesneyi, ürünü de ortaya çıkarmak için kullanabilirsiniz. Bunlara da birkaç örnek verelim.

2vlga38.png


Umarım renk kontrastı hakkında kafanızda bir şey oluşmuştur. Bir diğer kontrast çeşidimize geçelim.

Boyut Kontrastı​

ojofe2t.png

Boyut kontrastı adından da anlaşılacağı üzere büyük / küçük yazılar, karakterler, resimler vs. kontrast elemanları. Yukarıda örnekte olduğu gibi basit şekilde metin boyutlarıyla oynayarak kontrast oluşturabilirsiniz. Vurgu yapılacak olan yazılar büyük, önemsiz yazılar ise küçük ayarlanarak kontrast oluşturulabilir. Bunu sadece metinle değil materyaller ile de yapabilirsiniz. Birkaç örnek vererek kafanızda boyut kontrastını daha net anlaşılmasını sağlayalım.

nqc39do.png


Görüldüğü üzere boyut kontrastı kullanımı oldukça basittir. Bir diğer kontrast çeşidimiz ise tür kontrastı.

Tür Kontrastı​


2a6ugf7.png


Tür kontrastı isminden pek anlaşılamayacağı üzere tasarımda da anlaşılması güçtür fakat etkisi çoktur. Metinde renk, boyut ya da şekil önemli olmadan kullanılabilir evet ama tasarımın tümünde aynı tipini kullanmak pek doğru olmayabilir. Vurguda kalın font kullanmak en popüler yöntemlerden birisidir. Bununla birlikte farklı fontlar kullanmak da sizlere kontrastlık sağlar fakat birden fazla font kullanmak bütünlükten uzaklaştıracağı için göze hitap etmez. Bunu anlamanız için size tek ve en kaliteli örneği aşağıya bırakıyorum.

fhmxc62.jpg


Yukarıda gördüğünüz tasarımda sadece iki farklı font kullanılmaktadır. Sadece vurgulanan yazılar kalın, diğerleri ince gözükmekte. Peki bunların topluca tek bir tasarımda kullanabilir misiniz ? Elbette, bunun için aşağıdaki görsel size oldukça yardımcı olacaktır.

66qynl8.png


Burada görüldüğü üzere üç kontrast tekniği de bir arada ustaca kullanılmış. Oldukça sade oldukça şık şekilde tasarlanılmış.

9mspana.gif

(bu da farklı bir kontrast örneği olsun, burada neler kullanıldığını yazabilene benden bir tane... )

elinize emeğinize sağlık. kaç gündür böyle birşey arıyordum çok teşekkür ederim
 
Üst

Turkhackteam.org internet sitesi 5651 sayılı kanun’un 2. maddesinin 1. fıkrasının m) bendi ile aynı kanunun 5. maddesi kapsamında "Yer Sağlayıcı" konumundadır. İçerikler ön onay olmaksızın tamamen kullanıcılar tarafından oluşturulmaktadır. Turkhackteam.org; Yer sağlayıcı olarak, kullanıcılar tarafından oluşturulan içeriği ya da hukuka aykırı paylaşımı kontrol etmekle ya da araştırmakla yükümlü değildir. Türkhackteam saldırı timleri Türk sitelerine hiçbir zararlı faaliyette bulunmaz. Türkhackteam üyelerinin yaptığı bireysel hack faaliyetlerinden Türkhackteam sorumlu değildir. Sitelerinize Türkhackteam ismi kullanılarak hack faaliyetinde bulunulursa, site-sunucu erişim loglarından bu faaliyeti gerçekleştiren ip adresini tespit edip diğer kanıtlarla birlikte savcılığa suç duyurusunda bulununuz.