# 005 - Photoshopping Mobile, Bölüm 1 - CSS Hileleri

Anonim

Photoshop dosyamız açıkken başlıyoruz. Oldukça aptalca görünen "uzatılmış" iPhone ekran görüntüsü, bize sadece mobil ilk bağlamda bir tuval veriyor.

Olabildiğince basit bir şekilde başlıyoruz: Jeff'in adıyla. Hemen bir yazı tipi seçmemiz gerekiyor. Bu tür şeyler çok zor olabilir. Ele almamız gereken eski bir yazı tipi (son sitede kullanılan yazı tipi) ve Jeff'in markası ve dikkate alınması gereken kişiliği var. Yazı tipleri, onlarla birlikte çok fazla kişilik getirebilir. Çok fazla kişiliğe sahip bazı yazı tiplerine bakarız (Jeff'in tarzına karşı savaşır). Eski yazı tipine bakıyoruz. Sonra, eski yazı tipiyle çok fazla kişilik katmadan birçok özelliği paylaştığı için Proxima Nova'ya yerleştik. Sadece temiz ve basit. Harfleri oluşturan çizgiler Jeff'in çalışmasındaki çizgilere çok benziyor. En önemlisi, Proxima Nova'yı web'de de kullanabileceğimizi biliyoruz.

Jeff'in adının hemen altında, Jeff'in çalışmalarının bazı fotoğraflarını ekledik. Muhtemelen bu sitede yaptığımız en önemli şey bu. Jeff'in yarattığı şeyin acı bir şekilde açık olması gerekiyor. Bir resim önde ve ortada olacak. Ardından, iki fotoğraf daha yerleştireceğiz, ancak kenarlara kadar sadece zirveye çıkıyorlar. Nihayetinde burada bir kaydırıcı yapacağız ve görüntüdeki bu zirveler, görüntüleri ortaya çıkarmak için ortadaki görüntüyü kaydırabileceğinizi açıkça ortaya koyuyor. kenarlarda. Açıklamaya gerek yok. Önce mobil! Burada verdiğimiz tasarım kararları, kaydırıcının davranışını daha sonra bilgilendirecektir.