Mine tanker om å designe i nettleseren vs design i Photoshop

Utformingen i nettleseren blir stadig mer populær med fremveksten av "designere som kodes". Men bare fordi vi har plukket opp noen nye ferdigheter, betyr det at vi skal grøfte papiret vårt, sharpies, desktop publishing programvare og wireframing verktøy og hoppe rett inn i kodende prototyper?

Browser vs Photoshop er et varmt emne

Hvis du jobber i det digitale rommet, med designere og utviklere, har du sett den stigende trenden i designere som forventes å ha (noen) kodende ferdigheter.

Mange mennesker er alle for det, mens noen mener at designere ikke bør berøre koden. Men de designerne som gjør kode, blir mer selvsikker og noen argumenterer selv for at design i Photoshop ikke lenger er relevant i visse scenarier..

Jeg er av den oppfatning at kreativitet er verktøy uavhengig, men jeg kan se fordelene og ulempene med begge tilnærmingene i isolasjon (jeg har listet dem under, så du kan få mitt perspektiv på diskusjonen).

I denne artikkelen bruker jeg begrepet "Photoshop" og "UXPin" løst. Jeg refererer egentlig til noe verktøy av denne typen, enten du bruker Sketch, Balsamic eller noe annet! Det samme argumentet gjelder. Photoshop og UXPin er bare skje for å være mine preferanser.

Går rett inn i nettleseren

En vanlig situasjon som noen i en organisasjon kan designe i nettleseren er hvis de er dyktige i visuell design, men er også komfortable koding. For eksempel kan formålet være å kommunisere til en utvikler som bygger et CMS, hvordan utformingen vil se ut. En PSD ville være egnet, men designeren kan føle at det ville være mer verdifullt å vise alle tilleggene, for eksempel animasjon og lydhørhet på en måte som er nærmere den endelige bygningen.

fordeler

Rammer som Bootstrap og Foundation gjør prosessen raskere. I min erfaring er det godt å faktisk lære å kodes fra grunnen før du lener seg på rammebetingelser som du vil lære hva som skjer bak kulissene.
Lære å kode frontend reduserer mengden flaskehalser, spesielt hvis laget ditt er tyngre på designsiden. Du kan la utviklerne fokusere på flere av de utfordrende aspektene av utvikling og spesialistområder.

ulempene

Å designe i nettleseren kan være litt tregere hvis du ikke er sikker på koding. Etter min erfaring kan den betale for å melde seg på et forutgående utviklingsforløp, og prøve deg på noen freelance-spill som å bygge en enkel destinasjonsside.
Denne prosessen kan skifte designers fokus unna sine kjernestyrker. Ja, det kan være bra å ha kodingskoteletter. Noen argumenterer imidlertid for at arbeidsdeling (folk som fokuserer på svært spesifikke oppgaver) fører til større effektivitet i produksjonen. Virkelighetene i markedet (og fleksibilitet etterspurt i det digitale rommet) kan føre til at folk argumenterer ellers!

Design i Photoshop / UXPin

Desktop publishing programvare som Adobe Photoshop og Software as Services (SAAS) som UXPin er bare et par mange verktøy som er brød og smør av designere. Selv designere som kan kode og ofte design i nettleseren vil finne det verdifullt å planlegge ting ut med disse verktøyene først.

fordeler

Grafikkapplikasjoner er gode i de tidlige planleggings- og forskningsfasene. I min erfaring er papir og sharpies raske og skitne måter å raskt kjøre noe ut.
Wireframes kan være en god måte for en bedriftsanalytiker eller annen ikke-visuell interessent å formidle grunnleggende metadata. Å designe i en nettleser vil trolig være overkill da målet med dette stadiet er å generere noe løs for diskusjon.
Planlegging og forethought med lavere trofasthet kan føre til en betydelig nedgang i utviklingstiden.

ulempene

Utforming for den lydhør weben kan føles repeterende i Photoshop, og ikke realistisk oversette hva den faktiske bygningen vil se ut. Etter min erfaring er det enklere å justere medieforespørsler med øye for forskjellige enheter, og få sanntids tilbakemelding om hva den faktiske bygningen vil se ut, i stedet for å produsere en rekke spekulative mock ups i Photoshop.
Det er vanskelig å gjenkjenne tekniske begrensninger når du designer i Photoshop. For eksempel, når jeg designe en destinasjonsside for en klient. Den inneholdt en e-postoppsamlingsboks som senere ble svært vanskelig å designe på grunn av kompleksiteten. Til slutt jeg "designet" i nettleseren den dovne måten, som var mye mer praktisk.

Konklusjon

Kreativitet er verktøy uavhengig. Å jobbe direkte i nettleseren konfronterer deg umiddelbart med mulige begrensninger og hjelper deg med å utvikle ditt design. Men etter min erfaring er det ingen erstatning for et tidlig kutt i UxPin og Adobe Photoshop. Disse tilnærmingene utelukker heller ikke hverandre. Jeg bruker Adobe Photoshop mye, selv når du designer i nettleseren. I disse dager har det også noen gode utvidelser som hjelper deg med å kode mye mer effektivt.

Er du en designer som koder? Eller foretrekker du å gjøre dine mock ups i desktop publishing programvare som Photoshop? Legg igjen en kommentar nedenfor!

Webdesign