bildirgec.org - hayalkurdu - beğendikleri

web tasarımcılar için 20 firefox eklentisi

hayalkurdu — Thu, 18 Sep 2008 13:39:00 GMT

Şuradaki site webtasarımcılar için 20 adet firefox eklentisini toplamış. Eğer web tasarım ile uğraşıyor ve firefox kullanıyorsanız bakmanızda yarar var. Biraz eklentilere göz gezdirelim.

IE View : Bir web tasarımcısının en büyük problemledinden biri de tasarımının ie ve firefox da farklı görünmesidir. IE View eklentisi bu soruna bir nebze yardımcı oluyor ve sayfalarımızı firefox üzerinden ie'de görmemizi sağlıyor.

TinyUrl Creator: İsmindende anlayacağımız gibi bu eklenti uzun linkleri kısaltmaya yarayan tinyurl.com servisine firefox üzerinden doğrudan ulaşmamızı sağlıyor.

Html Validator

Html Validator :Bu eklenti ile sitenin HTML kodlamasının standartlara uyup uymadığını kontrol edebilirsiniz

LinkChecker: Bu eklenti bir sayfadaki linklerin sağlam olup olmadığını bakmamıza yarar.

FireFTP:FireFTP firefox üzerinden çalışan bir ftp yöneticisidir. Bu eklenti ile ekstra bir programa gerek kalmadan ftp işlemlerinizi yapabilirsiniz.

ColorZilla: Firefoxun vazgeçilmez eklentilerinden birisi de ColorZilla' dır Tarayıcımızın sol alt köşesine yerleşir ve bir web sitesinde istediğim bir noktanın bize renk kodlarını verir.

Listenin geri kalanına Şuradan ulaşabilirsiniz.

eğer bu yazı ilginizi çektiyse, bildirgeç'te konuyla ilgili iki yazı daha bulunuyor:

Bu yazı hayalkurdu tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Windows Xp'de psd,ai,eps dosyaları için önizleme

hayalkurdu — Fri, 18 May 2007 20:17:00 GMT

Photoshop, Illustrator programlarını kullanan çoğu kişinin sorunudur psd, ai, eps gibi dosyaların önizlemesini görememek. Hele ki klasörlerinizde bu tip dosyalar çok fazlaysa ve zamanında verdiğiniz isimlere rağmen içeriğini unuttuysanız daha da içinden çıkılmaz hale gelir iş. Bu sorunlara karşı internette ciddi bir araştırma yapmıştım. İlla görmeliydim dosyaların thumbnaillerini. İlk aradığımda zor bela bir siteden bir dosya bulmuştum ama şu an aradığımda daha çok sonuç çıktı.

Şu adreste ortada download this file yazan yeri tıklayıp zip dosyasını indirin. Nasıl yapılacağı konusu hem sitede hemde zip dosyası içindeki readme dosyasında mevcut. Yine de anlayamıyacak olanlar için söyleyelim de bildirimiz tam olsun. :)

1- Tüm adobe programlarını kapatın.
2- Her ihtimale karşın bu işleme başlamadan önce sistem geri dönüş noktası oluşturun.
3- ‘C:\Program Files\Common Files\Adobe\Shell’ dizinine zip dosyasının içindeki dll dosyalarını çıkartın.
4- Ardından aiicon.dll.reg ve psicon.dll.reg dosyalarını çift tıklayın.
Oldu da bitti. :)

Sık Sorulabilecek Sorular:
s: Bende shell klasörü yok neden?
c: Bende de yoktu zaten. Adobe klasörü içine bir klasör oluşturun ve adına Shell yazın.
s: benim işletim sistemim xp değil çalışır mı?
c: valla bilemiyorum ama denemekten zarar gelmez. Altı üstü kayıt defterine 2-3 anahtar giriyor.
s: Bunun çalışıp çalışmayacağının garantisi var mı?,
c: Hem evde hemde işte denedim çalıştı. Readme dosyasında garanti vermiyoruz diyor. Ama genelde işe yarıyor.

Bu yazı hayalkurdu tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

El çizimi ikonlar

hayalkurdu — Mon, 25 Aug 2008 06:12:00 GMT

Bu ikonların güzelliğini görünce, ikon arşivinizde bir eksiklik hissedecek ve hemen indireceksinizdir, en azından ben öyle sanıyorum. Toplamda 10 adet set bir araya toplanılmış, şimdi birlikte inceleyelim.

kırmızı küçük ayakkabılar: güzel bir el çizimi ikon seti, mac kullanıcıları şunlar da ayrıca hazırlanmış.

Kreski -lines- : max 64x64 png, ico ve IP tema içerikli bir set.

El emeği ikonlar : defter kağıdında kurşun kalemle çizildi, daha sonra tarayıcı ile taranarak ikonlar dijital ortama aktarıldı.Keskinleştirme, temizlik, tekrar boyutlandırma, vb. gibi unsurlar dışında fazlaca üzerinde oynama yapılmamış.

Daimi işaret seti : aynen diğerleri gibi bu da el çizimi bir çalışma ve düzenlemeler Gimp'te yapılmış.. ayrıca kısa süre sonra ilk heyecan atlatıldıktan sonra serinin 2. çalışmasını da yayınlamış.

