Geçtiğimiz hafta CSS’e fısıldayan Abla’yı sizinle paylaşmıştım. Önce Allah’ın büyük bir lütfu olarak görünen bu yeteneğe şaşırmış, sonra “Acaba dünyada başka böyle insanlar var mı? Bunlar insansa biz neyiz…” şeklinde sürüp giden iç kavgama tanıklık etmiştim. Biraz araştırdığımda, dünyanın her yerinden farklı web tasarımcılarının CSS ile harikalara imza attığını fark ettim. Hemen aşağıda listelemiş olduğum CSS ile yapılan havalı şeylere tanık olunca, insana Web işlerinden hafif bi’ soğuma gelmiyor desem yalan olur… Bazılarımız (bkz: ben) CSS ile iki tabloyu ortalamaktan acizken, yetenekli web geliştiricileri boş bir internet sayfasını sadece CSS kullanarak bir başyapıta dönüştürebiliyor. İşte onlardan beğeneceğinizi umduğum ve CSS ile yapıldığına inanılması güç 13 CSS çalışması örneği: 01. CSS ile yapılmış Simpsonlar Chris Pattle, bir çizgi dizi olan The Simpsons’ın ikonik karakterlerini bir araya getirdiği inanılmaz kapsamlı bir CSS çalışmasına imza atmış. Simpsonların her

Daha önce MS Excel’de “tablo” olayını yanlış anlayıp, gerçek tablolar yapan 77 yaşındaki amcayı hatırlıyorsunuzdur. Bu yeteneğin bir başka bayraktarı olan Diana Smith, ilginç bir çalışmalar dizisine imza attı. Yalnızca HTML ve CSS kullanarak ortaya çıkardığı yağlı tabloları utandıran çalışmaları, hepimize web tasarım yeteneğimizi sorgulatacak türden. HTML ve CSS’in engin kaynaklarının bize birçok şey sunuyor. Fakat bazılarımız onu sadece internet sitesi ve yazılımları tasarlamak için kullanırken (ee başka ne için kullanacaktık?), bazıları yeteneklerinin sınırını zorlayarak sanat eserini andıran çalışmalar ortaya koyabiliyor. Mesleğindeki başarısını tescillemek ve sınırlarını zorlamak isteyen Diana, 18. yüzyıla ait bir yağlı tabloyu, 1930’ların andıran bir poster çalışmasını ve 1950’lere ait modern reklam tasarımını, kendi elleriyle HTML ve CSS üzerinde tasarladı. Diana’nın şimdilik tek büyük problemi tarayıcı farklılığından dolayı ortaya çıkan HTML ve CSS uyum problemi gibi

Ücretlisi, ücretsizi, sınırlı sürümü derken tüm CMS sistemleri için tema bolluğumuz var. Şimdilerde asıl sorun istediğimiz gibi bir tema bulmak değil, bulduğunuz temaların arasından pirincin taşını ayıklar gibi seçim yapmak… Sitenin yayın kaderi, SEO performansı ve kullanıcı deneyimi temayla içli dışlı olacağından, doğru ve uzun vadeli seçimi yapmak haliyle önem arz ediyor. Siteniz için doğru tema seçimini yapmak, bir futbol maçının skor tabelasına benziyor. Maç ne kadar iyi geçerse geçsin, kazanan taraf olmak için skor tabelasındaki büyük olmanız gerek. Siz bunu istiyorsunuz, seyircileriniz bunu istiyor. Peki, tema her şey mi? Kesinlikle değil! Bir servis masasındaki yemek ne ise içerik odur. Sunum şekli ve masa ise hazırladığınız harika yemeği, afiyete dönüştürecek son adım, parmak yalatacak deneyimi oluşturmaktır. Zaman değişti ve internet trendleri değişti. Tema seçimi yaparken neler dikkat etmek gerek, neleri es geçip milleti siteden aç göndermemek önemlidir diyorsanız;

