Bilgisayar Destekli Grafik Tasarm 1 Bilgisayar Destekli Grafik
Bilgisayar Destekli Grafik Tasarım 1 Bilgisayar Destekli Grafik Tasarımı AYŞE ARUŞ 2016489319
İÇİNDEKİLER : Ø • • Ø • YAZI KARAKTERİ FONT MAJİSKÜL MİNİSKÜL SERİF VE SANS SERİF ESPAS ÖZELLİKLERİ YAZI BLOKLARININ VE SATIR UZUNLUKLARININ OKUNABİLİRLİĞE ETKİSİ • PARAGRAF VE SÜTUN ARASI BOŞLUKLAR • METİN DÜZENLEME BİÇİMLERİ Ø AMBLEM VE Amblem Çeşitleri • Logo , Logotype Ø KURUMSAL KİMLİK • TEMEL STANDART ÖLÇÜLER • KURUMSAL KİMLİKDE TUTARLILIK • KARTVİZİTLER • KAYNAKÇA
YAZI KARAKTERİ : Bir yazı karakteri, aynı belirgin tasarıma sahip karakterlerin, harflerin, rakamların, sembollerin, noktalama işaretlerinin (vb. ) bir koleksiyonudur. 3
FONT : Bir font bilgisayar kodu, litografik film, metal veya ahşap kalıp olsun, yazı karakterinin fiziksel şekilde üretimidir. 4
YAZI KARAKTERİ : BİÇEMLERİ • Bir yazı karakteri ailesi, aynı temel “Dik Düz” (Roma) yazı karakterlerine uygulanabilen bir dizi farklı karakter biçemlerini içerir. 5
YAZI KARAKTERİ : 1) Dik Düz (Roman) Dik Düz, temel kesimdir ve gövde metinlerinin çoğunluğunun dizildiği temel biçemdir. Diğer aile üyeleri, bunun çeşitlemeleridir ve bu tasarımcıya çeşit ve vurgu anlamında büyük esneklik sağladığı gibi, yazı karakterinin kilit özelliklerini korurken gerektiğinde daha ilginç ve kullanışlı tasarım yapabilmesine de olanak verirler. 6
YAZI KARAKTERİ : 2) İtalik Düz kesimin sağa eğimli bir çeşidi. Çoğu yazı karakterinin bir italik çeşidi bulunur. 7
YAZI KARAKTERİ : 3)Daraltılmış (condensed) Daraltılmış, Dik düz'ün daha dar bir çeşididir. Sağdan ve soldan bastırılarak üstten aşağı uzatılmış gibi görünür. 8
YAZI KARAKTERİ : 4) Genişletilmiş (extended) Genişletilmiş, Dik Düz'ün daha geniş bir çeşididir. Üstten basılmış sağdan sola çekiştirilmiş gibi görünür. 9
YAZI KARAKTERİ : 5) Kalın (Bold) Dik Düz'ün daha etli vurgulu bir çeşididir. Dik Düz’ün kendini gösteren halidir. 10
YAZI KARAKTERİ: 6) Hafif ve İnce Dik Düz'ün daha ince vurgulu bir çeşidi. Dik Düz’ün normal formundan daha ince çizgisel bir formdadır. 11
MAJİSKÜL (BÜYÜK HARF -UPPERCASE) BÜYÜK HARF VEYA BÜYÜK HARFLERLE YAZILMIŞ YAZI, KAPİTAL VEYA UPPERCASE ADIYLA DA BİLİNİR. 12
MİNİSKÜL (küçük harf – lowercase) Küçük harf veya küçük harflerle yazılmış yazı. 13
SERİF VE SANS SERİF : “Serif” tırnak demektir. “Sans” ise Fransızca’da olumsuzluk (without) anlamı verir: “sans serif” ise tırnaksız “Arial” fontu gibi düz fontlara verilen isimdir. Buna karşın “Times New Roman” tırnaklı (serif’li) bir fonttur. 14
SERİF (TIRNAKLI) : Serif yazı tiplerinde, her harfin bitiş noktalarında küçük ya tay çizgiler vardır. Bu çizgiler harfin şeklini ayrı tutar ve harfler arası geçişi kolaylaştırır. Dikey çizgileri yatay çizgile rinden daha kalındır. İnce ya da kalın, eşit kalınlıkta, incelen şekilde veya yuvarlak olabilirler. Bu yazı tipleri uzun metinle rin yer alacağı tasarımlarda, genel metinler için sıkça tercih edilirler. Okunurluğu en iyi yazı tipleri, serif yazı tipleridir. 15
SANS SERİF (TIRNAKSIZ) Sans serif yazı tipleri daha basittir. Şerif yazı tiplerindeki bi tiş çizgileri yoktur. Genellikle eşit ağırlıklı çizgilerden oluşur lar. Başlıklarda tercih edilirler. Açıklığı en iyi olan sans şerif karakterler, uzaktan iyi seçilirler. Arial, Helvetica, Univers. . . sans şerif yazı tipinin tipik örnekleridir. 16
ESPAS ÖZELLİKLERİ • Harf Arası Espası Dizgide iki harf arasında kalan boşluğa “harf arası espası” denir. Tek bir harfin sağında solunda herhangi bir sınır yoktur. Ancak harfin yanına bir harf eklediğimizde iki formun birbirine bakan dış sınırları arasında sınırlı bir alan vardır ve bu da harf arası espasıdır. 17
ESPAS ÖZELLİKLERİ • Harf Arası Espası Genel optik prensip olarak, harfler arasında oluşan bu boşlukların alan olarak birbirine eşitmiş gibi oluşması sağlanmalıdır. Harf formları, sözcükleri oluşturmak üzere yana gelirken aralarında kalan boşluğun iyi espaslanması okunabilirlik üzerinde çok önemli bir etkiye sahiptir. Bu küçük mekânsal ilişkiler yalnızca okunabilirlik için değil, görsel yönden daha düzenli ve uyumlu tipografik iletişim için de önemlidir. 18
ESPAS ÖZELLİKLERİ • Kelime Arası Espası Kelime aralarında meydana gelen boşluklara kelime arası espasları denir. Kelime Arası 19
ESPAS ÖZELLİKLERİ • Satır Arası Espası Dizgi sistemlerinde satır aralığı genelde harflere verdiğimiz puntonun 1, 5 katına yakın olmalıdır, yani 10 puntoluk bir yazının satır aralığı 12 13 punto olmalıdır. Ama bu görecelidir ve hedef kitleye göre değişebilir. 20
YAZI BLOKLARININ VE SATIR UZUNLUKLARININ OKUNABİLİRLİĞE ETKİSİ • En yaygın ve vazgeçilmez grafik iletişim unsurlarından olan tipografinin birincil işlevi okunmaktır. Bu yüzden grafik tasarımcı, tipografi dilini iyi tanımak ve kullanmak durumundadır . 21
SATIR UZUNLUKLARININ OKUNABİLİRLİĞE ETKİSİ • Sayfalarındaki en önemli sorunlardan biri yazı satırlarının uzunluğudur. Satır uzunluğu, tek sütünlu metin gruplarında 8 12 sözcüğü, birden fazla sütunlu metinlerde 6 7 sözcüğü geçmemelidir. 22
SATIR UZUNLUKLARININ OKUNABİLİRLİĞE ETKİSİ • Satırlar çok kısa ise göz hareketi sıkça kesilir; çok uzun olunca da, gözün alt satır başına geçmesi ve doğru tarama yapması zorlaşır, satır atlamaya ya da aynı satırı tekrar okumaya neden olur. • 70 harf ve boşluktan uzun bir satır, okumadaki sürekliliği engeller. Rahat okuma için ise bir satırdaki harf ve boşluk sayısı 40 civarında olmalıdır. Bu da ortalama 6 sözcüğe karşılıktır. 23
24
PARAGRAF VE SÜTUN ARASI BOŞLUKLAR • Bir metin, paragraflardan oluşur. Paragraflar bir yazıda, metnin daha rahat okunabilmesi ve konunun daha iyi anlaşılması için yapılır. • Paragrafsız bir metin sütunu görsel olarak da son derece sıkıcıdır. Paragraftaki tipografinin akıcılığı için gereklidir. Bir paragrafın değiştiğini okuyucu anlayabilmelidir. Bu aynı zamanda metin görüntüsünü de değiştirecektir. 25
PARAGRAF VE SÜTUN ARASI BOŞLUKLAR • Geleneksel yöntemde paragrafın ilk kelimesi biraz içerden başlatılır. Ancak bu farklılık, paragrafı diğer paragraftan ayırmaya yetmez. Bu durumda iki paragraf arasında bir boşluk bırakılır. Paragraflar genellikle yarım satır veya tam bir satır boşluğu kadar bir beyazlıkla ayrılır. 26
27
METİN DÜZENLEME BİÇİMLERİ Bir tasarımcı metinleri oluştururken sayfada nasıl dizileceklerine karar vermek zorundadır. Metin düzenleme biçimlerinin dört yolu vardır: Soldan Blok Sağdan Blok Ortadan Blok Her iki taraftan Blok 28
AMBLEM 29
Amblem nedir? • Amblemler, kurumlara görsel kimlik kazandıran, sözcük özelliği göstermeyen, soyut veya nesnel görüntülerle ya da harflerle oluşturulan simgelerdir. Kültür ve turizm Bakanlığı Amblemi 30
Amblem nedir? Bir amblemin birincil görevi, amblemi gören kişilerde, ait olduğu kurum hakkında olumlu bir imajının oluşmasına imkân sağlamaktır. Türk Hava Yolları Amblemi 31
Amblem nedir? Amblem, kurum hakkında sayfalar dolusu yazıyı tek bir özel işaretle anlatabilecek görselliğe sahip olmalıdır. Anadolu Ajansı Amblemi PTT Amblemi 32
Amblem Çeşitleri : 1) Formlarını Harflerden Alan Amblemler 2) Firma Hakkında Bir İmaj Veren Biçimlerden Oluşan Amblemler 3) Harf ve Firma Hakkında İmaj Veren (Harf ve Resimsel Biçimlerin Bir Arada Kullanıldığı) Amblemler 4) Firma Hakkında Yeni Bir İmaj Veren (Soyut veya Somut) Amblemler 33
Amblem Çeşitleri : volkswagen Amblemi Aile ve Sosyal Politikalar Bakanlığı Amblemi TC Ziraat Bankası Amblemi TÜBİTAK Amblemi 34
Amblem Tasarımında Aranan Özellikler : 1) 2) 3) 4) Özgünlük, Sadelik, Estetik, Endüstriyel ve ekonomikliktir. 35
Logo nedir? • Logo bir ürünün, firmanın ya da hizmetin isminin, harf ve resimsel ögeler kullanılarak sembolleştirilmesidir. Amblemden farklı olarak ayırt edici özellikler yanında firmanın ismini de yansıtır. Logo yaratmak için kullanılan fontlar yeni tasarlandığı gibi mevcut fontlar da olabilir. Google’ın yeni logosu 36
Logotype nedir? • Genellikle bir kuruluşun isminden oluşan, hem kuruluş hakkında imaj veren resimler hem de tipografiden oluşan sembollerdir. Dell logosu 37
Logotype Çeşitleri : 1) Alfabetik Formlardan Oluşan Logotype’lar 2) Somut Soyut Formlardan Oluşan Logotype’lar 3) Sembol ve Sayılarla Oluşturulan Logotype’lar 38
Organizasyon Firması Logosu Fedex Logosu Sembollerin kullanıldığı logolar 39
Amblem, Logotype Arasındaki Farklar : • • Amblem, genellikle bir logo ile birlikte kullanılır. Logolar tek başına da kullanılabilir. Logotype ise bir bütündür, yalnız kullanılır. Logo tasarımları genellikle letraset kataloğundan alınmış gerçek harf karakterini yansıtır. • Logotype’ta ise yeni bir tasarı, yeni bir grafiksel düzenleme söz konusudur. 40
Amblem, Logotype Arasındaki Farklar : • Logotype’ta yazı ile birlikte resimsel semboller kullanılır. • Amblem sadece semboldür, logo ve logotype şirketin ismini ifade eden yazılardır. 41
KURUMSAL KİMLİK : • Kurumsal kimlik çalışması, bir firmanın sektörel varlığını oluşturmak, adının belleklere yerleşmesini ve firmanın imajının en kısa yoldan hedef kitlesine ulaşmasını sağlamak için en önemli unsurdur. 42
KURUMSAL KİMLİK : • Kurumsal kimlik çalışması kapsamındaki elemanlardan olan kartvizit, antetli kâğıt ve zarflar firmaların dışarıdan görünen yüzüdür. 43
TEMEL STANDART ÖLÇÜLER • Sabit olmamakla birlikte 21 x 29, 7 cm (A 4) antetli kâğıt, 11 x 22 cm zarf, • 8, 5 x 5 cm ebadı ise kartvizit için sık kullanılan ölçülerdir. Bu elemanlar ve kullanım alanları düşünülerek farklı ebatlarda da tasarlanabilir. 44
KURUMSAL KİMLİKDE TUTARLILIK • Tutarlılık, kurumsal kimlik çalışması için en önemli unsurlardan biridir. Kurumsal kimlik elemanları (antetli kâğıt, zarf, kartvizit gibi); uygulanacağı tüm alanlar, bu alanların teknik koşulları ve olanakları göz önüne alınarak tasarlanmalıdır. 45
KURUMSAL KİMLİKDE TUTARLILIK • Farklı alanlarda farklı özellikler gösterecek renk, form veya malzeme seçimleri kurumsal kimliğin tutarlılığına zarar verir. 46
KARTVİZİTLER • Kartvizit, en basit tanımıyla şahıslar ya da firmalar için hazırlanan ve üzerinde tanıtıcı kısa bilgilerin yer aldığı kartlardır. Kartvizitte adı yazan kişi bir firmada çalışıyorsa kartın üzerinde tam adı, şirketteki pozisyonu, iletişim bilgileri ve şirketin iletişim bilgileri bulunur. 47
KARTVİZİTLER • Kartvizitler, firma çalışanlarını firmanın dışında temsil edecek olan en önemli tanıtım materyalidir. Bir kartvizit, sahibinin kimliğini gösterir. 48
KAYNAKÇA • Bilgisayar Destekli Grafik Tasarım 1 | Grafik Dersleri https: //grafikmyo. wordpress. com/bilgisayar destekli grafik tasarim 1/
- Slides: 49