Skitchy Sketchy ikon seti : 20 adet ikondan oluşan güzel bir set.

iphone el çizimi seti : iphone'dan esinlenerek hazırlanmış 17'lik bir set.

El çizimi ikonlar : tablet pc de gimp 2.0 ile çizilen 23 adet ikon seti.

Not defteri sayfası ikon seti : ico & png (128x128) formatında 9 adet, doğal görünümlü ikon seti.

taslak ikonlar : diğerleri gibi kağıda çizildikten sonra dijital ortama aktarılan güzel bir set daha.

setlerin tamamı bu şekilde.

bildirgeçte daha önce mevzuyla ilgili işlenmiş bazı bildiriler ;

Bu yazı hayalkurdu tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

usta bir tasarımcı olmanın kuralları #4

hayalkurdu — Mon, 04 Aug 2008 10:21:00 GMT

Bu yazıyı okumadan önce usta bir tasarımcı olmanın birinci, ikinci ve üçüncü kuralını okumak isteyebilirsiniz.

Bu ders, sayfa planı (layout) ve boşluk bırakma (spacing) ilgili. Genç tasarımcıların sık sık yaptığını gördüğüm hatalardan biri de her şeyi birbirine çok sıkışık yerleştirmeleri. Çok kıstılı bir alana çok fazla içerik yerleştirmek istiyorlar. Boşluk sizin dostunuzdur! Boşluk, sizin için bir sürü şey yapabilir. Metninizin daha kolay okunmasını sağlayabilir. Boşluk, izleyicinin bitmiş kompozisoynunuzu daha kolay anlamasını sağlayabilir. Ve boşluk aynı zamanda tasarımınızı zarif gösterir. İzleyiciye şunu söylersiniz: “o kadar zenginiz ki bu koca posteri, bu tek küçük mesaj için kullanabiliyoruz.”

Yani, tasarımınızın sayfa planı için basit bir strateji vardır. Ve bu strateji şudur: bir sayfa planınız olsun! Demek istediğim bir sisteminiz olsun. Bu ilk adımdır. Amacınız bütün tasarımım tamamen karışık görünmesi değilse, bir plana ihtiyacınız olacak. Bu genellikle ızgara (grid) ile yapılır. Bir ızgara, istediğiniz her stile dönüşebilir. Ama yapmak üzere olduğunuz şey için temel bir sisteminiz olması gerekir. Aşağıda farklı ızgaralara örnekler var, böylece ızgaranızın ne kadar farklı ve benzersiz olabileceğini görebilirsiniz.

Şimdi, aynı tasarımı farklı şekillerde görelim: ikisi ızgarayla biri ızgarasız hazırlandı. Görebileceğiniz gibi, her ızgara size bir sürü plan seçeneği veriyor. Izgarasız çalışmak kaosla sonuçlanabilir.

Bu ilk resimler geleneksel bir ızgarayı ifade ediyor. Çizgiler mükemmel bir şekilde yatay ve dikey. Belli aralıklarla sıralanmışlar.

Bu ikinci ızgara ilkiyle benzer olsa da bir basit değişiklik içeriyor. Yukarıdaki logonun eğikliği ile uyumlu olması için dikey çizgileri eğdim. Böyle ufak bir değişikliğin nasıl da harika sonuçlar verdiğini görebilirsiniz.

Bu son örnekte ızgara yok. Boşluk bırakma rastgele yapıldı. Şimdi görüldüğü gibi bunu ne demek istediğimi göstermek için bilerek dağıttım. Bu tasarımda fazla içerik yok, yani iyice bozmuş olsam da o kadar da kötü görünmüyor. Ama ne kadar daha çok içeriğiniz oldukça, sistemli bir şekilde çalışmak o kadar önem kazanıyor.

Kendinize şunu sorduğunuzu biliyorum: “Gerçekten her tasarımını düzenlemek için ızgara kullanıyor mu?”. Hayır kullanmıyorum. Ama ızgarayla çalışmayı anlamak sonuçta size ızgarasız çalışma imkanını sağlayacaktır. Izgara sadece aklınızda olacaktır. Sayfada olduğunu görebileceksiniz ancak hazırlamak için zaman harcamayacaksınız.

Peki, ızgara bize ne öğretti?

Öncelikle şunu öğretti: herşeyi bir düzene oturtun! Açık görünüyor değil mi? Peki, bir kez daha –bu amatör birinin sık sık unuttuğu o basit kurallardan biri. Tasarımdaki her bir öğe tek bir çizgide düzene girmek zorunda değil ama öğeler bir grup olarak, aynı ızgara çizgisinde bütünlenmiş olarak görünmelidir. Düzenlenmiş olmalıdır. Eğer daha önce gruplandırmanın Gestalt İlkeleri’ni incelemediyseniz, şimdi mükemmel bir zaman! Hızlıca bir Google araması yapın ve kendinizi bu konseptlere alıştırın. Tasarımınızın sayfa tasarımında kritik önem taşırlar.

