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

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.

En Değerli Gelişmeleri Size İletmek İstiyoruz

Mail listemize abone olun!

Son bir adım kaldı. E-postanızı kontrol edin. (Gmail kullanıcısıysanız "promotoions" kısmına bakabilirsiniz.

Ops! Bir hata aldık, tekrar deneyebilir misiniz?

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

Bir Cevap Yazın

Vestel’in Yerli Otomobilinin İlk Görselleri Yayınlandı

Vestel’in tasarladığı yeni elektrikli otomobilinin ilk görüntüleri ortaya çıktı. Vestel’in 7 Eylül 2018’de yaptığı tescil başvurusunun yer aldığı ve 9 Ekim 2018 tarihinde yayınlanan Türk Patent ve Marka Kurumu’nun Tasarımlar Bülteni’ne göre Vestel’in yerli otomobilinin adı ise “VEO” olacak. 6 farklı görselin paylaşıldığı başvuruya göre VEO’nun tasarımcıları ise şunlar: Burak Emre Altınordu, Kazım Doku ve Mehmet Kaya.

Zorlu grup şirketlerinden Zorlu Enerji de dün elektrikli otomobil pazarına odaklanarak, 2019 sonunda Türkiye’nin her yerini elektrikli araçla dolaşabilecek şekilde bir sistem oluşturup, 200 ayrı lokasyonda hızlı şarj istasyonu kuracağını ve bunun için 10 milyon dolarlık bir yatırım gerçekleştireceğini duyurmuştu.

İşte VEO’dan ilk görüntüler:

En Değerli Gelişmeleri Size İletmek İstiyoruz

Mail listemize abone olun!

Son bir adım kaldı. E-postanızı kontrol edin. (Gmail kullanıcısıysanız "promotoions" kısmına bakabilirsiniz.

Ops! Bir hata aldık, tekrar deneyebilir misiniz?

Abonelik Tabanlı Bir İşi Pazarlamak İçin 5 Anahtar Madde

  • McKinsey’nin yaptığı araştırmaya göre, geçtiğimiz yıl içerisinde ABD’deki online alışveriş yapanların yaklaşık olarak yarısı, abonelik tabanlı bir ürün ya da hizmet satın aldı.
  • Facebook’ta küresel pazarlama çözümleri grup direktörü olarak görev yapan Jennifer Howard, aboneler elde etmeye ve mevcut aboneleri elde tutmaya yönelik olarak öğrendikleri şeyleri 5 maddede özetliyor.
  • İlgili Yazı: Abonelerinin %95’ini Elinde Tutmayı Başaran Abonelik Servisi: Barkbox

McKinsey tarafından son olarak yapılan bir araştırmaya göre, geçtiğimiz yıl içerisinde ABD’deki online alışveriş yapanların yaklaşık olarak yarısı, abonelik tabanlı bir ürün ya da hizmet satın aldı. Facebook’ta küresel pazarlama çözümleri grup direktörü olarak görev yapan Jennifer Howard’ın Adweek’in internet sitesinde yayımlanan yazısında belirttiğine göre, abonelik tabanlı hizmet veren markalar; keşif, sürpriz, ongoing değer ve komünitenin eşsiz bir kombinasyonunu sunuyor.

Jennifer Howard’ın belirttiğine göre, Facebook her gün bu tarz markalarla çalışıyor ve birlikte daha iyi sinyaller ve daha iyi mobil deneyimler aracılığıyla aboneler elde etmek ve bu aboneleri elde tutmak için en etkili yollar hakkında daha fazla şey öğreniyorlar. Howard, Facebook olarak bu alanda öğrendikleri en önemli şeyleri 5 madde ile şu şekilde özetliyor:

Müşterinizin Uçtan Uca Yolculuğunu Anlayın

Bireysel temas noktalarındaki siloya konulmuş konsantrasyon, dikkati müşterilerinizin uçtan uca yolculuklarından başka tarafa çekebilir. Anlamlı deneyimler oluşturmak için rutin olarak kendinizi müşterilerinizin yerine koyun ve her aşamada, cihazda ve kanalda markanızla etkileşime girmek için vakit ayırın. Başarı tüm yolculuğun derin bir anlayışıyla başlar.

Bark, köpeklere yönelik ürünler tedarik eden bir firma ve bu firmanın BarkBox isimli bir abonelik servisi bulunuyor.

Müşterilerinizi Yolculuk Boyunca Taşıyın

Müşteri yolculuğuna dair anlayışınızı doğru hedef segmentlere, yaratıcı formatlara ve ölçüm stratejilerine göre planlayın. Bütün aşamalarda farklı mesajlarla farklı insanlara ulaşarak her zaman açık bir yaklaşımla süreç üzerinden hareket etmelerine yardımcı olun. Örneğin insanları keşiften ilgi grubuna yönlendirmek için “Lider Reklamlar” gibi geniş hedefleme ve eyleme geçirilebilir formatları göz önünde bulundurun. Değerlendirmeyi kolaylaştırmak için hizmetinize ya da benzer hizmetlere ilgi göstermiş kişileri hedefleyin ve “Koleksiyon” reklamları gibi amacın küratörlüğünü yapan formatları seçin.

Mobil Cihazlar İçin Yaratıcı Ögeleri Optimize Edin

Sektörler arası web trafiğinin büyük kısmı masaüstü değil, mobildir. Peki, bu ne anlama geliyor? Mobilde insanların dikkatini hızlı bir şekilde yakalamanız gerekir. Her zaman ses kapalı görüntüleme için tasarlayın. Görsel hikayenizi mobili akılda tutarak meydana getirin. Örneğin dikey video deneyin. Ve ritim, hız, süre ve sesle oynayın. Abonelikler, farklı kişilere farklı nedenlerle farklı şekillerde hitap ediyor. Bu yüzden yaratıcı stratejinin aynı zamanda her şeye uyan mesajlaşmanın ötesine geçmesi gerekiyor.

BMW, Abonelik Sistemiyle Araç Sahibi Olmayı Sağlayan Hizmetini Duyurdu

Kusursuz Bir Alışveriş Deneyimi Sağlayın

Mobilden en iyi şekilde yararlanmak, ilk dokunuştan satın almaya kadar kusursuz bir deneyim gerektirir. Mobil açılış sayfalarına hakim olarak başlayın. Açılış sayfaları, keşif ve satın alma arasında bir köprü görevi görür. Ayrıca açılış sayfalarınızı değerlendirirken şunları da göz önünde bulundurun:

  • Reklam ve açılış sayfası arasındaki tutarlılık
  • Mobil ekran için optimize edilmiş içerik
  • Eyleme ilham veren eyleme çağır butonları

Hız ihtiyacını benimseyin. Bir Aberdeen çalışmasında, tüketicilerin %40’ının 3 saniyelik bir gecikmeden sonra internet sitesini terk ettiği anlaşıldı. Bununla birlikte Akamai de yükleme süresindeki her 100 milisaniyelik gecikmenin, mobil dönüşüm oranlarını %7 oranında azaltabileceğini tespit etti. Olumlu bir deneyim oluşturmaya yardımcı olmak ve ilgili müşterileri devre dışı bırakmaktan kaçınmak için hızlı yüklenen bir mobil internet sitesi meydana getirin.

Son olarak mobilde sürtünmeyi azaltın. Bazı şirketler, müşterileri abone olmaları için 15 adede kadar dokunma ya da adımlara katlanmaya zorlar. Bu yüzden otomatik doldurma özelliğinden yararlanmayı, Facebook Connect oturum açma seçeneğini entegre etmeyi ve ödemeyi hızlandırmak için çeşitli dijital ödeme seçenekleri sağlamayı deneyin.

Müşterilerin Geri Gelmelerini Sağlayın

Yüksek müşteri erime oranlarıyla başa çıkmak için abonelik pazarlamacılarının, geleneksel markalardan farklı bir şekilde düşünmeleri gerekir. İnsanların ürünle ilgili deneyimlerini değerlendirmeye ve geliştirmeye ek olarak güçlü bir müşteriyi elde tutma oranı sağlamak, markaların ilgili reklamlarla potansiyel ve mevcut aboneleri hızlı bir şekilde yeniden hedeflemelerini gerektirir. Onlara daha önce yakından ilgilendikleri ürünleri ya da kişisel ihtiyaçları ile ilgili olanları göstermenin yollarını bulun. Aynı zamanda abonelik paketlerinin ek avantajları konusunda onları eğitin. İçerik açısından konu ile ilgili açılış sayfalarından yararlanın. Bunlar gibi önlemler, aboneleri elde tutma olasılığını artırır ve uzun süreli başarı için hayati önem taşır.

En Değerli Gelişmeleri Size İletmek İstiyoruz

Mail listemize abone olun!

Son bir adım kaldı. E-postanızı kontrol edin. (Gmail kullanıcısıysanız "promotoions" kısmına bakabilirsiniz.

Ops! Bir hata aldık, tekrar deneyebilir misiniz?