26 Temmuz Pazartesi ´10   —   2 Yorum
NewBrands

Şubat ayında iş değiştirdiğimden beri portfolyomu güncelleyemiyordum.
Şimdi uzun süredir biriken projeleri ekledim. Tabi birçok yeni marka geldi.
http://mfyz.net adresinde detayları inceleyebilirsiniz.

Yüzyıllardır yazmamıştım günlüğe de :-)
Yeni projeler
Terzinin söküğünü dikemediği gibi bırakın mfyz.com ile ilgilenmeyi, portfolyoma yeni projeleri ekleyecek zaman bile bulamıyorum. Yeni projeler birikti ve birkaçını portfolyoya ekledim.

Zamanın Eskitemediği Bira Tekel Birası konseptiyle dönüş yapan Tekel birası için hazırladığımız zaman makinesi ile facebook bağlantısı ile yüz giydirerek zamanın eskitemediği "şey"lerde yolculuk yapabilirsiniz. Benzer konsept ile tasarlanıp içerikleri oluşturulan Zamanın eskitemediği Blog'daki sorualrı cevaplayarak Tekel Birası t-shirt'leri kazanabilirsiniz.
http://www.tekelbirasi.com vehttp://zamanineskitemedigibira.tekelbirasi.com adresinden iki projeye de ulaşabilirsiniz.

Fritolay için 1. fazını hazırladığımız Hisselitatlar kampanya'sının 2. fazı olan "Seç tadı al parayı" konseptinde ilk fazda önerilen tatları oylayarak her hafta yapılan çekilişle 10.000 lira kazanma şansı yakalayabilir veya anlık 10, 20, 100 kontör kazanabilirsiniz. Hisselitatlar kampanyasının 2. fazına ait sayfaya dahttp://www.tytz.com/hisselitatlar/ adresinden erişebilirsiniz.
Bu projeleri ve geçmiş projelerimi görmek için dehttp://mfyz.net adresindeki portfolyo sayfamı gezebilirsiniz.
Twitter, facebook ile yarışan şu an aktivite sayısı en yüksek sitelerden birisi, sadece USA veya dünya çapında değil Türkiye'de de çok sık kullanılan bir web servisi. Aslında basit temellere dayalı olan bu servis ile sektördeki diğer tasarımcı/programcı, veya otorite olmuş isimleri, gündelik yaşamları veya ilgi alanları bazında çok rahat takip edebilmenizi sağlıyor.

İnsanlar birbirlerini takip ederken veya sizi tanımayan birisi google aracılığı ile twitter sayfanıza ulaştığı zaman, o insanları hakkınızdaki diğer sayfalara yönlendirebilirsiniz. Veya marjinal olduğunuzu ortaya koymak isteyebilirsiniz. Şimdi twitter sayfanızı nasıl bir portfolyo sayfasına dönüştürebileceğinizi, bu sayede reklamınızı yapmayı anlatacağım. Aslında bir artalan tasarımı yapıp onu koyacağız.

Twitter sayfa boyutları ve Web Safe Zone

Figur 1

Twitter sayfaları minimum 800x600 ekran çözünürlüğüne göre hazırlanmıştır. Genişlik olarak da 770px'den biraz ufak biçimde "center fixed" css yapısında yerleştirilmiştir.

Figur 2

Aslında 770px olması bu dökümanda bahsettiğim konunun ortaya çıkmasını sağlamıştır. Profil ayarlarınıza girecek olursanız orada "Design" sekmesinde artalan imajını, link, artalan renkleri gibi bazı basit stillerle oynayabilmenizi sağlamaktadır. Bu esneklik ve genişliğin az olmasından kaynaklanan safe zone içinde kalan boş alanları değerlendirerek reklamvari artalanlar hazırlanması son dönemde popüler bir konu olmuştur. Hatta ABD'de bu konuda hizmet veren servisler bile ortaya çıkmıştır.

Şu an internette en çok kullanılan ekran çözünürklükleri arasında 1024x768 minimum sistem olarak geçerli hale gelmiştir. 1000px kullanılabilir alan olarak hesaplandığında 800px ile arasında kalan 200px alan reklam yapmak için birşeyler koymaya gayet yeterli bir alandır.