Öğeleri düzenlemeye ek olarak öğeleri belirli aralıklarla yerleştirmeniz gerekir. Eğer bir ana başlığın altında üç maddeniz varsa, her maddenin arasındaki aralığın aynı olmasını istersiniz.

Metninizin etrafında yeterince boşluk bırakmanız, metni okunur kılar. Aşağıda iki tasarımın örneği var. İlkinde kenarlardan ve fotoğraflardan uzakta, güzelce boşluk bırakılmış. İkincisinde ise kenarlara ve fotoğraflara çok yakın.

Bu sıkışık ve okunaksız görünmüyor mu? Cevap evet . İkinci örnekte daha büyük bir yazı kullanılmasına rağmen sıkışık ve okunaksız görünüyor.

Ayrıca “öpücük” olarak bilinen şeyden de kaçınmak isteyebilirsiniz. Hayır, bu dudakları içermiyor. Bir “öpücük”, iki objenin neredeyse birbirine dokunması durumuna verilen isimdir. Eğer, örneğin, elinizde bir fotoğraf ve metin varsa ve neredeyse birbirine dokunacak gibiyseler. Bu kötüdür. Ya onlara yeterli alan verin ya da birbiriyle tam olarak üst üste sağlayın.

Az önceki broşüre yakından bir bakış atıyoruz. Web adresi, arkaplandaki turuncu çizgiye neredeyse dokunmak üzere.

Burada da aynı tasarım, web adresi o çizgiden uzağa çekilmiş. Bu çok daha iyi.

Ya da, eğer yere ihtiyacınız varsa –üst üste gelebilirler. Ama belirli bir miktarda üst üste geldiklerinden emin olacağım. Aynı zamanda –web adresi ve arkaplan arasında yeterince kontrast olduğundan emin olmak için bir de gölge ekledim. Bu şekilde web adresi, sayfadan dışarı fırlıyor.

Şimdi –biliyorum ki çoğu tasarımcının karşılaştığı sorun: 50 sayfalık içeriği tek bir 8.5x11 inçlik bir alana sığdırmanızı isteyen müşteridir. Elinizden gelenin en iyisini yapıp organize bir şekilde bütün bu bilgileri sığdırdıktan sonra müşteriniz şöyle der: “Oh! Daha fazla bilgi koyulacak yer var! İşte 10 sayfa daha, sıkıştır!” (bkz. Tasarımınızı müşteriye sevdirmeniz için 13 hile)

Ne yaparsınız? Çok küçük bir yer için müşteriniz size sürekli içerik veriyorsa? Evet, işte büyük bir problem. Ve bunun kolay bir cevabı olması da gerekmez. İlk tavsiyem, müşterinizi iyi tasarım ilkeleri hakkında eğitmek için elinizden geleni yapın. İzleyicilerinin bu kadar küçük bir alana sıkıştırılmış bir sürü içerikten oluşan bir reklama bakmak bile istemeyeceklerini açıklamaya çalışın. Eğer müşteri sizinle uzlaşmak istemiyorsa, berbat bir tasarım yapmaya mahkum kalabilirsiniz. Bütün bunları yapmak zorunda kaldım ben. Gerçekten can sıkıcıdır. Eğer vaktiniz varsa, temiz olan bir versiyonu hazırlayabilir ve müşterinizden arkadaşlarına sormasını ve başka görüşler almasını rica edebilirsiniz. Maalesef, genelde bu kadar çok zamanımız olmuyor. Yani, tasarımı matbaacıya götürürken kimseye görünmemek için elimizden geleni yapıyoruz.

Uzak durmamız gereken bir diğer küçük şey ise optik illüzyonlardır. Ha? Optik illüzyonların boşluklarla ne gibi bir ilgisi olabilir? Ne kadar çılgınca gelse de, objelerin arasında boşluk bırakırken optik illüzyonlara karşı da dikkatli olmak zorundasınız. Bazen, optik illüzyonlar sayesinde, düzgün olarak verilmiş boşluklarınız düzgün görünmeyebilir. Örneğin arkaplandaki kavisli bir desen, objeyi yana yatıyor gibi veya merkezden sapmış gibi gösterebilir.

Peki, optik illüzyonlardan nasıl kaçınabiliriz? Basit –gözlerinizi kullanın; nerenin yanlış olduğunu görecek ve düzeltmek için kullanacaksınız.

Optik illüzyonlara düzeltme yapmak genelde, “en iyi görünüm” olarak bilinir. Doğru olması gerekmez, ama doğru görünmesi yeterlidir.

Yani, kompozisyonunuza her zaman için son bir bakış atın ve her şeyin yerli yerinde olduğundan emin olun.

bill
kaynak

Bu yazı hayalkurdu tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

usta bir tasarımcı olmanın kuralları #2

hayalkurdu — Tue, 29 Jul 2008 16:08:00 GMT

Kural İki: Renklerini sınırla.
Usta bir tasarımcı olmanın yedi kuralının ikincisidir. Önce ilk kuralı okumak isteyebilirsiniz.

Yazı tiplerininizi sınırlamanın son kuralıymış gibi geliyor kulağa değil mi? Aynen! Renklerimizi, yazı tiplerimizle aynı nedenden sınırlamak istiyoruz. Tasarımda kullandığımız renkleri sınırlamak, tasarımımızın daha tutarlı olmasını sağlayacaktır. Yani, her şey uyumlu görünecektir. Aynı bir spor takımının üniforması veya bir şirketin markalaması gibi.

