# 005 - Photoshopping Mobile, 1. osa - CSS-trikid

Anonim

Alustame oma Photoshopi faili avamisest. Üsna rumala välimusega "piklik" iPhone'i ekraanipilt, mis lihtsalt annab meile mobiiltelefoni esimeses kontekstis lõuendi.

Alustame nii lihtsalt kui võimalik: Jeffi nimega. Peame kohe fondi valima. Selline asi võib olla väga keeruline. Meil on vaja tegeleda pärandfondiga (viimasel saidil kasutatud font) ning kaaluda Jeffi brändi ja isikupära. Fondid võivad kaasa tuua nii palju isikupära. Vaatame mõnda liiga liiga isikupärast fonti (see võitleks Jeffi stiili vastu). Vaatame vana fonti. Seejärel asume Proxima Nova juurde, kuna sellel on vana fontiga palju omadusi, andmata liiga palju isikupära. See on lihtsalt lihtne. Tähed moodustavad read on väga sarnased Jeffi teose joontega. Sama oluline on see, et me teame, et saame Proxima Novat kasutada ka veebis.

Otse Jeffi nime alla jääme mõnele fotole Jeffi loomingust. See on ilmselt kõige olulisem asi, mida sellel saidil teeme. See peab olema valusalt selge, mida Jeff loob. Üks pilt on ees ja keskel. Siis paigutame veel kaks fotot, kuid servadeni, nii et need lihtsalt jõuavad tippu. Lõppkokkuvõttes teeme siin liuguri ja need pildi tipud teevad väga ilmseks, et saate piltide kuvamiseks keskmist pilti libistada servadel. Seletusi pole vaja. Kõigepealt mobiil! Siin tehtud kujundusotsused teavitavad liuguri käitumist hiljem.