Sayfanın üst kısmında Treehouse reklamı için işaretleme var, ancak yapmamız gereken bazı şekillendirme işlerimiz var. Ağaç grafiğinin kendisiyle başlıyoruz.
Vektörü kullanmanın ve SVG olarak çıktı almanın harika olabileceğini düşünüyoruz çünkü keskin görünecek ve dosya boyutu küçük olacaktır. Illustrator'da her vektörde güzel ve temiz bir versiyonunu elde etmeye çalışırken ve sonunda başarısız olmaya çalışırken beni izleyin. Şimdilik onu unutmaya ve sadece bir imaj haline getirmeye karar verdik.
Görünüşe göre, Treehouse artık bu markayı kullanmıyor, bu yüzden yine de yakında güncellemem gerekecek ve yeniden çizmem gerekse bile kesinlikle SVG yapmak için zaman ayıracağım.
Şimdilik PNG yapıyoruz ve bir CSS arka planıyla tasarıma bırakıyoruz. Arka plan boyutuyla boyutlandırıyoruz (yine de yüzdeleri kullanarak kendimi yeniden karıştırmış olsam da - bir yüzde kullandığınızda bu, görüntünün boyutunun bir yüzdesi değil, bölüm öğesinin bir yüzdesi olduğunu unutmayın).
Renklendirmeyi, boyutlandırmayı ve tüm seti konumlandırıyoruz. Şimdi son adım, onun duyarlı tasarımda çalışmasını sağlamaktır.