Yazı tipi seçiminde olduğu gibi, renkleri sınırlamak sadece bir rehberdir, kural değildir. Tasarımınızda bir hayli gökkuşağı gibi bir sürü renk kullanabilirsiniz, ve harika görünebilir. Ama bir renklendirme stratejisiyle başlamalı ve buna sonuna kadar uymalısınız. Renklerinizi tasarımınızla uyumlu bir şekilde kullanın.
Yeni başlayanlar için, önce renk değerlerinden bahsedelim. Bir rengin değeri, rengin ne kadar aydınlık veya ne kadar karanlık olduğudur. Bir sarı örneğin, epeyce aydınlıktır. Bir mor epeyce karanlıktır. Tabii ki, bir rengin değer yelpazesi vardır. Örneğin mor, çoğumuzun karanlıkla özdeşleştirerek düşündüğü, ama aynı zamanda oldukça açık değerde bir mor elde edebileceğiniz renktir. Aşağıda renklerin ve onların ilgili değerlerini gösteren bir örnek var. Onun yanında da tek bir renk için renk yelpazesini görebilirsiniz.

renk / değer / değer yelpazesi

Renk planımı seçerken uyguladığım bir kural: renk planınızda mutlaka renklerin değer yelpazesi olduğundan emin olun. Her tasarımda, kontrastı üretmek için biraz açık renge ve biraz karanlık renge ihtiyacınız olacak. Örneğin, tasarımınızın arkaplanı karanlık ise bir de açık renge ihtiyacınız olacak ki metin rahatça okunabilsin. Ya da tam tersi, açık renk bir arkaplanınız varsa metninizin okunabilmesi için açık bir renk gerekli olacak.

Ayrıca genellikle renk planımı seçerken 2 ila 5 renk seçerim. Seçenek sayısını arttırın ve tasarımda iyi sonuçlar elde edeceksiniz. Aşağıda bir araya getirdiğim bir renk planının örneği var.

Görebileceğiniz gibi bir karanlık renk, bir orta değerli renk ve bir de açık renk seçtim. Sağa doğru ise her seçtiğim renk için bir değer yelpazesi hazırladım. Projemde palet niyetine kullanacağım renkler, bu koleksiyondaki renkler olacak. Bir kere paletim hazır olduğunda, sadece bu paletteki renkleri kullanmak için elimden gelenin en iyisini yapmaya çalışacağım.

Tamam, şimdi kaç tane renk seçeceğimiz ve hangi değerlerde olmaları gerekiyor gibi teknik renk seçimi işlemlerini hallettiğimize göre, sırada ne var? Sırada ne olacağını söyleyeyim, en zor kısım; o 2 ila 5 rengin hangileri olması gerektiğine karar vermek! Şahsen bunu zaman zaman zor bir iş olarak görüyorum. Aşağıda renk planımı yaparken aldığım yardımlar ve teknikler var:

Sıcaklık yelpazesine uyun. Ya tüm sıcak renkleri ya da tüm soğuk renkleri seçin. Sıcak renkler kırmızılar, turuncular, sarılar, kahverengiler vb. Soğuk renkler ise maviler ve morlardır. Ben şahsen, yeşilleri ise nötr olarak görmekteyim. Eğer tüm renklerinizi bir sıcaklık aralığında seçerseniz, büyük ihtimalle uyumlu olacaklardır.

İlham almak için www.colorlovers.com gibi bir siteyi kullanın. Bu mükemmel sitenin tüm olayı renk planlarıyla ilgili. Sayfa sayfa renk planları bulabilirsiniz.

Bir gözünüz etrafta olsun. Her tarafınızda renk planları vardır. Markette torbanıza bakın, Starbucks’taki tablodaki renklere bakın, Doğa Ana’ya bakın! Hoşunuza giden bir renk dizisi gördüğünüz zaman, not alın ve bilgisayarınızda bunu tekrarlayıp tekrarlayamayacağınıza bir bakın.

Var olan şirket renklerine dikkat edin. Sık sık, bazı markaların renklerinden yararlanıyorum. Logolarına ve renk yelpazesine bakıyorum daha sonra bunu başlangıç noktam olarak alıyorum. Daha sonra belki bir veya iki renk ekleyebiliyorum.

Aşağıda oldukça kısıtlı renk yelpazesi kullanarak hazırladığım bitmiş bir tasarım var.

Gördüğünüz gibi, kısıtlı renk yelpazesi ve yazı tiplerimi sınırlamak her şeyi bir arada, düzenli gösteriyor.

Bu derslerin basit olduğunu biliyorum… ama bunlar tasarımın esaslarıdır. Yani, bilgileri biraz tazelemek kimseyi öldürmez. Beş kural daha kaldı. Geri kalan beş kuralın daha enteresan olacağına söz veriyorum. Zaman ayırdığınız için teşekkür ederim!

Bill

kaynak

Tarafımdan çevirilmiştir, yazı bana ait değildir.

