Posts in Tasarım

Farklı Taksi Posterleri

Antrepo Design Industry tarafından tasarlanan farklı şehirlere ait, farklı renk ve modellerdeki taksi posterleri. Londra’dan siyah renkli taksi, New York’tan sarı renkli taksi, İstanbul’dan panelvan tipinde bir taksi ve Meksika’dan ise VW Beetle ile 4 farklı poster çalışması. Posterleri buradan satın alabilir veya flickrdan farklı boyutlarda görebilirsiniz.

Mim: Tasarım Araç-Gereçleri

t-infection’dan Volkan, Tasarım yaparken kullandığımız araçlarla ilgili bir mim göndermiş

Aşağıda tasarım yaparken kullandığım tüm programları ve yöntemleri aşama aşama anlatmaya çalıştım.

Yukarıdaki imajda masaüstümden bir kesit görüyorsunuz. Genelde kullandığım programların bir kısmı.

Hazırlık Aşaması

İlk önce tasarım için kağıt üzerinde bir taslak oluşturuyorum. Bu taslak photoshop üzerinde tasarımı oluştururken zaman kazandırıyor. Eğer fazla görselliği olmayan bir proje ise çoğu zaman photoshop’a bile gerek kalmadan direkt kodlama kısmına geçebiliyorum.

Görsel Aşama

Bir önceki başlıkta belirttiğim kağıt üzerine taslak oluşturma işinin, bilgisayar ortamına taşınması. Genelde bu iş için Photoshop’un CS3 versiyonunu kullanıyorum. Logo, kartvizit, antetli kağıt, zarf v.s tasarımları içinse Illustrator CS3’ü kullanıyorum. Fakat Illustrator’da pek fazla iyi değilim. Kendimi geliştirmeye çalışıyorum. Bilgisayarda fireworks ve flashında yüklü olmasına rağmen pek fazla kullandığım söylenemez. Zaten iyi bir flash bilgimde yok. Sadece basit efektleri yapabiliyorum.

Kodlama Aşaması

Kodlama için genelde dreamweaver kullanıyorum. Küçük değişiklikler için notpad ve sadece kod yazmak için ise Q10 vazgeçilmez bir program.

Test Aşaması

Çalışmalarımı genelde local’de test ediyorum. Bunun içinse wamp‘ı kullanıyorum. Görsellerin ve kodların diğer tarayıcılarda düzgün bir şekilde görüntülendiğinden emin olmak için hemen hemen popüler tüm tarayıcılar sistemimde yüklü. IEtester sayesinde ie5.5, ie6.0, ie7.0, ie8.0 beta2 tarayıcılarını da gözlemleme şansım oluyor. Dosyalarımı sunucuya göndermek içinse filezilla‘yı tercih ediyorum açık kaynak ve ücretsiz bir yazılım.

Bunların dışında faydalandığım çevrimiçi (online) servisler de var, bir daha ki sefere de onlardan bahsederim..

Gelelim bu mimi pas etmeye, eğer cevap verirlerse aşağıdaki arkadaşlara pas ediyorum.

Sağlıcakla kalın..

we love wp

we love wp, sadece wordpress tabanlı blogların yer aldığı bir tür liste.. Eğer sizde kendi tasarımınızı yaptı iseniz blogunuzu hemen kaydedin.. Ben eklemiştim ve sağolsunlar oceangray.net’i eklemişler.. kabul etmişler..

http://welovewp.com/oceangray.html

Ücretsiz wordpress alışveriş teması

WP e-Commerce eklentisi kullanılarak wordpress altyapısı ile alışveriş sitesi yapmak veya bloglarınıza alışveriş bölümü eklemek mümkün.. Fakat bu eklentiye uyumlu temalar genelde ücretle satılıyorlar.. Şimdi aşağıda vereceğim tema ise tamamen ücretsiz.

Temayı ön izlemek için yukardaki imaja tıklayabilirsiniz..

Crafty Cart Alışveriş Teması 1.0.5

