İÇİNDEKİLER VII İÇİNDEKİLER

Ebat: px

Şu sayfadan göstermeyi başlat:

Download "İÇİNDEKİLER VII İÇİNDEKİLER"

Emre Onaral
8 yıl önce
İzleme sayısı:

1 İÇİNDEKİLER VII İÇİNDEKİLER 1 TASARIM 1 Tasarım Nedir? 1 Gerçek Hayatımızdaki Tasarım Ürünleri 2 Teknoloji Ortamındaki Tasarım Ürünleri 3 Tasarım Yeteneğinin Keşfedilmesi 4 Tasarım Ürününün Meydana Gelmesi 6 Tasarımın Görselleştirilmesi 9 Tasarımın Oluşturulması 9 Tasarım ve Tipografi İlişkisi 9 Tipografik Karakterler ve Özellikler 12 2 GRAFİK TASARIM 15 Grafik Tasarım Nedir? 15 Hayal Gücünüzü ve Beyin Gücünüzü Geliştirin! 16 Grafik Tasarım Öğeleri ve Temel İlkeler 19 Çizgi 20 Renk-Ton 20 Doku 21 Biçim 22 Ölçü 23 Yön 24 Grafik Tasarım Öğrenmeye Nereden Başlamalıyım? 24 Grafik Sanatı ve İletişim 27 Grafik Tasarım İş Sektörü 29 Yaptığımız Grafik Tasarımları Müşteriye Sunma Yöntemleri 30 Afiş Nedir ve Nasıl Tasarlanır? 33 Kartvizit Nedir ve Nasıl Tasarlanır? 36 El İlanı Nedir ve Nasıl Hazırlanır? 37 Katalog Nedir ve Nasıl Hazırlanır? 39 Kurumsal Kimlik 40

Oluşturulması 9 Tasarım ve Tipografi İlişkisi 9 Tipografik Karakterler ve Özellikler 12 2 GRAFİK TASARIM 15 Grafik Tasarım Nedir? 15 Hayal Gücünüzü ve Beyin Gücünüzü Geliştirin!

2 VIII GRAFİK TASARIM REHBERİ 3 RENK SEÇİMİ 43 Tasarımlarımızda Renk Oluşumu ve Renk Kullanımı 43 CMYK Renkler 46 RGB Renkler 46 Tasarımda Renk Uyumu 47 Monokromatik 47 Tamamlayıcı 48 Benzer 48 Üçlüler 48 Renk Kodlarının Mantığı 49 Tasarıma Hayat Veren Renktir 50 Ustalarla Röportaj 52 4 WEB TASARIM 57 Web Sitesi Nedir ve Nasıl Çizilmelidir? 57 Web Tasarım Öğrenmeye Nereden Başlamalıyım? 59 Neden Herkesin Birer Web Sitesi Olmalı? 62 Web Sayfası Çiziminde Kullanılması Gerekenler 63 Web Sayfaları Hangi Formatta Çizilmelidir 65 Web Tasarım Araç ve Gereçleri 67 Photoshop 67 Freehand & İllustrator 68 Şash 68 Dreamweaver 68 Frontpage 69 Alan Adı (Domain Name) 69 Alan Barındırma (Hosting) 69 Örnek Bir Web Sayfası Çizimi 70 5 WEB UYGULAMALARI VE WEB PROGRAMLAMA 77 Web Programlama 77 Web Programlama Dilleri 77

59 Neden Herkesin Birer Web Sitesi Olmalı?

3 İÇİNDEKİLER IX Web Programlamaya Nereden Başlamalıyım? 82 Statik ve Dinamik Web Uygulamaları 83 Statik Web Uygulamaları 84 Dinamik Web Uygulamaları 84 Kurumsal Web Sayfası 85 Tasarımı Müşteriye Beğendirmek için Uygulanan 15 Etkili Yöntem 87 Örnek Dinamik Web Sitesi Uygulaması 91 Röportaj: Web Programlama 98 6 REKLAMCILIK VE MATBAA 101 Reklamda Grafik Tasarımın Önemi 101 Kullanım Alanımıza Göre Gerekli Programlar 106 Bitmap (Fotoğraf İşleme) Tabanlı Yazılımlar 107 Vektörel (Çizim) Tabanlı Yazılımlar 110 Kaliteli Tasarımlar Geliştirin 113 Billboard 115 Raket 116 Afiş 117 Dijital Baskı 117 Dış Mekan Dijital Baskılar 118 İç Mekan Dijital Baskılar 119 Tasarımı Baskıya ve Matbaaya Göndermek TASARIM ÜRÜNLERİ ÖRNEK UYGULAMALAR 121 Web Sitesi Yapımı 121 Kartvizit Yapımı 132 Broşür Yapımı 137 Afiş Çizimi 144 Kutu Tasarımı ve Bıçak MOBIL UYGULAMA TASARIMI 153 Mobil Teknoloji Dünyası 153 Günümüzde Mobil Teknolojileri ve İnternet Kullanımı 156