Bu yazı hayalkurdu tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

usta bir tasarımcı olmanın kuralları #1

hayalkurdu — Sun, 27 Jul 2008 18:48:00 GMT

1- Kullandığınız Yazı Tiplerini Sınırlayın
Tamam, “usta tasarımcı” lafı biraz zorlama olabilir. Ama en azından bu yedi kuralı takip ederek “uzman tasarımcı” olabilirsiniz. Bu, nasıl daha iyi bir tasarımcı olabileceğiniz hakkında okuduğunuz blog yazılarının en kısası ve en bilgilendiricisi olacaktır. Lütfen aklınızda bulundurun: bu kurallar KIRILABİLİR... çünkü yasa değiller, sadece benim bir tasarımı bir araya getirirken uyguladığım genel kurallardır.

Aşağıdaki kuralları izlediğinizde sanatsal mükemmelliğe giden yoldasınız demektir:
Kural Bir: Yazı tiplerini sınırlayın. İyi bir tasarımı bir araya getirmenin büyük bir kısmı, gördüğünüz gibi, görünüşün birbiriyle tutarlı olmasıdır. Tutarlı bir görünümü elde etmenin en iyi yolu tasarımını kullandığınız bir kaç motifle (temalar) sınırlamanızdır. Seçtiğiniz yazı tipleri sınırlamak isteyeceğiniz ilk değişkendir. Ben genellikle tasarım başına 2 yazı tipi seçerim.

İlk yazı tipi süslü veya sanatsal olabilir. Bu yazı tipi tasarımınıza biraz karakter, kişilik ve kabiliyet kazandırmak için kullanılır. Tasarımın ruh halini belirleyen bu yazı tipidir. Bir kızın partisi için fırıl fırıl dönen eğlencelik bir yazı tipi mi, yoksa bir rock grubu için kötülük dolu karanlık bir yazı tipi mi? Bu süslü yazı tipini üst kısım için kullanırdım –büyük olan herhangi bir yere, bu yazı tipini kullanırım. Süslü yazı tipi, tasarımın odak noktası olacaktır. Genellikle bu yazı tipini az yerde kullanırsınız ama daha büyük olacağından insanların odaklanacağı ve ilk göreceği şey bu olacaktır.

İkinci yazı tipi çok basit olmalıdır. Bu ikincil yazı tipini izleyici fark etmemelidir bile. Bu ikinci yazı tipi, çok kolayca okunabilir olmalıdır. Tasarımda yaygın olan metinlerde kullanılacak genel yazı tipi bu olacaktır. Açıkça, yaygın metinlerde artsitik yazı tiplerini okumak çok zor olacağından bu ikinci yazı tipinin amacı, sadece işlevsellikten ibaret olmalıdır.

İşte bir tasarımda kullanılan uygun yazı tiplerine örnek. Gördüğünüz gibi, burada sadece iki yazı tipi kullanıldı. Süslü yazı tipi, üst kısım için ve basit yazı tipi de genel metin için. Temiz ve tutarlı görünüyor.

solda: "basit yazı tipi" / sağda: "süslü yazı tipi"

Burada da yazı tiplerinin kötü kullanımı söz konusu. Bu durumda, bir çok süslü yazı tipip kullandım. Sadece tasarımı tutarsız gösteriyor. Alt kısım, ana başlıkla uyuşmuyor bile.

solda: "basit yazı tipi" / sağda: "çok fazla süslü yazı tipi"

Bir tasarımda çok fazla yazı tipi kullanmak en büyük hatadır. Broşüründe 8 farklı yazı tipi kullanan birinden daha kötü görünen bir şey yoktur. Daha da kötüsü genel metinleriniz için çok süslü bir yazı tipi kullanmanızdır. İşte yazı tiplerinin en kötü nasıl kullanılabileceğine dair bir örnek:

solda: "yazı tipleri genel metin için fazla süslü" / sağda: "çok fazla süslü yazı tipi"

Sizi göndermeden önce son bir düşünce. Eğer süslü yazı tipiniz modern veya çağdaş görünüyorsa, o halde basit yazı tipiniz bir sans-serif yazı tipi olmalıdır. Eğer süslü yazı tipiniz eski moda görünüyorsa, o zaman ikincil yazı tipi olarak serif kullanın.

Yazar: Bill
kaynak
Not: Yazar bu yazıyı okuyucunun ilgisini çekecek mi diye yazmış, ben de aynı amaçla çevirdim. eğer ilginizi çekerse bu henüz tamamlanmamış yazı dizisinin devamı olan ve bu yazıdan çok daha detaylı olan; "Tasarımınıza Derinlik Katın", "Renklerinizi Sınırlayın" ve "Kontrast, Kontrast, Kontrast" yazılarını çevirebilirim. Şu anda 7 bölümlük yazı dizisinin 5'i yazılmış durumda. Her hafta yenisi yazılıyor.

Bu yazı hayalkurdu tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

tasarımınızı müşteriye sevdirmeniz için 13 hile

hayalkurdu — Tue, 29 Jul 2008 09:10:00 GMT