Bloglarda tasarım değişiklikleri

Son zamanlarda  blog camiasında arayüz değişiklikleri oluyor..  Aynı televizyonların yeni yayın dönemine geçmeleri gibi bizlerde yeni temalarımıza geçtik :)  Aşağıda tasarımını değiştiren gözlemlediğim blogların bir listesini veriyorum.. Bazı arkadaşlar temalarını kendi kodlarken, bazılarıda varolan bir tema üzerinde çalışmışlar. Hepsine hayırlı uğurlu olsun diyorum.. Gerçi asıl önemli olan içerik ama görsellik de içeriğin tuzu biberi.. Eğer sizinde bildiğiniz bloglar varsa yorumlarda eklerseniz sevinirim..

Not: Sıralama tarihe göre yapılmıştır…

yeni görünüm yayında

Uzun zamandır üzerinde çalıştığım ve oceangray.net için hazırladığım tema sonunda bitti.. Sadece ufak tefek bir kaç hata var, onlarıda zaman içinde düzelteceğime inanıyorum.. Temaya herhangi bir isim vermedim. oceangray tema  olarak adlandırdım.. Sadece yaptığım değişiklikler için revizyon numaraları veriyorum şuan rev16 :) . Birazda temayı hazırlarken izlediğim yollardan bahsedeyim.. İlk önce Photosop’ta bir tasarı hazırladım.  Photosopta hazırlanan bir tasarıma ihtiyaç varmı diyorsanız, pekte yok diyebilirim.. Elinize A4 boyutlarında bir kağıt alıp, kolayca hayalinizdeki tasarımı kağıda dökebilirsiniz.. Ama PS’nin avantajı tasarımı hazırlarken görsel öğeleride beraberinde hazırladığınız için, sonradan tekrar uğraşmıyorsunuz.. Sonraki adım ise bu görünümü wordpres’e entegre etmeyle başlıyor. Bu konuda detaylı bir yazı yazmayı planlıyorum.. Tasarımın hemen hemen tamamında Diagona Icons isimli ikon setini kullandım.. ikonları buradan indirebilirsiniz.. Tasarımda ki bazı görsel özellikler sadece firefox,safari ve google chrome ile görüntüleyebilirsiniz.. Bunlar CSS sayesinde menü ve yorum kenarlarının yuvarlak hale getirildiği görsel özellikler.

Yeni tema ie7, ie8 beta, firefox 3.0.2 ve opera 9.52 ile sorunsuz çalışıyorken google chrome, ie6 ve muhtemelen safari ile ufak tefek problemler veriyor.. yazının alt kısmında güncel hataların bir listesini yayınlayacağım. Sizde tasarım hakkında görüş bildirir ve gördüğünüz hataları paylaşırsanız müteşekkir olurum..

Bilinen Problemler

  • Google Chrome – Menü öğelerinin yükseklik problemi

Web tasarımcılar ve geliştiricilere yönelik 8 adet opera için eklenti (widget)

Web tasarımcılar ve geliştiricilere yönelik 8 adet opera için widget.

Screen Ruler Seçtiğiniz iki nokta arasındaki mesafeyi ölçüyor..

Colours of the Rainbow – Sayfa üzerindeki renklerin RGB, HSV ve CSS hex kodlarını gösteriyor.

CSS Help – Css fonksiyonlarını barındıran yardım dökümanı.

Site Validator – Kodlamalarınızın standartlara göre geçerli olup olmadığını sınıyor..


Javascript Cheatsheet – Javascript yardım dökümanı (kopyakağıdı).

Character Map – Tipografik karakterleri kolayca seçip  ekleyebileceğiniz bir eklenti..

HTML Entities – Diğer dillerdeki karakterlerin HTML karşılıkları..

Charge By The Hr – Bu eklenti ise, girdiğiniz değerler ile bir projeye ne kadar zaman harcadığınızı hesaplıyor. Belirttiğiniz saatlik ücrete göre proje maliyetini çıkarıyor..

Kaynak