Mevzu bahis dijital tasarımlar olduğunda, doğru renk seçimini yapmak doğru yere tezgah açmak kadar önemli. Sonuçta gömleği gösteren ütü, tasarımı gösteren özüdür. Yazar tıkanması ve programcı bloku -ecnebiler buna “Writer’s Block” diyorlar- olur da, hiç grafiker tıkanması olmaz mı? Daha önce renk seçimi konusunda ıkınıp tıkınan arkadaşlar için (grafiker olsun veya olmasınlar) dertlerine derman olabilecek bazı marifetli araçlar paylaşmıştık. Guguk kuşlu saat gibi kendimizi tekrar etmek istemiyoruz ama keyfinizin kahyası olup, AI kullanarak renk kombinasyonu üreten bu aracı yakından tanımak isteyeceğinize eminim: Khroma. Khroma, renk türetme işini arşa çıkarıp AI tabanlı olarak renk seçimi yapmanıza yardımcı oluyor. Khroma’nın geliştirici ekibinin bir felsefesi de var. Bu arkadaşlara göre, sıradan renk paleti üretme araçları işinizi her zaman görmeyebilir. Hatta çoğu kez zaman israfına dönüşebilir. Zira bu araçlar size değil, genele hitap ediyorlar. Oysa bir tasarım için renk

Grafiker olmanıza gerek yok. Bilgisayar dünyasının sağında solunda bir yerlerde durduğunuz sürece, Adobe Photoshop’dan da faydalanmanız gerekecek. En basit işlemden en kapsamlısına kadar tüm PS aksiyonlarını en kısa şekilde halletmeye ne dersiniz? Kısayol kombinasyonları, sihirli şekilde arayüzle daha az etkileşime girerek istediklerinizi yapmanıza yardımcı olur. Yeni bir PS kullanıcısı olduğunuzda en büyük dostunuz olan kullanıcı arayüzü, profesyonelliğe doğru adım attıkça sizden uzaklaşır. Aslında bir zamanlar göründüğü kadar dost canlısı olmadığını bile farkedebilirsiniz. İşte bu aşamaya ulaştığınızda aşağıdaki sihirli 67 Photoshop kısayolunu kullanarak Adobe PS’den tavşan bile çıkarabilirsiniz. Not: Listemizde yer verdiğimiz tüm Adobe Photoshop kısayollarını PC ve Mac üzerinde kullanabilirsiniz. Her ikisine de listemizde yer vermiş olmamıza karşın bazen sürüm ve işletim sistemi nedeniyle kombinasyonlar farklılık gösterebilir. Listemizde yer verdiğimiz (+) işareti

Logo tasarımlarından alınan geri dönüşler her zaman onlar için ödenen servetlerle ölçülemez. Bazen milyon dolarlık logoların yakalayamadığı başarıyı bir damacana sudan ucuza tasarlanan şirket logoları yakalayabilirler. Geçtiğimiz gün “Dudak Uçuklatan Fiyatıyla 5 Pahalı Logo Tasarımı ve Bize Öğrettikleri”ne değinerek, milyarlık şirketlerin logolarında yaptıkları yatırımlarda ne kadar ciddi olduklarını görmüştük. Bu kez sıra aynı oranda başarı yakalayan ama logo tasarımına birkaç dolardan fazla ateşlemeyen şirketlerde. Bir önceki içeriğimizde olduğu gibi bu içerik için de şirketlerin doğrudan ve dolaylı olarak yaptıkları ödemeler arasındaki farklılığa dikkat çekmek istiyorum. Bazı markaların logolarını şirketin başındaki adamlar ücretsiz olarak tasarlarken, bazı markaların logoları şirketleri bünyesindeki tasarım ekibinin bir ürünü olarak ortaya çıkıyor. 1- Google - Ücretsiz Yıllık geliri 89.46 milyar dolar olan (2017 verilerine göre ) dev teknoloji şirketi Google, logosu için

Bir an için internet siteniz veya çalışmalarınızda logo tasarımına ne kadar önem verdiğinizi düşünün. Şimdi, projenizin milyonlarca insana ulaştığını düşünün. İtiraf edin, başlangıçta harcadığınızdan çok daha fazlasını harcamaya istekli olurdunuz. Bu basit örnek bize markaların logo tasarımları veya logolarının revizyonuna neden balya balya para yatırdığını mantıklı şekilde açıklıyor. Aslında karşınıza ”Tarihin en pahalı logo tasarımları” gibi daha şık bir fikirle çıkmak isterdim. Ne yazık ki, büyük şirketlerin hepsi logo tasarımlarına veya marka imajını tazelemeye ne kadar bütçe ayırdığını açıklamıyor. Bu da tarihin en pahalı logolarını hiçbir zaman öğrenemeyeceğimiz anlamına geliyor. Olsun, en azından elimizdeki örneklerden giderek en pahalısı olamasa da baya pahalı logo çalışmalarına ve tarihin bize öğrettiklerine değinebiliriz. 1- BP - 9 Milyon Dolar BP, yeni logosu ve yenilenmiş imajı için ilk dudak uçuklatan rakamı ödeyen şirketlerden biriydi. 2000’li yıllara kadar