İdeal bir dünyada, müşterilerimiz tasarımcılar gibi düşünürdü. İdeal bir dünyada, müşterilerimiz pazarlama hakkında iyi bir birikime sahip olurdu. İdeal bir dünyada mantıklı düşünürler ve net olarak iletişim kurarlardı. Evet millet, ideal bir dünyada yaşamıyoruz. Ve, maalesef, müşterilerimiz tasarımcı gibi düşünmüyorlar. Genellikle markalaşmanın veya pazarlamanın basit yanlarını bilmiyorlar. Onlar tasarımcı değiller. Bize bu yüzden iş veriyorlar.

Şimdi, eğer bize güvenmelerini sağlayabilirsek. Evet, bu gerçekleşmeyecek. Peki, geriye ne kalıyor? Ben biliyorum! Onları kandırabiliriz. Evet, çıkış yolu bu işte.
Birkaç yılda, müşterilerimi “kandırmama” yardımcı olacak birkaç teknik geliştirdim. Bu numaralar, hepimizin yararına. Onları mutlu olmaları ve en iyi tasarımı seçmeleri için kandırıyorum. İkimiz de kazanmış oluyoruz.

1. Müşterinizin beklentilerini aşağı çekin. Tamam, müşteriye şunu demenizi önermiyorum: “Tasarımınız boktan olacak.” Ama ŞUNU öneriyorum ki, müşterilerinizi gerçekçi beklentiler çerçevesinde tutun. Dünyaları söz vermeyin. Ve eğer dünyaları istiyorlarsa... onlara ne yapabileceğiniz hakkında dürüst olmanız gerekiyor. Bir projeyi kaybetme pahasına da olsa. Müşterinin ne bekleyeceğini bilmesi için neler yapabileceğimi tekrarlarım.

2. Taslaklarınızı/fikirlerinizi sınırlayın. Müşterinize 4 logo taslağı vermek yerine 8 logo taslağı vermenin daha iyi olduğunu düşünmeniz doğaldır, ama gerçekten öyle mi? İlk başta, müşteriniz ona en iyi birkaç tasarımı vereceğinize güvenmektedir. Seçenekleri en iyi birkaça indirme görevini siz üstlenmelisiniz. Müşterinize her ne göstermeye karar verdiyseniz, onun en son tercih edeceğiniz tasarımı seçeceği beklentisi içinde olun, hep öyle yaparlar. İkinci olarak, çok fazla seçenek kafa karıştırıcıdır. Çok fazla olasılık, çok fazla stil, verilecek çok fazla karar vardır. Benim deneyimlerime göre 3 ila 5 arası seçenek en iyisidir. 3 ila 5 taslak, müşteriye durumu hala kontrol ederken iyi bir tercih yapacakları hissini vermek için yeterlidir.

3. Müşteriler, parlayan renkli şeyleri siyah beyaz şeylere tercih ederler. Müşterilerin "göz alıcılıktan" (renk, jel, gloss, gölgeler ve lens parlaması benzeri efektler) etkilenmeleri büyük talihsizlik, ama ne yazık ki etkileniyorlar. Eğer müşterinize sunacağınız iki taslağınız varsa ve biri MÜKEMMEL bir taslaksa -ilki elinizde kurşun kalemle skeçlediğiniz ve ikincisi vasatsa, ama cilalı, bol bol jel ve gölge efektleriyle dolu renkli bir tasarımsa, müşterinizin hangisini seçeceğini tahmin edebilir misiniz? Her seferinde renkli olanı seçeceklerdir. Kurşun kalemle skeçlenmiş tasarımın ne kadar şık duracağı hakkında en ufak bir fikirleri yoktur. Onlar sadece bir skeç görürler. Yani, eğer müşterinizi dikkate değer olan tasarıma yönlendirmek istiyorsanız, onu satın; renk ekleyin, jel efekti ekleyin, ne olursa. Seçmelerini istediğiniz tasarımın diğerlerinden daha öne çıktığına, daha iyi göründüğüne emin olun.

4. Kötü haberleri hemen, telefonla eğer mümkünse yüz yüze verin. Eğer kötü bir şey olursa saklamaya çalışmayın. Sadece hemen dürüst olun. Sizin gösterdiğiniz bir hata, onların bulduğu hatadan yirmi kat daha iyidir. Diyelim ki bir broşür tasarladınız ve bir kelimeyi yanlış yazdınız. Sessizce bulamamaları için dua etmeyin, çünkü bulurlar! Yüz tane insan onlara gösterecektir. Genellikle bir hata yaptığımda tasarımın ücretsiz olmasını teklif ederim. Bu, paralarını bankamda tutmaya ve basitçe hatalarımı üzerimden atmamı sağlar. Ayrıca, müşteriler e-posta yoluyla gerçekten terbiyesizleşebiliyorlar. Eğer bir hata yaptıysanız, onlara telefonla söyleyin. Her zaman eğer telefonda konuşuyorlarsa veya yüz yüzeyseniz çok daha iyi olacaklardır.

