Jeg laver pixel perfekte webdesigns leveret til din udvikler, programmør eller dit bureau som lagdelte PSD-filer til desktop, tablet og mobil. Disse filer giver udvikleren mulighed for at konvertere det endelige design til et fuldt responsivt site ved brug af HTML, CSS og JavaScript.

“Men PSD til HTML er da dødt”, siger du nok. Både og. Du skal i hvert fald ikke søge ret længe på nettet, før du finder sætningen “PSD til HTML er dødt!”. Og hvis du tager udgangspunkt i den “oprindelige” måde at lave webdesigns fra Photoshop til browser, så er det korrekt, at det ikke længere giver mening at lave ét design til desktop, som en udvikler skærer op og eksporterer til web for endelig at skrive CSS og HTML, som gør brug af billedfilerne. Det er et levn fra tidligere tider, hvor CSS’ens vidunderlige verden endnu ikke fandtes og vi ikke kunne lave skyggeeffekter, gradients, runde hjørner osv. uden at gøre brug af bitmap-billeder. Det var også dengang, at der stort set kun var ét eneste browserformat på 1024×768 pixels at tage højde for. Derfor kunne én enkelt Photoshopfil blive til et 1-1 webdesign.

Sådan fungerer PSD til HTML ikke længere.

Fordi ikke alle frontendere er designere. Ligesom langt fra alle designere er frontendere.

Web-udviklere er dygtige til kode, funktionaliteter, integrationer osv. De går ikke nødvendigvis op i sammenhængen mellem virksomhedens visuelle identitet og den grafiske kommunikation. Det er ikke deres område. Det er derimod designerens fagområde! Og det er i den forbindelse, at designerens værktøjskasse helliger målet!

Photoshop (eller Sketch, Figma, Illustrator osv.) er en glimrende visuel måde at præsentere designs på, hvor kunden ser, hvad de får, inden der går en masse tid med at skrive kode, som måske bare skal skrives om, fordi det ikke er, hvad kunden forventede. Wireframes er ofte for tekniske af karakter og giver ikke et billede af, hvordan det nye site kommer til at se ud. PSD-filerne fungerer som mockups for kunden: Her er, hvordan det kommer til at se ud. Og de fungerer som blueprints for udvikleren: Her er dimensioner, farver, placeringer, ikoner, skrifttyper, hover states osv., som du skal trylle frem.

PSD-filer (eller tilsvarende) er et stærkt værktøj i webdesignprocessen.