Kahve tiryakisi olmayabilirsiniz. Çay sizin için üstüne şiirler yazılacak bir meta değil, sadece sıcak içecek olabilir. Adobe ürünleri ise eminim ki hepimiz için çaydan kahveden daha önemli bir vazgeçilmez. Bunu en az bizim kadar iyi bilen Adobe’un su ısıtıcınızın atması süresince size katmak istediği bir şeyler var: Creative Coffee Breaks… Creative Coffee Breaks, ilk defa geçtiğimiz yıl Adobe tarafından paylaşılan bir mini eğitim serisiydi. Serinin amacı bir kettle’ın suyu kaynatma süresince - yaklaşık 2 dakika - size yeni bir ipucu ve hile kazandırarak Adobe ürünlerini daha efektif kullanmanızı sağlamaktı. Bu yıl Adobe’un popüler Creative Coffee Breaks serisi grafik çalışmalarınıza hız kazandırmayı uman Adobe Stock’u odağına alıyor. Ne olduğunu bilmeyenler için açıklamak gerekirse Adobe Stock; içinde binlerce kaliteli kaynağın yer aldığı ve sadece Creative Cloud üyelerinin erişebildiği bir stok kaynak deposu. Şubat ayının soğuk kahve molalarında ısıtıcı başında boş

Doğrudan veya dolayı olarak çoğumuz işimizi reklam gelirleriyle idare ediyoruz. WM Aracı platformu da buna dahil. Peki reklamların amacı nedir? Reklamlar insanlara: “Bakın burada böyle bir şey var, hadi satın alın!” Demenin gizli kapaklı yoludur. Chris Guillebeau’nun 100 Dolarlık Başlangıç kitabında söylediği gibi “Bir şeyleri satın almayı seviyoruz ama bize birilerinin bir şeyi doğrudan satmasını ve bize bir şeyler satıldığı hissiyle yüzleşmeyi sevmiyoruz.” Reklamlar işte bu yüzden var. Her gün binlerce reklamla burun buruna geliyoruz. Ve eminim ki onlardan biri aşağıdaki gibi olduğunda kendinizi ansızın bir markanın ağında bulabilir ve size “bir şeylerin satılmaya çalışıldığı” hissinden kurtulabilirsiniz. 26- Bir Irish Pub’ın Kreatif Reklamı Görsele ilk baktığınızda “Naked Waitresses Flirt With You” yani “Çıplak Garsonlar Sizinle Flört Ediyor” yazısı dikkat çekiyor. Asıl sihirbazlık görselin küçük puntosundakilerle yazıların okunmasıyla ortaya çıkıyor: “Garsonlarımız

Renklerin önemli olduğunu biliyoruz. Hatta renk seçimimizin bir projenin kaderini değiştirebileceğini de biliyoruz. Gel gelelim hangi renk paletini kullanmamız gerektiğine karar verirken çıkmaz sokağa dalıyoruz. Kendi projelerimiz için renk seçimi yaparken daha özgür davranabiliyoruz. Bu bize gönlümüze yatan rengi takip etme şansı sunuyor. Arayüz tasarımcısı veya grafik tasarımcısı olduğunuzda ise kendinizi ve ürettiklerinizi taze tutmak için renk seçimini iyice kıvırmanız ve çok fazla kombinasyon gerekiyor. En iyi renk kombinasyonunu deneme ve yanılma yönteminin dışında başka bir yöntemle keşfetmek sizin için sorun olmayacaksa Ambiance’ı kullanarak ihtiyacınız olan renk paletlerini zahmetsizce keşfedebilirsiniz. Ambiance, COLORlovers’ın API’sini kullanarak otomatikleştirilmiş renk paletleri tavsiyesinde bulunuyor. İşlevsel bir web uygulaması olan Ambiance’ın, sol taraftaki yenileme butonunu kullandığınızda farklı renk paletlerini karşınıza getiriyor. Paletlerin hemen üzerinden HEX