# 005 - Photoshopping Mobile, del 1 - CSS-tricks

Anonim

Vi börjar med vår Photoshop-fil öppen. Den ganska fåniga "långsträckta" iPhone-skärmdumpen, som helt enkelt bara ger oss en duk i mobilens första sammanhang.

Vi börjar så enkelt som möjligt: ​​med Jeffs namn. Vi måste välja ett typsnitt direkt. Den här typen av saker kan vara mycket svårt. Vi har ett äldre typsnitt att hantera (teckensnittet som användes på den sista webbplatsen) och Jeffs varumärke och personlighet att tänka på. Teckensnitt kan ge så mycket personlighet tillsammans med dem. Vi tittar på några teckensnitt med alldeles för mycket personlighet (det skulle slåss mot Jeffs stil). Vi tittar på det gamla teckensnittet. Sedan bosätter vi oss på Proxima Nova, eftersom det delar många egenskaper med det gamla teckensnittet utan att förmedla för mycket personlighet. Det är bara rent och enkelt. Raderna som gör bokstäverna liknar mycket linjerna i Jeffs arbete. Lika viktigt är att vi vet att vi också kan använda Proxima Nova på webben.

Rätt under Jeffs namn släpper vi in ​​några bilder av Jeffs arbete. Det är förmodligen det viktigaste vi gör på den här webbplatsen. Det måste vara smärtsamt uppenbart vad Jeff skapar. En bild kommer att vara främre och mitten. Sedan lägger vi två andra bilder, men ut till kanterna så att de bara når in. Vi kommer till slut att göra en skjutreglage här, och dessa toppar i bild gör det mycket uppenbart att du kan glida mittbilden över för att avslöja bilderna på kanterna. Inga förklaringar nödvändiga. Mobil först! De designbeslut vi tar här kommer att informera om reglaget senare.