yazı tipi | bildirgec.org

yazılara verilen hoş görünümlerin çekiciliğini anlatmaya gerek yok sanırım. örneğin hoş ve sade bir logonun bazen ziyaretçide bıraktığı intiba onun siteye bakışını değiştirebilir. benim de bu konuda araştırmalarımda yararlandığım, eğitimlerden seçtiğim birkaçının burada paylaşılmasının iyi olacağını düşündüm. Şurada gördüğüm bir photoshop eğitimini ve kullanılan tekniklerin çok kullanışlı ve yararlı olduğunu düşündüm. aynı teknikleri kullanarak siz istediğiniz her objeye gayet hoş bir gerçeklik kazandırabilirsiniz. İçinde öğrenebileceğimiz birçok şey var. İsterseniz linki takip ederek eğitimi orijinalinden de takip edebilirsiniz ama ben de bu yazıyı yazarken adım adım uygulayacağımdan orijinalinde yaşayabileceğiniz eksiklikler ya da atlamalar yaşanmayacaktır. Öyleyse yazımıza başlayalım:

Başlarken
En başta ışık ve gölgeyle alakalı aşağıdaki basit resmi incelemekte fayda var. Işığın vuruş yönü, gölge ve gölgenin düşüşü hakkındaki mantığımızı netleştirmek için bir göz atıp eğitime başlayalım.

fontlar (yazı tipi), özellikle web tasarımı başta olmak üzere birçok tasarımın dikkat edilmesi gereken önemli öğelerinden birisidir.
internette ücretsiz olarak ulaşabileceğiniz binlerce font mevcut. durum böyle olunca sanırım en zoru da o binlerce font arasından tasarımınız için en uygun olan fontu seçmek oluyor.

bu bildiride, internette dolanan binlerce font arasından sıyrılan yepyeni ücretsiz 50 adet fonta yer vereceğiz. ve umuyorum ki buradaki fontlar çeşitli çalışmalarınızda en uygun fontu seçmenizde size yardımcı olacaktır.

AGE [download]

Bext [download]

hem brushlar hem de vectorler olsun tasarımcılar için vazgeçilemeyen, oldukça önemli olan öğelerdendir. o yüzden hemen her dönemde bu tarz öğelerin paylaşımı oldukça fazladır.

bunların yanında çok göz önünde bulunmayan fakat çoğu tasarımınızda hem oldukça işinize yarayacak hem de size kolaylık sağlayacak olan dingbat fontları da bulunmakta. dingbat font, sıklıkla kullandığımız bilinen fontların aksine harflerden ziyade simgelerden oluşan fontlara denilmete.

bu yazıda tasarımlarınızda güzel işler çıkarmanızı sağlayacak 30 adet ücretsiz dingbat font koleksiyonuna yer vereceğiz. beğenmeniz dileği ile:

Freaky

Skipop
Your Sign

iyi bir internet sitesi tasarlamak için hali hazırda kullanılan programların yanında çeşitli siteler birçok soruna çözüm getiriyor ve tasarımcıların işini kolaylaştırıyor. tasarım ve geliştirme konusunda faaliyet gösteriyorsanız işinize yarayabilecek siteler:
ColorCombos: tasarımlarınızda kullanmanız için renk paletleri.

LIpsum: metinlerin nasıl göründüğünü anlamak için lorem ipsum üreteci.
What the font?: bir logoda ya da bir imajda gördüğünüz yazının karakterini öğrenmenize yardımcı olabilecek bir araç.
ConvertIcon: herhangi bir imajı ico formatına çevirmenizi sağlayacak araç. alternatif yollar olsa da favicon hazırlamanıza yardımcı olacaktır.

CSS3 ile css ve web tasarımı birbirinden farklı birçok özellik kazandı. Her türlü yazı tipini web sayfalarında kullanabilme, css ile oluşturulan animasyonlar, şık buton tasarımları gibi birçok örnek bulunmakta. Bu örnek ve uyguları öğrenmek ve css3'ü tamamen tanımak için birçok uygulama ve makale bulunmakta. Fakat css3 tarayıcıların eski sürümşerinde çalışmıyor. Bunu dikkate alarak da web sayfanızı şekillendirmelisiniz. İşte birbirinden farklı css3 uygulamaları;