Figur 3

Şimdi basitçe bu alanı nasıl değerlendireceğinizi anlatacağım.

Artalan tasarımı

Genel olarak twitter artalanlarında kullanılan method ya doku (pattern) veya duvar kağıdı üzerine yapılan modifikasyonlar şeklinde. Tabi benim önerim oldukça sade kalmaya çalışmanız. Zaten amaç basit geçişlerle veya dokularla, sahip olduğumuz ufak köşeyi değerlendirmek.

Bunu aslında örneklere göre yapabilirsiniz, ancak basitçe methodu anlatmam yeterli olacaktır. Geri kalanı zaten photoshop kullanabilme kabiliyetinize ve yaratıcılığınıza kalmış.

Yukarıdaki figürde A ve B alanlarında yaklaşık 150px civarında kullanılabilir alanımız var. Ben biraz bonkör davranıp 170px kullanmışım. Yapacağınız çalışmada oluşturduğunuz konsepte göre istediğiniz boyutta bir alan kullanabilirsiniz fakat 200px'i geçmemeye dikkat edin. Çünkü insanlar büyük ekranlara da sahip olsalar pencere olarak küçük kullanıyor olabilirler.

Genel olarak sol kısımdaki (A) alan kullanılarak portfolyo reklam oluşturuluyor. Ancak bu sayfada oluşturulan yapı/konsepte göre sağ taraftaki alan da kullanılıyor. Size önerim sağ tarafta çok fazla bilgi vermeden yazılı içeriği solda tutmaya çalışmanız. Sağ kısımda (B) kendi görselinizi sunabilirsiniz.

Bilgi alanında yine genel olarak kişinin fotografı ve portfolyo sitesi veya diğer sosyal ağlardaki kullanıcı adları, adresleri vurgulanıyor. Bu noktada yapacağımız çalışmanın sadece görselden oluştuğunu unutmamak lazım. Yani açıklamasız ikonlar koymak, uzun link veya çok sayıda link belirtmek bu noktada kullanışsız olacaktır. Çünkü bu alanda vereceğiniz içeriğe insanlar tıklayamayacaklar, sadece görütüden çıkardıkları şeylerle hakkınızdaki diğer sitelere veya twitter profilinizi takip etmek için insanları tavlamak amaç.

Ben kendi yaptığım profil sayfamdan bahsedersem basitçe mfyz.com, net ve org adreslerini vurguladım, aynı zamanda mfyz kullanıcı adı ile çeşitli sosyal sitelerde beni bulabileceklerini belirttim.

Tabi amaç sadece link vermek değil. Aynı zamanda insanlar google veya dış bir kaynaktan geldiklerinde beni hiç tanımayan birinin mfyz hakkında daha hızlı fikir edinmesini sağlamak amacıyla fotografımın altına önce ismimi sonra da bu sektörde hangi statüde faaliyet gösterdiğimi belirten 2 satır yazdım.

Eğer giren insanlar tipimi sever (komik ama insanları etkileyen bir şey), yaptığım işle ilgilenirlerse alt tarafta belirttiğim bağlantıları takip ederler. Zaten bu çalışmadaki amacımız da bu. Yani insanların dikkatini çekmek.

Sonuç olarak bunu sağlayacak her türlü konseptte bir çalışma çıkarabilirsiniz. Aslında sizin için çok kolay olmalı çünkü zaten bu işi, web sayfalarının arayüzlerini tasarlarken yapıyorsunuz. Eğer bu konuda eksiğiniz var ise bu dökümanı okumak yerine daha çok site gezin, photoshop tutorial'larını takip edin, deneyin...

Araçlar

Twitter artalanı yapmak için kullanabileceğiniz hazır araçlar da var. Meselahttp://www.freetwitterdesigner.com/ adresinden ulaşabileceğiniz araç ile flash sayesinde basitçe kendi twitter artalanınızı oluşturma şansınız var. Ama kendiniz yaparsanız daha özgün çalışmalar elde edersiniz.

