# 005 - Photoshopping Mobile, Bahagian 1 - Trik CSS

Anonim

Kami bermula dengan fail Photoshop kami terbuka. Tangkapan skrin iPhone "memanjang" yang agak konyol, yang hanya memberi kita kanvas dalam konteks pertama mudah alih.

Kami bermula semudah mungkin: dengan nama Jeff. Kita perlu memilih fon dengan segera. Perkara seperti ini boleh menjadi sangat sukar. Kami mempunyai fon lama untuk ditangani (fon yang digunakan di laman web terakhir) dan jenama dan keperibadian Jeff yang perlu dipertimbangkan. Font boleh membawa keperibadian yang begitu banyak. Kami melihat beberapa fon dengan keperibadian yang terlalu banyak (ia akan menentang gaya Jeff). Kami melihat fon lama. Kemudian kami menetap di Proxima Nova, kerana ia mempunyai banyak ciri dengan fon lama tanpa memberikan keperibadian yang terlalu banyak. Cukup bersih. Garis yang membuat huruf sangat mirip dengan garis dalam karya Jeff. Sama pentingnya, kami tahu kami juga boleh menggunakan Proxima Nova di web.

Tepat di bawah nama Jeff, kami memasukkan beberapa gambar karya Jeff. Itu mungkin perkara terpenting yang kami lakukan di laman web ini. Perlu jelas apa yang diciptakan Jeff. Satu gambar akan berada di hadapan dan tengah. Kemudian kami akan meletakkan dua gambar lain, tetapi ke tepi sehingga hanya memuncak. Kami akhirnya akan membuat gelangsar di sini, dan memuncak dalam gambar ini menjadikan anda sangat jelas bahawa anda boleh meluncurkan gambar tengah untuk mendedahkan gambar di tepi. Tidak perlu penjelasan. Mudah alih dahulu! Keputusan reka bentuk yang kami buat di sini akan memaklumkan kelakuan slaid kemudian.