11 classic CSS Techniques Made Simple with CSS3 | Demo

Klasik css'den farklı olarak css3'teki farklılıkları açıklayan bu yazıyı css3'e geçen herkesin okuması gerek. Css3'teki animasyon, yazı tipi değişimi ve vurgusu, köşesiz blok yapımı gibi konularda içinde bulunan çok eğitici bir yazı.

Mock-Up Interface Using CSS3 Colour | Demo

Css3 ile transparan bloklar yapabileceğinizi gösteren çok hoş bir uygulama. İstediğimiz herhangi bir bölümü ya da sayfanın tümünü transparan hale getirmek mümkün.

Apple kullanıcılarının sabırsızlıkla beklediği, Apple'ın mobil işletim sistemi iOS'un yeni sürümü yayınlandı. iPhone ve iPad kullanıcıları için geliştirilen iOS'u artık ikinci sürüm iPod touch'larda da kullanabileceksiniz.

Yeni Sürümde Neler Var?
iPad'larda artık çoklu klasör sistemi kullanabileceksiniz. Yani her kullanıcı kendine özel klasör oluşturabilecek. Ayrıca eş zamanlı program çalıştırırken pil ömrünün daha fazla dayanması için de değişiklikler yapıldı. Notlar içerisinde yazı tipi artık değiştirilebiliyor. 30 uluslararası klavye ve sözlük, 50'den fazla dil iPad'a eklendi. Artık iPad'ı herkes rahatça kullanabilecek. iPhone'da olan fakat iPad'da olmayan birleştirilmiş e-posta kutusu özelliği iPad'a eklendi. Artık kullanıcılar birden fazla e-posta hesabını iPad'dan yönetebilecek.

Web projelerinde kullanıcı tabanlı içerik üretebilmek için gerekli en önemli araçlardan biri yazı alanlarıdır. (textarea)
Kullanıcının kendini daha iyi ifade edebilmesi için de bu yazı alanlarını özelleştirmeniz ve zenginleştirmeniz gerekmektedir. Çünkü kullanıcı bu alanları verimli kullanabilmek için gerekli temel bilgiden yoksun olarak kabul edilir. Zaten hedef kitlenin de böyle bir ön bilgiye sahip olması beklenemez.

İşte bu noktada WYSIWYG prensibine göre geliştirilmiş zengin metin editörleri (RTE - rich text editor) yardımınıza koşar.
Bu zengin metin editörleri; yani RTE'ler, temel olarak HTML etiketi textarea'yı özelleştirir. Javascript destekli olarak bu alan için bir iframe yaratır ve çeşitli ön tanımlı araçlarla size bir metin editörü hazırlar. Böylece kullanıcı gerçek bir metin editörü kullanıyormuş gibi biçimlendirilmiş yazı girebilir.
Artık geliştirilen projelerde JQuery'nin vazgeçilmezliği ortada olunca ben de sizler için güncel popüler JQuery tabanlı metin editörlerini bir araya toplamak istedim. Böylece JQuery destekli projelerinizde başınızı ağrıtmadan kolay ve hızlı bir şekilde metin editörü ekleyebileceksiniz.

MarkitUp

Resmi Web Sitesi | Demo

Tasarımcılara oldukça faydalı olacak bu kullanım kılavuzları, tasarımcıların her an ellerinin altında olacak ve küçük detaylar için zaman harcamalarına gerek kalmayacak. "Hangi kısayol ne işe yarıyordu?", "şu rengin hex kodu neydi?", "şu klasörün ölçüleri ne olmalı?" gibi sorularının cevaplarını anında öğrenebilecekler. Tasarımcılar için Kullanım Kılavuzları :

Black & White Cheatsheet For Photoshop
(Photoshop için Siyah&Beyaz Kullanım Kılavuzu)