Örnekler

Benim twitter profilimihttp://www.twitter.com/mfyz ziyaret edebilirsiniz.

Ayrıca yaratıcı Twitter artalan örneklerinden bazıları :



http://www.twitter.com/cpollittiu




http://www.twitter.com/thinkBIG_blog




http://www.twitter.com/antoniocardoso




http://www.twitter.com/RobinGood




http://www.twitter.com/ijustine


Daha fazla twitter artalan örneğinihttp://twitterbackgroundsgallery.com/ adresinde bulabilirsiniz. Ayrıcahttp://pelfusion.com/inspiration/creative-twitter-......designers/ adresinde de 50 tane yaratıcı twitter artalanı örneği var.


Hazırlayan : Mehmet Fatih YILDIZ
Portfolyo Sitem (mfyz.net) + Facebook Connect


Dönüşümle ilgili yazı dışında, boş dönmeyeyim diyerek 3 döküman yazdım. Bunun dışında da birkaç ay önce portfolyo sitemi yapıp açmıştım. Ama bir yerde lanse etmedim. Bu yazıyla görmüş olursunuz :-)

http://mfyz.net/ adresinden görüntüleyebilir, iletişime geçebilir veya daha resmi olan résumé'a ulaşabilirsiniz.

Son dönemde sosyalleşme ile ilgili çok fazla uygulama, kampanya oluşmaya başladı. Facebook ve facebook'daki uygulamalar tabiki yeni değil. Ancak sosyalleşme ve siteler arası paylaşım artık yaygınlaşmaya başlıyor. Popüler olmasının avantajıyla bunu iyi kullanan ilk facebook oldu. Hemen ardından twitter ve google oauth altyapısı ile, yahoo, flickr gibi servisler de eski method open.id methodu ile ortak kullanıcı hesapları savaşında yarışmaya başladılar.

Bu konu ile ilgili 2 döküman hazırladım. Genel olarak iki dökümanın toplamı, facebook connect hakkında bilgi ve örnek uygulamalar içeriyor. Facebook connect şimdilik fazla ilkel ve basit kalıyor ama ileride facebook geliştiricileri bu api gibi olan hizmeti daha yaygın ve esnek bir yapıda sunacaklarına dair güçlü bir inancım var :-)
Facebook connect ile kullanıcı giriş çıkış ve
Bırakın kullanıcı yorumlarını facebook halletsin

Diğer döküman ise haber listelerine gönderilen html mesajların teknik olarak gelişim sürecindeki sorunlar ve standartlaşmamış genel hatları anlatan bir döküman : Başarılı bülten (newsletter) mesajı oluşturmanın 5 kuralı

Popüler Etiketler

wanda digital medya html phpstorm jetbrains mysql pgsql sql mssql ide php editor sitemap generator google tebrik table htaccess apache route router mod_rewrite javascript ipucu url cookie assets js mfyz blog rss startups www subdomain redirect crossdomain twitter statistics istatistik insanlar jquery link plugin windows örnek kod chart api grafik kurulum portfolio social sosyal query select internet mail signature imza xml tool ios apple itunes mobile app banner gimp howto svn subversion proje spam css opengraph graph facebook share regex media iOS html5 form input nedir object wordpress cms less css3 ubuntu ntfs fstab integration service network linux developer konsol login mootools search ajax date diff zaman tarih cache webkit web app music meta server workspace bootstrap db database free wireless firefox framework button download terminal optimizasyon analyse procedure lifestream dokuman iphone internet explorer pear mdb2 parse seo browsers macosx osx player newsletter notebook laptop lisans license support auth http kampanya session connect ipad nasıl ui ux logo textarea applications optimization ie box doritos tytz oyun fql export coding compile compiler on-the-fly app store store in-app purchase purchase subscription verification storekit itunes connect pharma hack git version control deployment job icons xhtml kitap design development xmlhttprequest widget ruffles browser icon ikon screen calendar language style code kontrol yapıları if while open source radio injection switch prepare execute