5. Değişiklik manyaklarına karşı hazırlıklı olun. Bazı müşteriler, siz tasarım aşamasındayken değişiklik yapmayı severler. Buna göz yummayın, bir şeyler söyleyin! Müşteri bir değişiklik istediğinde,–bazı şeyleri işaret etmeniz gerekir, bu kararın tasarım sürecini nasıl etkileyeceğini ve yeni beklentiler yaratacağını açıklayın. Şimdi, şu tarz değişikliklerden bahsetmiyorum, “Lütfen ilk cümleye ‘Kimden’ gibi bir kelime ekleyin.” Benim bahsettiğim, müşteri şöyle bir cümle kurduğunda, “Hey, web siteme bir fotoğraf galerisi eklemek istiyorum.” şöyle bir cevap vermeniz gerekiyor, "Tamam, ama ek iş yapacaksak belirlediğimiz bitirme tarihini kaçırırız. Ayrıca bu size x dolara daha mâl olacaktır.

6. Seçenekleri azaltın. Eğer, bütün bu numaralara rağmen müşterimi memnun etmek hala zorsa, tasarım kararlarını azaltmaya çalışırım. Örneğin, bir renk planında uzlaşabilir miyiz? Sadece bir yazı tipi seçmeye odaklanabilir miyiz? Kullanmamı istedikleri esas resimlere yoğunlaşabilir miyiz? Onları tasarımın dışında, bu kararları vermeye yönlendirebilirim. Yani, bir daha bir konsept üzerinde çalıştığım zaman, kullanılacak renkleri, yazı tiplerini ve kullanılacak resimleri biliyor olurum. İşte o zaman sadece yerleştirme işiyle uğraşırım.

7. Sadece karar veren kişiyle çalışın. Çoğunlukla karar veren bir insanla çalışıyor olmazsınız. Siz ve kararı veren kişi arasındaki dalkavukla çalışırsınız. Kararları veren kişiyle çalışmak için gerçekten savaş veririm. Yoksa bir işi iki kere yaparsınız -bir kez dalkavuk için, sonra tekrar karar veren için.

8. Gruplarla çalışırken; lider görevlendirin. Gruplarla çalışmak yedinci kurala oldukça benzerdir. Bazen grup liderin kim olduğunu bilmez bile. Yani, gruptaki farklı insanlardan farklı mesajlar alırsınız. Ben her gruptan benimle iletişim işini üstlenmesi için bir kişi seçmesini isterim. Bu yolla, lider kişi gruptaki beş yada daha fazla kişiden mesajları toplarken, her birinin farklı olduğunu fark ederler. Bob rengi mavi yap der. Susan beyaz yap der. Matt ise sarı yap der. Bu hiçbir şey ifade etmeyecektir.

9. Proje uzun sürüyor veya geç başlıyorsa müşteriyle temasa geçin. Eğer bir projede gerçekten hızlı ilerleyemiyorsam ya da projenin başlangıcı ertelendiyse müşterime bir e-posta atarım. Genelde, şöyle bir şey derim: “Hey Bob, şunu bilmeni istedim ki projede bocaladım ve Perşembe günü başlayacağım. Gecikme için üzgünüm. Bitirme tarihine yetişeceğiz, sorun yok.” Bu önleyici tedbirler alan yaklaşım, her zaman için şu soruyu cevaplamaktan iyidir: “Projem nasıl gidiyor?"

10. Müşterilerinizi eğitin. Biliyorum ki bu çok zor, ama yine de denemek zorundasınız. Bir müşteri benden tasarım için iyi olmayan bir şey istediğinde,–BENİM yolumun neden ONUN yolundan daha etkili olacağını anlatmaya çalışır. Gücendirmeden iletişim kurmak bazı taktikler gerektirir, kibar ve yavaş olun.

11. Müşterinizle kavga etmeyin. Bazen gurunuzu içinize atıp müşteriye ne istiyorsa vermeniz gerekebilir, acınacak halde bir tasarıma dönüşse de. Eğer kötü olacağını bildiğiniz bir yönde tasarım yapmanız istenmişse, onlara öğretmeye ve daha iyi tasarım seçenekleri sunmaya çalışın. Ama, günün sonunda, kafalarını bir şeye takmışlarsa (rezalet bir şey de olsa) bunu onlara verin.

12. Biraz ekstra verin. Eğer küçük bir ekstra iş yaparsanız (bunu onların bilmesini sağlayın), çok müteşekkir olacaklardır. Çok büyük bir iş olması gerekmez. Çok küçük bir şey olabilir. Ama anlaşılmış işin dışında bir şey olması gerekir. Müşteriye küçük bir not şu şekilde atılabilir: “Hey Bob, bana sağlamış olduğun logoda ufak bir sorun keşfettim. Bunu yok ettim ve temizledim. Bu projenin amacı değildi ama böyle pis bir logoyla etrafta gezmene izin veremem! Bu ek servis için bir ücret talep etmiyorum.”

13. Teşekkür ederim deyin. İnanılmaz. Tüm bilmem gereken, anaokulunda tek öğrendiğim şey. İnsanlar “teşekkür ederim” lafının gücü üzerine çalışmalar yaptılar. Huysuz müşteriler, şu sözlerle bir anda memnun müşteriye dönüştürülebilir: “Teşekkür ederim.” Yani, müşterilerine işleri için teşekkür edin. Bir ödeme yaptıklarında teşekkür edin. Size bir bira ısmarladıklarında teşekkür edin.

