# 008: Modül Modelini Photoshop'ta Oluşturma - CSS Hileleri

Anonim

Sitenin tamamı "modüllere" dayalı olacak. Her küçük şey kelimenin tam anlamıyla bir kutuda olacak (sonuçta hem görsel hem de kodda). Ana sayfadaki en son blog yazısı için bir modülle başlıyoruz, ancak modül kalıbı her yerde kullanılacak. Bireysel yorumlar, “Anket” gibi kenar çubuğu alanları, reklamlar… her şey.

Bu temel makale modülünü yerleştirdikten sonra, içinde biraz tipografi üzerinde çalışıyoruz. Gerçek bir gönderi başlığı kullanıyoruz (gerçek bir şeyden bir uzunluk hissi elde etmek için iyi bir fikir), ancak daha sonra alıntı için Lorem Ipsum (soluk soluğa!) Kullanıyoruz (pratik).

Bazı yeni yazı tiplerini tanıtıyoruz. Başlıklar (mükemmel bir dünyada) Whitney Condensed Bold ve gövde kopyası normal Whitney olacaktır.

Modüller için “küçük renkli kare” konseptini sunuyoruz. Bu, tasarım sürecinde uzun süre beklemede kalıyor, ancak (hala v10'da isek sitede görebileceğiniz gibi) sonuçta renkli bir çubuğa dönüşüyor.