ben aslında programcıyım. Dün bir sitenin tasarımını yapmak zorunda kaldım. bildirgec.org’de tasarımcılar var biliyorum. ondan sizin değerli fikirlerinize ihtiyacım var.
tasarımı tamamen sıfırdan yaptım, herhangi bir template veyahut theme’den esinlenmedim. logo’yu tamamen sıfırdan ve bir örneğe bakmadan çıkardım.
tasarımı yapmak ve PSD’den “XHTML 1.0 Strict” yapmak neredeyse 2 günümü aldı.
ne düşünüyorsunuz? tasarımı nasıl daha iyi yapabilirim?
Konumuzun adındanda anlaşılabileceği gibi webmasterların ve tasarım yapmayı seven arkadaşların kullanacağı kaynak bulabileceği bir çok siteyi sizlerle paylaşacağım. Bu sitelerden bir kısmı icon, psd, skin, themes, wallpaper içerirken bir kısmıda nasıl yapılabileceklerini anlatacak.
Vereceğim siteler Türkçe, İngilizce ve Rusça ağırlıklı olacak. İngilizce-Türkçe sözlük arayanlar için burayı önerebilirim.
CSSText, css ile metin düzenlemek için kullanılabilecek, online bir araçtır.Site üzerinde bulunan, düzenleme seçenekleri ile css bilgisine ihtiyacınız olmadan, metinlerinizi istediğiniz şekilde düzenleyebilir, düzenlenen metnin son halini görebilir ve kodlarına ulaşabilirsiniz.
Düzenleme Seçeneklerinden;
ÜST BÖLÜM
bold – Kalın Yazı
underline – Altı çizgili Yazı
overline – Üstü Çizgili Yazı
italic – İtalik Yazı
oblique – Eğimli Yazı
line-through – Üstü Çizgili Yazı
uppercase – Sadece büyük harf
SmallCaps – büyük-küçük harflerin hepsini büyük harfe çevirir. Fakat büyük harfle yazılmış olanları daha büyük, küçük olanları ise daha küçük yazar.
Ünlü grafik ve windows uyarlama sitesi crystalxp.net’in yayınladığı uygulamalar ile bilgisayarınızı istediğiniz gibi değiştirebilirsiniz. işte bilgisayarınızda değişiklik yapabileceğiniz araçlardan en beğenilenleri:
explorer araçlarından en beğenilenler
duvar kağıtlarından en beğenilenler
WP 2.5 sürümü ile birlikte değişen admin panel görüntüsü, yeni sürüm ile eski sürüm arasındaki farkı anlamamızdaki en büyük faktör olarak karşımıza çıktı.
Temanın yeni şekli ne kadar güzel olsa da.Renkler ve zevkler tartışılmaz sözünü de değerlendirecek olursak, tanıtacağımız site renk konusunda oluşabilecek tartışmalara başlamadan nokta koyacak gibi görünüyor.
web sitenizde kullanabileceğiniz ya da kod geliştirirken size ilham verecek (open source) açık kaynak kodlardır.
sayfanızdaki küçük reimlerin orjinal hallerini, kullanıcıyı başka bir sayfaya götürmeden göstermenizi sağlar. (arka planı siyah yaparak, kapatma butonu ile birlikte beyaz bordürlü bir şekilde gösterir)
bir zaman çizelgesi üzerinde, bölgelerin arasındaki zaman farkını göstermeye yarar.
reflection.js resimlerinize yada logolarınıza hiçbir işlem yapmadan yansıma özelliği katar.
web 2.0 sitelerde bolca görebilirsiniz, farklı bir yöntem.
(class=”reflect rheight50 ropacity33″ width=”435″) sitenizdeki her resme bu yöntemle yansıma ekleyebilirsiniz.
elinizdeki verileri web sitenizde veya bilgisayarınızda grafiksel olarak sunmanızı çok kolay bir şekilde sağlar.
tek yapmanız gereken şablon seçip, başlığı, veri sınıflarını ve değerlerini yazı/xml dosyasına girmek, flash arayüz+animasyon+fare işlevi+güzel tasarıma sahiptir.
sitede farklı amaçlar için tasarlanmış örnekleride mevcuttur.
plotr ise pie & donut chart’ın java versiyonudur. görsel açıdan güzeldir fakat tarayıcıların java destekleri bakımından problem yaratabilir.
tarayıcı üzerinden anında mesajlaşma sistemidir.
rating sistemidir, basit ve güzel bir görünüme sahiptir. sitenize farklı türlerde oylama özelliği ekleyebilirsiniz.
farklı amaçlar için kullanabilceğiniz sekmeli içerik gösterimi sağlayan bir java scripttir. burda tavsiye etmiştim.
sürükle bırak tekniğine bir örnek:) sayfalarınızdaki resimlerin veya diğer içeriğin sürüklenip bırakılmasını sağlamak için kullanabilirsiniz.
yükleniyor…… olayını görselleştirmek için güzel bir örnektir. 4 farklı tasarımda örnek mevcuttur dilerseniz kendi tasarımınızı geliştirebilirsiniz.
sayfadaki icon’lara tıklayarak test edebilirsiniz.
tab content’in biraz daha gelişmiş versiyonudur, sekmelerde resimler veya kaynak kodlar göstermenizide sağlar.
üyelik sistemi olan web sitelerinde üyelerin profil bilgilerini güncellemelerini daha görsel ve aynı sayfada yapmalarını sağlamak için geliştirilmiş bir kod. burda flickr örnek verilmiş.
jquery için güzel bir ajax örneğidir. demo sayfasından test edebilirsiniz.
sayfalarında kod vb. içerik yada detaylı anlatım yayımlayan arkadaşlar için güzel bir okordiyon örneğidir. seri çalışır.
oylama barı’dır (rating bar) sitenize eklemek için kılavuz mevcuttur. kullandığınız cms sistemi için böyle bir eklenti mevcut değilse yahut cms geliştiriyorsanız kullanabileceğiniz bir scripttir.
aşağıdakileride açıklarsam destan olur heralde, bundan sonrasını size bırakıyorum. faydalı olması dileğiyle.
devamı:
Arkaplan (pattern) resimleri ile sitenizin arkaplanını resim ile döşeyebilirsiniz.
Wordpress kullanıcıları için arkaplan resmi ekleme
Arkaplan siteleri
Din Pattern
Squidfingers
Kaliber 10000
milleseicentopercento
Tile Machine
Everyday Icons
Citrus Moon
Samurai Shizoo
Alice Grafixx
Koller Media
dominiotemporal
stripegenerator
ScaleNine web sitesinde Flex ve Adobe AIR için hazırlanmış temalara gözatabilir ve bilgisayarınıza indirebilirsiniz. Bu temaların nasıl kurulacağı da Installation Instructions sayfasında anlatılmış.
Themes sayfasında indirebileceğiniz hazır temalar bulunurken, showcase sayfasında da popüler flex veya adobe air uygulamalarında kullanılan temaları inceleyebiliyorsunuz. Ayrıca resources sayfasında flex veya adobe air uygulamaları geliştirirken işinize yarayabilecek güzel kaynaklar yer alıyor.