Web Sitesi Uygulaması 91 Röportaj: Web Programlama 98 6 REKLAMCILIK VE MATBAA 101 Reklamda Grafik Tasarımın Önemi 101 Kullanım Alanımıza Göre Gerekli Programlar 106 Bitmap (Fotoğraf İşleme) Tabanlı

4 X GRAFİK TASARIM REHBERİ Bu Verileri Neden İnceledik? 167 Grafikerler ve Tasarım Bilmeyenler Buraya 168 Mobil Tasarım Öğrenmek için 3 Altın Kural 172 Web Siteleri Mobil Uygulamalara Neden İhtiyaç Duyarlar? 175 Her Web Sitesinin Mobil Uygulaması Olmak Zorunda mı? 176 iphone Ekran ebatları 179 iphone 4S ve iphone 5 Arasındaki Farklar 182 ipad Ekran Ebatları 184 Apple Telefonlar için Tasarım Geliştirme Ortamları 185 Android Ekran Ebatları 186 Tasarımlarımızı Yaparken Hangi Programları Kullanmalıyız ve Nelere Dikkat Etmeliyiz? 192 Uygulama Tasarımına Başlamadan Önce Analiz Yapmak 197 Icon Tasarımı ve Kullanımı 200 Metaforlar ve Piktogram 201 Splash Screen (Açılış Ekranı) 202 Navigation Bar 203 Navigation Bar Button 204 Navigation Ögeleri ve Kullanımı 205 Menü Çeşitleri 205 Tab Menü 206 Panel Menüler 207 Liste Menü 208 Hızlı Aksiyon Menüler 210 Metaforik Menüler 211 Geri Bildirim Çeşitleri 212 Hata Mesajı 212 İşlem Sonu Bildirimleri 213 Süreç Bildirimleri 213 Renkler 214 Renkler Hakkında Bilmemiz Gerekenler 216

175 Her Web Sitesinin Mobil Uygulaması Olmak Zorunda mı?

5 İÇİNDEKİLER XI Kullanacağımız Fontlar 218 Giriş ve Kayıt Formları 219 Aşamalı Formlar 220 Basit Liste 221 Gruplanmış Liste 221 İçerik Beslemeleri 222 Metin Yazıları 222 Call to Action 222 Flick Elemanlar 223 Tasarıma Başlamadan Önce Bilmemiz Gerekenler 223 Ekran Ebatlarına Önem Vermeliyiz 226 Tasarımdan Önce Analiz Yapılmalıdır 228 Bir Haber Sitesinin Analizler ile Mobil Uygulama Şablonu Çizimi 230 Haber Uygulamamızın Anasayfa Çizimi 232 Menüye Tıklandığında Haber Detay Sayfası E-TİCARET TASARIMI 243 E-Ticaret Sistemleri 243 E-Ticaret Sitesi Tasarım Aşaması ve Bilgilerin Toplanması 245 E-Ticaret Sitesi Tasarım Aşaması ve Bilgilerin Toplanması 247 E-Ticaret Sitesi Çizerken Kullanacağımız Teknikler ve Programlar 249 Web Uygulamamıza Uygun E-Ticaret Sitesinin Çizimi 249 Web Sayfalarını Geliştirirken Dikkat Etmemiz Gerekenler 271 E-Ticaret Sistemleri ve GoogleArama Motorlarında Üst Sıralarda Olmak 276 Google Analytics 278 Ürünleri Sunarken Dikkat Etmemiz Gerekenler 279 Bu ikon ile işaretlenen resimlerin renkli hallerini kitap ile birlikte verilen CD içerisinde bulabilirsiniz.

Çizimi 230 Haber Uygulamamızın Anasayfa Çizimi 232 Menüye Tıklandığında Haber Detay Sayfası 242 9 E-TİCARET TASARIMI 243 E-Ticaret Sistemleri 243 E-Ticaret Sitesi Tasarım Aşaması ve Bilgilerin

6 XII GRAFİK TASARIM REHBERİ

Benzer belgeler

Levent ALTINOK Grafik, Görsel, Web Tasarımcı & Fotoğrafçı

Levent ALTINOK Grafik, Görsel, Web Tasarımcı & Fotoğrafçı KİŞİSEL BİLGİLER Adres : Yakuplu Mah. Sancaktar Cad. No:19 Bahar Sitesi A-Blok 4/8 Beylikdüzü / İstanbul Telefon : 0533 094 95 88 E-Posta : leventaltinok1@gmail.com