Tasarımda Bu Hafta: 12 Eylül 2014
Birinin tasarımla bağlantı kurmasının önemli bir parçası duygu ve histir. Ve bunlar tahmin edilmesi, tanımlanması ve tasarlanması zor olabilecek iki şeydir. Ancak duygu ve hislerin arkasında küçük bir bilim ve neden belirli bir şekilde tepki verebileceğiniz var, bu da tasarımda bu hafta odak noktamız.
Her hafta, önemli ürün sürümlerine ve yükseltmelerine, araçlara ve püf noktalarına ve hatta sosyal medyada bahsettiğiniz en popüler şeylere bakmayı planlıyoruz. Ve dünyanızda neler olup bittiğini duymak isteriz. Bir şey kaçırdık mı? Bana [e-posta korumalı] adresinden bir satır bırakın.
Yazı Tipleri Sizi Nasıl Hissediyor?
Tipografi için bir bilim var. Daha özel olarak, yazı tiplerinin sizi nasıl hissettirebileceğine dair bir bilim var. Next Web'de, yazı tipinin sizi nasıl etkileyebileceği ve tasarımcıların “Yazı Tiplerinin Arkasındaki Bilim (Ve Sizi Nasıl Hissediyorlar?”) Konusunda daha iyi etki yaratmak için neler yapabileceği konusunda harika bir bakış var.
Bilimi yıkmak tahmin edebileceğinizden daha basit:
- Nasıl okuduğunuzu düşünün. (Bu doğal bir model!)
- Doğru yazı tiplerinin sizi nasıl hissettirdiğini düşünün. (Okuduğunuz şeyin tonuyla eşleşirler.)
- Düzenin sizi nasıl hissettirdiğini düşünün. (Öğeler metin akışını rahatsız etmeyecek şekilde yerleştirilirse, daha mutlu olursunuz.)
- Yazı biçimleriyle kültürel ilişkileri düşünün. (Harfler, diğer nesneleri veya öğeleri temsil etmenize veya ilişkilendirmenize yardımcı olabilir.)
Ancak bu bilgilerle ne yapabilirsiniz? Daha iyi bir duygu ile ilişkili yazı karakterleriyle tasarım yapmak için nasıl kullanabilirsiniz? Tipografiyi anlamak başlangıç noktasıdır. Yazı tipi kategorileri (serif, sans serif, senaryo ve dekoratif) ve okunabilirlik ve okunabilirlik ilkeleri gibi temel bilgileri bilmek iyi bir başlangıçtır.
Ama yapabileceğiniz başka şeyler de var:
- 12 puntodan büyük yazı tipi boyutları seçin. “Birçok tasarımcı 16pt yazı tipinin yeni 12pt yazı tipi olduğunu belirtiyor.”
- Hat uzunluğunun farkında olun. Bir masaüstü web sitesi için ideal satır uzunluğunun 50 ila 75 karakter arasında olduğuna dikkat edin.
- Boşluğa dikkat edin. Okumayı kolaylaştırmak için metin satırları arasında yeterli alan olduğundan emin olun.
CSS Şekillerini Anlama
Bir görüntünün veya metin bloğunun şekli, onun hakkında bir şeyler hissetmenizi sağlayabilir. Şekil ayrıca bir eleman, genel tasarımda kullanımı ve işlevi hakkında ek bilgi sağlar. Ancak web projeleri için şekiller oluşturmak, özellikle karmaşık görüntülerle her zaman kolay değildi.
CSS şekilleri bu soruna bir çözüm oluşturur. UX Magazine için Zack Rutherford, “Çoğu web sitesi basit bir kalıba yapışıyor: içeriğin diğer daha büyük dikdörtgenlerin içindeki dikdörtgenlerin içine yerleştirilmesi, çoğu kullanıcının akıllara durgunluktan daha sıkıcı bulacağı bir şey. “Öte yandan, CSS şekilleri, içeriklerini ilginç ve görsel olarak çekici parametreler içinde veya etrafında şekillendirmek isteyen tasarımcılara daha fazla özgürlük sağlıyor.”
Ancak projelerinizde ne zaman CSS şekilleri kullanmalısınız? Cevap “Simetri, Boyut, Hız ve CSS Şekilleri” makalesinde yer alıyor.
Eğlenceli olmasının yanı sıra CSS şekilleri ile çalışmanızın nedenlerinin oldukça ikna edici bir listesi var.
- Yenilik: “Metni dar alanlara sıkıştırmak veya alternatif olarak daha geniş aralıklara genişletmek, tasarımcıların düzenlerini bir araya getirerek daha fazla özgürlük sunacaktır.”
- Kullanıcı akışlarının gelişmiş kontrolü: İçeriği şekillere dönüştürmeye, metni satır satır azaltmaya veya metni diğer sayfa öğelerini vurgulamak için şekil olarak kullanmaya olanak tanır.
- İçeriği şekillendirmek görsel öykü anlatımını kolaylaştırır: “Yazılı içeriğiniz için duvarlı bir yapı fikrinden vazgeçtikten sonra değişkenlik seçenekleri şaşırtıcı.”
- Simetri, boyut ve hız: “İçeriğinizin şeklini görünümden bağımsız olarak korumak için CSS şekilleri kullanılabilir, bu da RWD dostu değil, evrensel olarak simetrik hale gelir.”
Yazı Tipi Tasarlama
Yazı tipi oluşturmak, sadece bir peçeteye birkaç harf çizmek kadar basit değildir. Yazı tipi ve yazı tipi geliştirme, taahhüt etmeniz gereken çok adımlı bir süreçtir. Ancak çok fazla deneyim olmadan bile kendi yazı tipinizi yaratabilirsiniz.
Tip tasarımcısı Tyler Finck kısa süre önce 18 dakikadan daha az bir video hazırladı ve Creative Market'in bu süreçte size yol göstermesi için bir makale. “Yazı Tipi Nasıl Yapılır” kendi başınıza bir şey yaratmaya hoş bir bakış (ancak bu eğitim için bir Mac'e sahip olmanız gerekir).
Ve neredeyse herkes bunu yapabilirken, biraz sabır ve özveri için hazır olmanız gerekir. Bir yazı tipi oluşturmak 1-2-3 kadar kolay değildir.
Makalede “İyi ve kullanışlı bir yazı tipi oluşturmak pratik ve saatler sürecek” dedi. “Bunu yapmayı seviyorsanız 'zor' değil ve büyük olasılıkla, yapmayı sevdiğiniz bir şey olup olmadığını hemen anlayacaksınız. Muhtemelen revizyonlar yapacak, potansiyel olarak diğer kullanıcılardan gelen geri bildirimleri dahil edecek, çeşitli durumlarda test edeceksiniz (farklı uygulamalar / baskı / web) ve daha fazlası. ”
Kendi yazı tipinizi oluşturmak belki de bir fincan çayınız değilse, Finck'in kreasyonlarından birini indirmeyi düşünün. 2005'ten beri profesyonel bir tasarımcıdır ve Creative Market'te çeşitli yazı tipleri vardı.
Sadece eğlence için
Son olarak programlama dillerinin nasıl hissettiğinin görsel bir temsili. (Ve benim için çok doğru olanı.)
Bjorn Tipling, “Programlama Dilleri Silah Olsaydı” da küçük bir fon oluşturdu ve çekti. Gönderi, her programlama dilinden ve ilişkisinden geçer. Karşılaştırmalar oldukça akıllı ve ilişkilendirilebilir.
“C ++, kullanıldığında güçlü ve etkileyici bir dizi nunchuktur, ancak ustalaşmak için uzun yıllar acı çekiyor ve muhtemelen başka bir şey kullanmanızı diliyorsunuz” diye yazıyor. Ayrıca: “JavaScript kabzası olmayan bir kılıçtır.”
Gittiğinizden emin olun. Çok eğlenceli ve hatta büyük bir öğleden sonra pick-me-up olabilir.
