• Hizmetler
    • Growth Hacking Danışmanlığı
    • SEO Danışmanlığı
    • Sosyal Medya Danışmanlığı
    • Dijital Pazarlama Danışmanlığı
    • Google Ads Danışmanlığı
    • İçerik Pazarlaması Danışmanlığı
    • Kurumsal Web Sitesi Tasarımı
    • E-Ticaret Sitesi Tasarımı
    • Mentörlük
  • Blog
    • Tümü
    • Adwords
    • Analytics
    • Dijital Pazarlama
    • Growth Hacking
    • İş Dünyası
    • Marka Yönetimi
    • Pazarlama
    • Reklam
    • SEO
    • Sosyal Medya Pazarlaması
    • Teknoloji
    • Web Site Tasarımı
    • Yeni Medya
    Scrum Metodolojisi Nedir? Scrum Proje Yönetimi

    Scrum Metodolojisi Nedir? Scrum Proje Yönetimi

    Fiyat Konumlandırma Stratejisi Nasıl Yapılır?

    Fiyat Konumlandırma Stratejisi Nasıl Yapılır?

    E-Ticaret’te Fraud Tespiti ve Önleme Yöntemleri

    E-Ticaret’te Fraud Tespiti ve Önleme Yöntemleri

    İyi İletişim Formu Nasıl Tasarlanır?

    İyi İletişim Formu Nasıl Tasarlanır?

    DesignOps Nedir? Tasarım Akışınızı Nasıl Değiştirebilir?

    DesignOps Nedir? Tasarım Akışınızı Nasıl Değiştirebilir?

    Web Site Tasarımı için Kullanılabilecek 10 Front-End Framework

    Web Site Tasarımı için Kullanılabilecek 10 Front-End Framework

    Kapsayıcı Tasarım (Inclusive Design) Nedir?

    Kapsayıcı Tasarım (Inclusive Design) Nedir?

    HTML ile HTML5 Arasındaki Farklar Nelerdir?

    HTML ile HTML5 Arasındaki Farklar Nelerdir?

    İçerik Yönetim Sistemi (CMS) Nedir?

    İçerik Yönetim Sistemi (CMS) Nedir?

    Trending Tags

      • Adwords
      • Analytics
      • Dijital Pazarlama
      • Growth Hacking
      • İş Dünyası
      • Marka Yönetimi
      • Pazarlama
      • Reklam
      • SEO
      • Sosyal Medya Pazarlaması
      • Teknoloji
      • Web Site Tasarımı
      • Yeni Medya
    • Eğitim
      • Growth Hacking Eğitimi
      • Dijital Pazarlama Eğitimi
      • SEO Eğitimi
      • Google Ads Eğitimi
      • Sosyal Medya Eğitimi
      • Sosyal Medya Reklamcılığı Eğitimi
      • E-Ticaret Eğitimi
      • Analytics ve Tag Manager Eğitimi
      • Yeni Medya Eğitimi
    • Hakkımda
      • Ben Kimim?
      • Basın
      • Referanslar
    • İletişim
      • Mesaj Gönder
      • Konuşmacı Daveti
    Sonuç yok
    Tüm Sonucu Görüntüle
    Teklif Al
    Haydar Özkömürcü
    • Hizmetler
      • Growth Hacking Danışmanlığı
      • SEO Danışmanlığı
      • Sosyal Medya Danışmanlığı
      • Dijital Pazarlama Danışmanlığı
      • Google Ads Danışmanlığı
      • İçerik Pazarlaması Danışmanlığı
      • Kurumsal Web Sitesi Tasarımı
      • E-Ticaret Sitesi Tasarımı
      • Mentörlük
    • Blog
      • Tümü
      • Adwords
      • Analytics
      • Dijital Pazarlama
      • Growth Hacking
      • İş Dünyası
      • Marka Yönetimi
      • Pazarlama
      • Reklam
      • SEO
      • Sosyal Medya Pazarlaması
      • Teknoloji
      • Web Site Tasarımı
      • Yeni Medya
      Scrum Metodolojisi Nedir? Scrum Proje Yönetimi

      Scrum Metodolojisi Nedir? Scrum Proje Yönetimi

      Fiyat Konumlandırma Stratejisi Nasıl Yapılır?

      Fiyat Konumlandırma Stratejisi Nasıl Yapılır?

      E-Ticaret’te Fraud Tespiti ve Önleme Yöntemleri

      E-Ticaret’te Fraud Tespiti ve Önleme Yöntemleri

      İyi İletişim Formu Nasıl Tasarlanır?

      İyi İletişim Formu Nasıl Tasarlanır?

      DesignOps Nedir? Tasarım Akışınızı Nasıl Değiştirebilir?

      DesignOps Nedir? Tasarım Akışınızı Nasıl Değiştirebilir?

      Web Site Tasarımı için Kullanılabilecek 10 Front-End Framework

      Web Site Tasarımı için Kullanılabilecek 10 Front-End Framework

      Kapsayıcı Tasarım (Inclusive Design) Nedir?

      Kapsayıcı Tasarım (Inclusive Design) Nedir?

      HTML ile HTML5 Arasındaki Farklar Nelerdir?

      HTML ile HTML5 Arasındaki Farklar Nelerdir?

      İçerik Yönetim Sistemi (CMS) Nedir?

      İçerik Yönetim Sistemi (CMS) Nedir?

      Trending Tags

        • Adwords
        • Analytics
        • Dijital Pazarlama
        • Growth Hacking
        • İş Dünyası
        • Marka Yönetimi
        • Pazarlama
        • Reklam
        • SEO
        • Sosyal Medya Pazarlaması
        • Teknoloji
        • Web Site Tasarımı
        • Yeni Medya
      • Eğitim
        • Growth Hacking Eğitimi
        • Dijital Pazarlama Eğitimi
        • SEO Eğitimi
        • Google Ads Eğitimi
        • Sosyal Medya Eğitimi
        • Sosyal Medya Reklamcılığı Eğitimi
        • E-Ticaret Eğitimi
        • Analytics ve Tag Manager Eğitimi
        • Yeni Medya Eğitimi
      • Hakkımda
        • Ben Kimim?
        • Basın
        • Referanslar
      • İletişim
        • Mesaj Gönder
        • Konuşmacı Daveti
      Teklif Al
      Haydar Özkömürcü
      Teklif Al
      Anasayfa Blog Dijital Pazarlama

      Grafik Tasarım Yaparken Dikkat Edilmesi Gerekenler [Liste]

      Haydar Özkömürcü Yazan Haydar Özkömürcü
      30 Ocak 2015
      Dijital Pazarlama
      Okuma zamanı: 5 dakika
      tasarimci vs yazilimci
      Facebook'ta PaylaşTwitter'da PaylaşLinkedin'de PaylaşTelegram'da PaylaşWhatsApp'ta Paylaş

      Photoshop’u öğrenmek kolay, tasarımcı olmak zordur. Hazırlayacağınız uygulama ve site tasarımlarının başka bir tasarımcı tarafından kolayca anlaşılabilir olması, yazılımcının rahatlıkla kesebilecek olması ve hangi dosyanın nerede olduğunu anlamak için saatler harcamaması gerekir. Sektördeki tasarımcıların en az %90’ının önünden ayırmaması gereken bir check list hazırladık.

      Dosyalar

      • Her bir sayfa tasarımı için ayrı bir .psd dosyası hazırlama, Cmd+N tuşu biraz soğusun.
      • Her yeni revize için yeni .psd iletirken yeni.psd, enyeni.psd, eeeenyeni.psd diye isimlendirmekten vazgeçip V1, V2 diye isimlendirmeye başla.
      • Tasarımında kullandığın stock görselleri, illustrator dosyalarını, ikonları masaüstünde ya da downloads klasöründe değil tasarımı yaptığın .psd ile aynı klasörde tut.
      • Çok fazla sayıda dosya varsa bu dosyaları türlerine göre ayrı klasörlere yerleştir. Elementler ayrı, stoklar ayrı klasörlerde aynı projenin klasörünün içinde bulunsun.

      Layerlar

      • Layerlarına isim vermeyi her yaptığın işte alışkanlık haline getir. Layer 1, Layer 1 copy.. diye samanlıkta iğne aratma bize.
      • Tüm layerların bir grup içerisinde bulunsun. Bu grupları da ihtiyaca göre alt gruplar için kategorilendir. Tasarımdaki bir bölümün görünürlüğünü değiştirmekle harcayacağın vakitte yeniden tasarımı yapardın.
      • Eski layerları sil.  Gözünü seveyim kullanılmayacak layerın ne işi var orada?
      • Aynı layoutta elementleri kullanacaksan yalnızca birinde elemente yer vermen yeterli. Her birine ayrıca eklemene gerçekten gerek yok.
      • Layer Comps diye bir şey var. Tasarımın farklı varyasyonlarını göstermek için bir ara denemelisin. Seveceksin.

      Görseller

      • Kullandığın shape’leri rasterize etme. İlla edeceğim diyorsan da en azından vektörü yine aynı klasörde bulunsun. Yazılımcı bunu nasıl kesecek diye bir düşün istersen?
      • Maskları gruplara da verebilirsin. Aynı grupta her layer için aynı maskı vermekten kolay çözümler de var.
      • Milattan önce 2400 yıllarında icad edildiğine inanılan müthiş bir buluş var. Adı cetvel. Hani şu Photoshop’ta görselleri hizalamak için kullanılan? Heh işte o snap bölümü Photoshop’a süs olsun diye koyulmadı.
      • Masklar ve Smart Objectler gerçekten çok yararlı araçlar. Hiçbir layerı rasterize etmene ya da manuel olarak rengini değiştirmene gerek yok.

      Font

      • 13.3321 pt. yazı olmaz. Ya 13’tür ya 14. Büyüklük ayarını sayı girerek yapmalısın.
      • Oransız uzatılmış fontları CSS/HTML ile yazmak pek kolay değil. Fontları rasterize edip tek bir yönden büyüttüğünüzde çıkan sonuç size göre güzel dahi olsa yazılımcıyı çileden çıkarırsınız.
      • Text alanlarının altında kullanılmayan uzuuun boşluklar bırakmanız yalnızca layerlar arasında geçişi zorlaştırır. Gereken uzunlukta bırakmalısınız. Tabi yeri gelmişken text alanlarında çapraz alanlar vb. oluşturmak için pathleri kullanabileceğinizi de biliyorsunuzdur. Hatırlatmaya gerek yok.
      • Fontu, puntosu, rengi ayrı olan text alanlarında farklı textboxlar kullanmak şart. Hem yazılımcıya bir rahat nefes aldırın hem de font dosyalarına azıcık düzen katmış olun.

      Efektler

      • Color Overlay ile renk değiştirdiyseniz layerın hangi renkte olduğunu gösterecek şekilde shape’yi isimlendirin.
      • Kendini tekrar eden background tasarlamak kolay bir iş değildir. Bir tarafı gölgeli diğer tarafı açık bir görsel hazırlarsan tekrar etmeyecektir. He bu arada background dosyaları sadece .jpg formatında olur unutma.
      • Hani bazen tek bir layera 8 farklı efekt veriyorsun ya. Front-Endci o layerdaki efektleri gördüğü anda “hadi kolaysa gel sen CSS’de bunu yaz” demek istiyor emin ol. 2 efektten fazla efekt verme bir layera.
      • Gradient çalışırken her bir renk ayrımını farkedemiyor olmamız gerekiyor. Gradientte 32 farklı şeritin olduğunu görünce insan ister istemez paint.exe’nin aslında ne kadar güzel bir program olduğunu düşünebiliyor.

      Uygulamalar

      • Drop Shadow gerektiğinde hala kullanabilirsiniz. Her tasarım Flat olacak diye bir şey yok. Ancak kullandığınız aşırı derecede belli oluyorsa shadowu abartmışsınız demektir.
      • Sisteminizde yüklü olan her font web fontu değildir. Yazılımcının benzer başka bir font aramasına gerek bırakmadan typekit ile uygun çalışacak bir font ile tasarımı yapmalısınız. Google fontta olur.
      • Responsive tasarım çalışırken Bootstrap ya da Devrocket’ten templateler üzerinde çalışmak her zaman için daha yararlı olacaktır.

      Kalite

      728 728 300 x 300
      • Eğer bir metin yazarından gelen metinler üzerinde copy-paste yapmıyorsan mutlaka imla hatalarını kontrol etmelisin. Çünkü senden sonra yazılımcı genellikle kontrol etmez.
      • Gelen wireframe’i ikinci kez kontrol etmeyi unutma. Web sitesinde müşterinin logosunu koymayı unutmak gibi hatalar pekte hata gibi algılanmazlar çoğunlukla.
      • Stock fotoğraflardaki filigranları Photoshop ile silmeye kalkma. İlla bir noktasında batırıyor ve rezil oluyorsun.
      • Damla aracı ile müşterinin logosundaki maviyi alıp kullanıyor olabilirsin. Ancak ikinci kez damla aracını kullandığında aynı maviyi elde edemeyebilirsin. Mutlaka renk koduna bakarak kullandığın renkleri doğrulamalısın.

      Dışa Aktarım

      • Hazırladığın tasarımı jpg olarak kaydedeceğin zaman “Save as for Web&Devices” tuşunu kullanmalısın.
      • Dosyanı export etmeden önce boyutunu düşürmek adına sıkıştırma işlemini gerçekleştirmelisin. Web siteleri için her bir KB’ın değeri çok büyük.
      • Müşteriye tasarımın önizlemelerini .jpg olarak gönderiyorsan dosya isimlerini header.jpg, footer.jpg, content.jpg olarak hazırlamalısın. mavi_background.jpg, şirket.jpg, müşteri.jpg olarak ayarlarsan gülerler.
      • Canvas değerlerini mutlaka kullandığın görsellere göre ayarlamalısın. Canvas’ın bir kısmında geniş transparan boşluklar boşu boşuna yazılımcının işini uzatacaktır.
      • Kullandığın görsellerde pikselleşme olmaması adına yüksek DPI kullanmaktan kaçınmamalısın. Retina Display diye bir şey var.

      Tasarımcı ile yazılımcı arasındaki uyumu yakalamak zordur. Ama front-end ve kreatif ekiplerin birlikte çalışabilmesi sonucu harika işlerin ortaya çıkacağı da kesindir.

      Markanızın SEO Danışmanlığı ile sitenizin organik trafiğini ve online cironuzu artırmak ister misiniz?

      Öne Çıkan Makaleler

      E-Ticaret’te Fraud Tespiti ve Önleme Yöntemleri

      E-Ticaret’te Fraud Tespiti ve Önleme Yöntemleri

      20 Haziran 2022
      Bütünleşik Pazarlama Nedir, Neden Önemlidir?

      Bütünleşik Pazarlama Nedir, Neden Önemlidir?

      16 Mayıs 2022
      Önceki Makale

      En Çok Kullanılan 10 WordPress Eklentisi

      Sonraki Makale

      İnsan Kaynakları Departmanlarının En Sık Yaptığı Hatalar

      Haydar Özkömürcü

      Haydar Özkömürcü

      Pazarlama Danışmanı, Growth Hacker Profesyonel kariyeri süresince dünya genelinde, General Electric, J&J, T. İş Bankası gibi 300’den fazla marka ile çalışmıştır. Sektörde aktif olarak çalışan 3000’den fazla öğrencisi bulunmakta. SEMrush Blog, Brandmap gibi sektörün öncü yayınlarında makaleler yazmakta olup, İnternet ve Teknoloji alanında Türkiye’nin en etkin kişisi seçilmiştir. Google Partneri Cremicro'nun kurucusudur. Google Ads, Semrush, Facebook Ads sertifikaları bulunmaktadır.

      Diğer Makaleler

      Google Analytics Nedir? Ne İşe Yarar?
      Dijital Pazarlama

      Google Analytics Nedir? Ne İşe Yarar?

      02 Ağustos 2021
      Google Tag Manager Nedir?
      Dijital Pazarlama

      Google Tag Manager Nedir?

      26 Temmuz 2021
      İçerik Oluşturmada Başarı Nasıl Yakalanır?
      Dijital Pazarlama

      İçerik Oluşturmada Başarı Nasıl Yakalanır?

      30 Mayıs 2021
      İçerik Analizi Yapmak; Nasıl ve Neden Yapılır?
      Dijital Pazarlama

      İçerik Analizi Yapmak; Nasıl ve Neden Yapılır?

      28 Mayıs 2021
      Sonraki Makale
      insan kaynaklari

      İnsan Kaynakları Departmanlarının En Sık Yaptığı Hatalar

      sirket kurarken dikkat edilmesi gerekenler

      Şirket Kurarken Dikkat Edilmesi Gerekenler Nelerdir?

      Bir cevap yazın Cevabı iptal et

      E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

      Son Makaleler

      Pazarlama

      Scrum Metodolojisi Nedir? Scrum Proje Yönetimi

      02 Temmuz 2022
      Pazarlama

      Fiyat Konumlandırma Stratejisi Nasıl Yapılır?

      23 Haziran 2022
      Growth Hacking

      İyi İletişim Formu Nasıl Tasarlanır?

      20 Haziran 2022
      Web Site Tasarımı

      DesignOps Nedir? Tasarım Akışınızı Nasıl Değiştirebilir?

      12 Haziran 2022
      Web Site Tasarımı

      Web Site Tasarımı için Kullanılabilecek 10 Front-End Framework

      09 Haziran 2022
      Web Site Tasarımı

      Kapsayıcı Tasarım (Inclusive Design) Nedir?

      06 Haziran 2022
      Danışmanlık ya da Eğitim Teklifi Alın

        Haydar Özkömürcü

        "Pazarlama Danışmanı - Growth Hacker"

        Hizmetler

        • Growth Hacking Danışmanlığı
        • SEO Danışmanlığı
        • Sosyal Medya Danışmanlığı
        • Dijital Pazarlama Danışmanlığı
        • Google Ads Danışmanlığı
        • İçerik Pazarlaması Danışmanlığı
        • Kurumsal Web Sitesi Tasarımı
        • E-Ticaret Sitesi Tasarımı

        Eğitim

        • Growth Hacking
        • Dijital Pazarlama
        • SEO
        • Google Ads
        • Sosyal Medya
        • Sosyal Medya Reklamcılığı
        • E-Ticaret
        • Yeni Medya
        • İletişim
        • Hakkımızda
        • Referanslar
        • Basın
        • Gizlilik politikası

        © 2003 - 2022 Tüm Hakları Saklıdır.

        Sonuç yok
        Tüm Sonucu Görüntüle
        • Hizmetler
          • Growth Hacking Danışmanlığı
          • SEO Danışmanlığı
          • Sosyal Medya Danışmanlığı
          • Dijital Pazarlama Danışmanlığı
          • Google Ads Danışmanlığı
          • İçerik Pazarlaması Danışmanlığı
          • Kurumsal Web Sitesi Tasarımı
          • E-Ticaret Sitesi Tasarımı
          • Mentörlük
        • Blog
          • Adwords
          • Analytics
          • Dijital Pazarlama
          • Growth Hacking
          • İş Dünyası
          • Marka Yönetimi
          • Pazarlama
          • Reklam
          • SEO
          • Sosyal Medya Pazarlaması
          • Teknoloji
          • Web Site Tasarımı
          • Yeni Medya
        • Eğitim
          • Growth Hacking Eğitimi
          • Dijital Pazarlama Eğitimi
          • SEO Eğitimi
          • Google Ads Eğitimi
          • Sosyal Medya Eğitimi
          • Sosyal Medya Reklamcılığı Eğitimi
          • E-Ticaret Eğitimi
          • Analytics ve Tag Manager Eğitimi
          • Yeni Medya Eğitimi
        • Hakkımda
          • Ben Kimim?
          • Basın
          • Referanslar
        • İletişim
          • Mesaj Gönder
          • Konuşmacı Daveti