Responsiv design
 

Hej!

Jag har en färdig design i PSD format och vill nu göra den responsiv. Kommer det att krävas en helt ny design eller är är det en fråga om programmering?

Fick en offert på att göra den responsiv som nästan dubblade priset och det känns lite märkligt :)

MVH

R

Du kan ju utgå ifrån den design du skapat i Photoshop, om det är så att kunden inte vill ha exempel på hur webbplatsen kommer se ut i olika enheter innan man börjar programmera.

Är osäker på vilka mått man ska använda sig utav idag men någon här har säkert svar på det?

Det kommer givetvis behöva göras massa designjobb och val för att göra din design responsiv, jag skulle vilja påstå att det är mer design än programmering om det ska bli bra.

Tackar för input. Kanske är en rimlig kostnad då :( hehe

Ett tips är att både vid design och implementering utgå från ett mobilt gränssnitt. Sedan jobbar du dig uppåt via tablet till laptop/desktop. Brukar bli enklare än att gå åt andra hållet. Googla på "mobile first design" så finns en uppsjö av "do's and don'ts".

Att göra en sida responsiv behöver inte vara så mycket mer jobb än att inte göra den responsiv. Utan det beror på hur din design ser ut.

Det finns olika brytpunkter som man kan ta hänsyn till, dessa brytpunkter är de olika enheternas upplösning. För att slippa tänka på dessa så kan du ange alla mått med % istället för px och när något inte får plats på bredden så bryter man helt enkelt.
Det kan vara att man bryter från float: left; till float: none; och en clear: both.