Her Tasarımcının Uyması Gereken 33 Tavsiye 0

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.

Can-a-Web-Developer-Also-be-a-Web-Designer

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

  • 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.

Cremicro Ajans Grubu'nun kurucusu. Growth Hacker | Entrepreneur | Lecturer | Blogger

Bir Cevap Yazın

Pazartesi Sendromunuzu Yok Edecek Kahve Kokulu 15 Basın İlanı 0

Pazartesi, bir başlangıçtır. Yıllar süren iş hayatı süresince zordur, hatta çoğu zaman lanet edilir ama yine de bir başlangıçtır. Tüm dertlerinizi, sıkıntılarınızı geride bırakıp, ileriye doğru adım atmak için güzel bir sabahtır. O ağır geçen pazar gününün mahmurluğunu insanin üzerinden atandır. İşte tam burada afyonu bir türlü patlamayanlar ve kahve içmeden ayılamıyorum ben diyenler için sizi daha da kahve müptelası yapacak 15 harika kahve ilanını sizler için derledik.

‘Elle Rusya’ Dergisi’nin Instagram Gönderisi Tadında Yeni Kapağı 0

Kurulduğu günden bugüne on binlerce kampanyaya ev sahipliği yapan, birçok markayı şahlandıran, birçok kişinin bloglarla başlayan serüvenlerine ‘kişisel markalarını’ geliştirerek katkıda bulunan bir mecra Instagram.

Fotoğraf paylaşımlarından sonra  ‘hikaye’ paylaşımlarıyla da popülaritesini kaybetmeyen bu mecra, ünlü moda dergisi Elle tarafından alışkın olmadığımız bir şekilde kullanıldı:  Instagram gönderisi şeklinde bir kapak tasarımı ile!

Modaya dair son haberleri almak, trendlerden haberdar olmak için dergi karıştırdığımız günleri hatırlamak için öyle çok da geçmişe gitmemiz gerekmiyor. Ama artık tüm bunlara tek tıkla ulaşacağımız belki de en iyi mecra Instagram oldu. Tasarımcılar, mankenler ve moda editörlerinin en popüler duraklardan birisi olan bu mecrada hem markalar hem de trendler büyüme ve yayılma eğilimi gösteriyor. Durum böyleyken bizlerde belki Paris ya da New York moda haftalarına katılma şansı bulamıyoruz ama bunları Instagram’dan takip edebiliyoruz.

Tam da bu nedenlerle Instagram basılı dergiler için oldukça zorlu bir rakip. Peki bu rakibi dergi satışlarını yükseltmek için bir nevi kaldıraç olarak kullanmanın yolu ne olur derseniz cevabı Elle Rusya dergisinden alıyoruz.

Elle Rusya Ekim 2017 kapağını Instagram gönderisine benzer bir şekilde hazırladı ve gönderiyi marka tag ve hashtaglari ile tamamladı. Halihazırda her derginin o aya ait kapaklarını Instagram’da yayınladıkları düşünürsek neden tam tersini yapmayalım ki bakış açısı olaya ilginçlik katmıyor değil.

Güney Afrikalı model Candice Swanepoel’ün kapak kızı olarak boy gösterdiği derginin Ekim ayı ana başlıkları teknoloji ve gelecek olarak belirlenmiş.

Aslında sosyal medyadan alınan ilhamla tasarlanan ilk kapak örneği Elle Rusya Ekim sayısı değil. 2009’da da Vogue İtalya Twitter temalı bir kapakla görücüye çıkmıştı.

Siz bu kapak tasarımını nasıl buldunuz?

GELİŞMELERİ
KAÇIRMAYIN!
Haftalık bültenimize
ücretsiz kaydolun!
BİZE KATIL
close-link
Marketing Meetup
 

ERKEN
KAYIT FIRSATI


Zekânın iş dünyasına neler getireceğini konuşuyoruz
Orada Olmalıyım

Sektörü buluşturan etkinlikte siz de yerinizi ayırtın!
close-link
GELİŞMELERİ KAÇIRMAYIN
Haftalık bültenimize ücretsiz kaydolun, sizi gelişmelerden haberdar edelim.
BİZE KATIL
close-link
Marketing Meetup Intelligence

Zekânın iş dünyasına neler getireceğini konuşuyoruz
Erken Kayıt Fırsatı
close-link
İçerikle Pazarlama Workshop

Yemekcom Ürün Müdürü Batuhan Apaydın ile, içeriğin kral olduğu yeni dünyayı keşfetmeye hazır mısınız?
Hemen Kaydol
close-link
DIGITAL EXCELLENCE PROGRAM 

Dijital Mükemmelliği Yakalayın!

KAYDOL
close-link