App-udvikling med Adobe InDesign og Photoshop

Brug Adobe Photoshop og InDesign til app-udvikling

Har du erfaring med Adobe InDesign og/eller Photoshop, kan du selv lave en prototype/mock up af din app. Med Adobes Digital Publishing Suite og InDesign kan du endda også lancere en simpel app uden kodning.

Lav mock up af app med Adobe Photoshop

Med erfaring fra Adobe Photoshop kan du selv lave en app-prototype/mock up.

Du starter i Adobe Comp, hvor du vælger hvilket format, appen skal være i. Herefter laver du en skabelon med placering af nav bar, footer, billede, overskrift og supplerende tekst. Du kan også indsætte billede, tekst samt ikoner. Til sidst har du en grund-skabelon, som bruges til at designe de forskellige app-skærme til en mock up.
Send din Comp layout-skabelon til Adobe Photoshop, hvor den åbnes som et redigerbart Photoshop-dokument.

I Photoshop kan du kopiere grund-skabelonen og lave alle de forskellige skærme, du ønsker. På den måde er placeringen af nav bar, footer, billede og ikoner den samme på alle skærme og herfra kan du tilpasse hver skærms billede og tekst.

Du kan se mock up’en på din iPhone eller iPad ved at forbinde Photoshop og Adobe Preview.

Når du er tilfreds med app-designet, eksporterer du det (i fx PNG, JPEG, SVG eller GIF-format), så det efterfølgende kan bruges til app-udvikling.

App-udvikling med Adobe InDesign og Digital Publishing Suite

Du kan lave en app uden brug af kodning med Adobe InDesign og Digital Publishing Suite. Har du erfaring med InDesign, kan du klare store dele af denne kreative proces på egen hånd.

Du kan vælge at lave appens forskellige skærme i Adobe Comp/Photoshop (som beskrevet i foregående afsnit), eller du kan starte fra bunden i Adobe InDesign/Digital Publishing Suite (DPS).

Du kan nøjes med at bruge DPS til at afprøve design, brugervenlighed, interaktion, knapper m.m. og efterfølgende få lavet app-udviklingen. Eller vælg at lave appen i DPS og lancer appen derfra.

Hvis du vælger DPS som app-udviklingsværktøj, skal du dog være opmærksom på, at DPS er udviklet til forlag og dermed bærer layoutet præg af at være katalog-/boglignende.

Det er muligt at integrere slideshows, lyd, video og interaktioner i DPS. Desuden understøtter programmet HTML5, så det er muligt at downloade eller selv lave plugins.

Når du er tilfreds med designet, forbinder du DPS og Adobe Content Viewer for at se, hvordan appen ser ud på enheden, den er beregnet til.

Til sidst uploades appen til Apple App Store, hvorfra den lanceres – hvis den altså godkendes. Der er forskellige krav og retningslinjer, som skal overholdes.

Vær opmærksom på, at idet DPS er beregnet til magasinlignende apps, er der en del begrænsninger – også selvom HTML indgår. Begrænsningerne omfatter bl.a. interaktionen mellem skærme, navigationen og menuerne. Ønsker du en app, hvor du ikke skal lade dig begrænse, kræver det kodning.

Udvikling af appen, der bekæmper ensomhed

Intellia har igennem flere år løst småopgaver indenfor app-produktion og har bl.a. udbudt kurset Adobe InDesign Apps.

I 2015 gennemførte vi et stort app-projekt; SpisMed1. Idémanden bag SpisMed1-appen, som skal bekæmpe ensomhed, er stifteren af HeadOn, Torben Bohnhardt.

Vi var med hele vejen fra idé over forretningsplan, udvikling, markedsføring, godkendelse hos Apple og til lancering samt løbende forbedringer af såvel kerneproduktet som organisationen og forretningen bag.

Få hjælp til app-udvikling

Processen har givet os værdifuld viden og kompetencer og efter analyser og flere hundrede timers erfaringsopbygning, er vi klar til at præsentere vores nye produkt; rådgivning, kursus og konsulentbistand indenfor app-udvikling.

Vi kan klæde dig på til selv at håndtere processen, løse den i sin helhed eller hvad som helst derimellem.

Få eksempelvis hjælp til:

– Hvornår du skal vælge en app som platform og hvornår et mobiltilpasset website er en bedre løsning

– Hvordan du planlægger og gennemfører IT- såvel som markedsførings- og forretningsprojekter

– Hvilke programmeringssprog og udviklingsværktøjer der passer bedst til hvilke projekter

– Hvordan du designer brugerfladen og flowet under hensyntagen til usability og designregler

– Hvilke krav der stilles i Apples App Store og Google Play for at få din app godkendt

Kontakt os på telefon 7025 1585 eller info@intellia.dk for mere information.