yazının orjinali

Bu yazı hayalkurdu tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Bir tasarımcı için takip edilesi 12 site

hayalkurdu — Tue, 17 Jun 2008 04:39:00 GMT

sixrevisions adlı internet sitesinin daha önce yayınladığı bir tasarımcı için takip edilesi 30 site başlığı pek çoklarının favorileriyle eşleşmediği veya daha doğrusu pek tutmadığı için, aynı yazarımız yeni bir girişimle bu sefer site üzerindeki kullanıcılara bu soruyu sormuş ve onların belirlediği 12 adet siteyi bizlere sunmuş.. bu arada bu 12 sitenin RSS beslemelerinin bir arada olduğu dosyayı şuradan çekebilirsiniz.

1. CSS-Tricks

CSS tricks

isminden de anlaşılacağı üzere CSS ağırlıklı bir site. yeni haberler, tüolar, teknikler ve daha fazlası için bu siteyi tercih edebilirsiniz. sitenin bir diğer güzelliği de aktif bir şekilde kullanabileceğiniz forumlarının olması.. ayrıca sitenin, video anlatım kısmını da unutmamak lazım.

2. DevKick

DevKick

web gelişimiyle ilgili makalelerin bulunduğu bu site, web tasarım kültürünüze yeni şeyler katabilecek düzeyde ve yeterlilikte.

3. PS HERO

PS HERO

PS HERO, adım-adım photoshop tekniklerinin anlatıldığı muazzam bir site.. örnek vermek gerekirse kendi patternlerinizi yapın ve ahşap mozaikli yazı yazın gibi anlatımları görülmeye değer.

4. Help Developer

help developer

help developer, web/garafik tasarımcıları için yeni haberler, tüolar, kaynaklar, fikirler veren blog tarzında bir site. sitede yer alan bazı yazılar şu şekilde, wordpress yazılarınıza thumbnail ekleyin, grafik tasarım yazılarınız için 5 mekan ve 10 yıl önce web nasıldı?

listenin geri kalanı için şuraya tıklayabilirsiniz.

Bu yazı hayalkurdu tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

tasarımcılar için 10 yer imi

hayalkurdu — Fri, 13 Jun 2008 12:40:00 GMT

tasarım ile ilgileniyorsanız size bu konuda malzeme açısından yardımcı olacak kaynaklar ve ipuçları:

serbest tasarımcılara müşteri getirecek 101 fikir
bu tarz listeler, yollar, fikirler bana sadece yazmış olmak için yazılıyor gibi geliyor ancak bu yazının kaynağında geçtiği için değiniyoruz.
en iyi ücretsiz 25 yazı karakteri
ilk bildirgec yazısına şuradan ulaşabileceğiniz kaynaktaki fontlar hemen hemen her tasarım ile uyum sağlayabilecek şıklıkta.
doku (texture) ve arkaplan kaynakları
smashing magazine'in sanırım hepimizi tarafından en bir kez tıklanan yazılarından biri. tasarımlarınıza veya sadece masaüstünüze zemin hazırlamada işinize yarayabilir.
ücretsiz photoshop eklentileri
şurada değinilmiş bağlantıda çeşitli efektler için kullanabileceğiniz güzel ps eklentileri mevcut.
photoshop fırçaları için 5 adres
her photoshop tasarımcısının yer imlerinde olması gereken 5 adet fırça kaynağı.
38 ikon kaynağı
ikon ile ilgili yazılar görmek bazılarımızı bunalttı biliyorum ancak burada da yazılmış.
ücretsiz imajlar
en iyi listelerden biri. yazılarınızda veya tasarımlarınızda kullanmanız için ücretli ve ücretsiz resim, fotoğraf siteleri.
listamatic
css ile ilgili tasarımcıların yararlandığı sitelerden biridir. menüler ve listeleme biçimleri üzerinde çalışmak veya site tasarımlarınıza yerleştirmek için yararlanabileceğiniz kodlar.
web tasarımcıları için araçlar
mashable'dan iyi bir liste. başlangıç kaynakları, grafik araçları, örnek tasarımlar yazıdaki birkaç konu başlığı.
web geliştiricileri için firefox eklentileri
birçok firefox kullanıcısı ve aynı zamanda tasarımcının bu eklentilerden uzunca bir zamandır yararlandığını düşünürsek bu işe henüz adım atanlar için iyi bir başlangıç olabilir.

Bu yazı hayalkurdu tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Acısına Karar Verebileceğiniz Sos

hayalkurdu — Sat, 14 Jun 2008 20:57:00 GMT

Sos üreticisi Dave’s Gourmet, "Adjustable Heat Hot Sauce" adlı ürününde ilginç bir ambalaj kullanmış. Şişe tipindeki ambalaj, iki ayrı hazne içeriyor. Haznelerde iki farklı acılık değerine sahip sos, kapak kısmındaki ayarlama aparatı sayesinde istenilen 7 ayrı acılık derecesinde karıştırılarak servis edilebiliyor. Kapak kısmındaki pompa servis işini kolaylaştırıyor.

Bu yazı hayalkurdu tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage