# 005 - Seluler Photoshopping, Bagian 1 - Trik CSS

Anonim

Kami mulai dengan file Photoshop kami terbuka. Tangkapan layar iPhone “memanjang” yang tampak agak konyol, yang hanya memberi kita kanvas dalam konteks pertama seluler.

Kami memulai sesederhana mungkin: dengan nama Jeff. Kita harus langsung memilih font. Hal semacam ini bisa sangat sulit. Kami memiliki jenis huruf lama yang harus ditangani (jenis huruf yang digunakan di situs terakhir) dan merek serta kepribadian Jeff untuk dipertimbangkan. Font dapat membawa begitu banyak kepribadian bersama mereka. Kami melihat beberapa font dengan terlalu banyak kepribadian (itu akan melawan gaya Jeff). Kami melihat font lama. Kemudian kami memilih Proxima Nova, karena memiliki banyak karakteristik yang sama dengan font lama tanpa terlalu banyak memberikan kepribadian. Ini hanya membersihkan yang sederhana. Garis-garis yang membuat huruf-huruf itu sangat mirip dengan garis-garis pada karya Jeff. Sama pentingnya, kami tahu bahwa kami juga dapat menggunakan Proxima Nova di web.

Tepat di bawah nama Jeff, kami memasukkan beberapa foto karya Jeff. Itu mungkin hal terpenting yang kami lakukan di situs ini. Apa yang Jeff ciptakan harus sangat jelas. Satu gambar akan berada di depan dan tengah. Kemudian kita akan menempatkan dua foto lainnya, tapi ke tepi sehingga mereka hanya memuncak. Pada akhirnya kita akan membuat slider di sini, dan gambar yang memuncak ini membuatnya sangat jelas Anda dapat menggeser gambar tengah ke atas untuk menampilkan gambar di tepinya. Tidak perlu penjelasan. Seluler dulu! Keputusan desain yang kami buat di sini akan menginformasikan perilaku slider nanti.